Revert deprecated folder removing (#810)

* Revert "Remove deprecated ui folder rendering (#808)
This reverts commit 4637895.

Author: const314

packages/devextreme-react-generator/package.json

@@ -1,7 +1,7 @@
 {
   "author": "Developer Express Inc.",
   "name": "devextreme-react-generator",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "description": "DevExtreme React UI and Visualization Components",
   "repository": {
     "type": "git",

packages/devextreme-react-generator/src/component-generator.ts

@@ -102,6 +102,16 @@ function getIndent(indent: number) {
   return Array(indent * 2 + 1).join(' ');
 }
 
+const renderReExport: (model: { path: string, fileName: string }) => string = createTempate(
+  '/** @deprecated Use \'devextreme-react/<#= it.fileName #>\' file instead */\n'
++ 'export * from "<#= it.path #>";\n'
++ 'export { default } from "<#= it.path #>";\n',
+);
+
+function generateReExport(path: string, fileName: string): string {
+  return renderReExport({ path, fileName });
+}
+
 const renderObjectEntry: (model: {
   key: string;
   value: string;
@@ -609,4 +619,5 @@ export {
   IOption,
   ISubscribableOption,
   IPropTyping,
+  generateReExport,
 };

packages/devextreme-react-generator/src/generator.ts

@@ -3,6 +3,7 @@ import { writeFileSync as writeFile } from 'fs';
 import {
   dirname as getDirName,
   join as joinPaths,
+  normalize as normalizePath,
   relative as getRelativePath,
   sep as pathSeparator,
 } from 'path';
@@ -20,6 +21,7 @@ import { convertTypes } from './converter';
 import generateIndex, { IReExport } from './index-generator';
 
 import generateComponent, {
+  generateReExport,
   IComponent,
   IIndependentEvents,
   INestedComponent,
@@ -246,6 +248,7 @@ function generate({
   },
   out: {
     componentsDir: string,
+    oldComponentsDir: string,
     indexFileName: string
   },
   widgetsPackage: string
@@ -268,6 +271,15 @@ function generate({
       name: widgetFile.component.name,
       path: `./${removeExtension(getRelativePath(indexFileDir, widgetFilePath)).replace(pathSeparator, '/')}`,
     });
+
+    writeFile(
+      joinPaths(out.oldComponentsDir, widgetFile.fileName),
+      generateReExport(
+        normalizePath(`./${removeExtension(getRelativePath(out.oldComponentsDir, widgetFilePath))}`)
+          .replace(pathSeparator, '/'),
+        removeExtension(widgetFile.fileName),
+      ),
+    );
   });
 
   writeFile(out.indexFileName, generateIndex(modulePaths), { encoding: 'utf8' });

packages/devextreme-react/build.config.js

@@ -11,6 +11,7 @@ module.exports = {
   metadataPath: './metadata/integration-data.json',
   generatedComponentsDir: './src',
   coreComponentsDir: './src/core',
+  oldComponentsDir: './src/ui',
   indexFileName: './src/index.ts',
   baseComponent: './core/component',
   extensionComponent: './core/extension-component',

packages/devextreme-react/gulpfile.js

@@ -14,6 +14,7 @@ const generateSync = require('devextreme-react-generator').default;
 const GENERATE = 'generate';
 const CLEAN = 'clean';
 
+const OLD_OUTPUTDIR_CREATE = 'output-dir.create';
 const GEN_RUN = 'generator.run';
 
 const NPM_CLEAN = 'npm.clean';
@@ -28,6 +29,10 @@ gulp.task(CLEAN, (c) =>
   del([`${config.generatedComponentsDir}\\*`, `!${config.coreComponentsDir}`], c)
 );
 
+gulp.task(OLD_OUTPUTDIR_CREATE, (done) =>
+  mkdir(config.oldComponentsDir, {}, done)
+);
+
 gulp.task(GEN_RUN, (done) => {
   generateSync({
     metaData: JSON.parse(fs.readFileSync(config.metadataPath).toString()),
@@ -38,6 +43,7 @@ gulp.task(GEN_RUN, (done) => {
     },
     out: {
       componentsDir: config.generatedComponentsDir,
+      oldComponentsDir: config.oldComponentsDir,
       indexFileName: config.indexFileName
     },
     widgetsPackage: 'devextreme'
@@ -48,6 +54,7 @@ gulp.task(GEN_RUN, (done) => {
 
 gulp.task(GENERATE, gulp.series(
   CLEAN,
+  OLD_OUTPUTDIR_CREATE,
   GEN_RUN
 ));