igniteui-cli 8.2.0-alpha.0 → 8.2.2

package/lib/commands/build.js

@@ -45,6 +45,9 @@ command = {
                 cd14: config.project.theme
             });
             yield cli_core_1.PackageManager.installPackages();
+            if (config.project.projectType === "es6") {
+                return;
+            }
             if (config.project.theme.includes(".less") || config.project.theme.includes(".sass")) {
                 fs.mkdirSync("./themes");
                 const source = path.join(config.project.igniteuiSource, "/css/themes/", config.project.theme.split(".")[0]);

package/lib/commands/start.js

@@ -70,8 +70,11 @@ command = {
                     browserSync.init(bsConfig);
                     break;
                 case "react":
-                    if (projectType === "igr-es6" && port) {
+                    if (port) {
                         // https://facebook.github.io/create-react-app/docs/advanced-configuration
+                        // react-scripts start "--port=dafaultPort" is not a valid command for all environments.
+                        // .env file is included and used by both igr-es6 and es6 now,
+                        // to specify the port for all environments (Windows, Mac, etc)
                         process.env.PORT = `${port}`;
                         port = null;
                     }

package/lib/templates/ReactTemplate.d.ts

@@ -15,8 +15,8 @@ export declare class ReactTemplate implements Template {
     packages: any[];
     delimiters: import("@igniteui/cli-core").TemplateDelimiters;
     protected widget: string;
-    private configFile;
-    private replacePattern;
+    private appRoutsPath;
+    private igniteResources;
     /**
      * Base ReactTemplate constructor
      * @param rootPath The template folder path. Pass in `__dirname`
@@ -29,8 +29,8 @@ export declare class ReactTemplate implements Template {
     registerInProject(projectPath: string, name: string, options?: AddTemplateArgs): void;
     getExtraConfiguration(): ControlExtraConfiguration[];
     setExtraConfiguration(extraConfigKeys: {}): void;
-    protected getImports(): string;
     protected folderName(pathName: string): string;
     protected getViewLink(name: string): string;
-    protected getToolbarLink(name: string): string;
+    protected registerSourceFiles(projectPath: string): void;
+    protected getNavText(name: string): string;
 }

package/lib/templates/ReactTemplate.js

@@ -18,8 +18,8 @@ class ReactTemplate {
         this.hasExtraConfiguration = false;
         this.packages = [];
         this.delimiters = cli_core_1.defaultDelimiters;
-        this.configFile = "./client/pages/routesTemplate.js";
-        this.replacePattern = /\[[\s\S]*\](?=;)/;
+        this.appRoutsPath = "./src/routes.json";
+        this.igniteResources = "src/igniteuiResources.js";
     }
     get templatePaths() {
         return [path.join(this.rootPath, "files")];
@@ -37,7 +37,6 @@ class ReactTemplate {
             config["widget"] = this.widget;
             config["Control"] = cli_core_1.Util.className(this.widget);
         }
-        config["igniteImports"] = this.getImports();
         if (this.description) {
             config["description"] = this.description;
         }
@@ -47,15 +46,17 @@ class ReactTemplate {
         if (options && options.skipRoute) {
             return;
         }
-        let configFile = fs.readFileSync(path.join(projectPath, this.configFile), "utf8");
-        const viewsArr = JSON.parse(this.replacePattern.exec(configFile)[0]);
+        // add Routing config for each added component
+        const appRoutsFile = fs.readFileSync(path.join(projectPath, this.appRoutsPath), "utf8");
+        const viewsArr = JSON.parse(appRoutsFile);
         viewsArr.push({
-            folder: this.getViewLink(name),
+            // tslint:disable:object-literal-sort-keys
             path: "/" + this.folderName(cli_core_1.Util.nameFromPath(name)),
-            text: this.getToolbarLink(name)
+            componentPath: this.getViewLink(name),
+            text: this.getNavText(name)
         });
-        configFile = configFile.replace(this.replacePattern, JSON.stringify(viewsArr, null, 4));
-        fs.writeFileSync(path.join(projectPath, this.configFile), configFile);
+        fs.writeFileSync(path.join(projectPath, this.appRoutsPath), JSON.stringify(viewsArr, null, 4));
+        this.registerSourceFiles(projectPath);
     }
     getExtraConfiguration() {
         throw new Error("Method not implemented.");
@@ -63,19 +64,6 @@ class ReactTemplate {
     setExtraConfiguration(extraConfigKeys) {
         throw new Error("Method not implemented.");
     }
-    getImports() {
-        // tslint:disable-next-line:no-submodule-imports
-        const config = require("@igniteui/cli-core/packages/components");
-        let builder = "";
-        builder += "\r\n";
-        builder += "// Ignite UI Required Combined JavaScript Files\r\n";
-        builder += `import "ignite-ui/js/infragistics.core.js";\r\n`;
-        builder += `import "ignite-ui/js/infragistics.lob.js";\r\n`;
-        if (this.dependencies.filter(x => config.dv.indexOf(x) !== -1).length) {
-            builder += `import "ignite-ui/js/infragistics.dv.js";\r\n`;
-        }
-        return builder;
-    }
     folderName(pathName) {
         //TODO: should remove the spaces
         const parts = path.parse(pathName);
@@ -84,11 +72,11 @@ class ReactTemplate {
             folderName = path.join(parts.dir, parts.name);
             folderName = folderName.replace(/\\/g, "/");
             // TODO: config-based "src/app"?
-            const relative = path.join(process.cwd(), "client/components", folderName);
+            const relative = path.join(process.cwd(), "components", folderName);
             // path.join will also resolve any '..' segments
             // so if relative result doesn't start with CWD it's out of project root
             if (!relative.startsWith(process.cwd())) {
-                cli_core_1.Util.error(`Path ${"client/components/" + folderName} is not valid!`, "red");
+                cli_core_1.Util.error(`Path ${"components/" + folderName} is not valid!`, "red");
                 process.exit(1);
             }
             //clean up potential leading spaces in folder names (`path/    name`):
@@ -97,13 +85,38 @@ class ReactTemplate {
         return cli_core_1.Util.lowerDashed(folderName);
     }
     getViewLink(name) {
-        const filePath = this.folderName(name) + "/index.js";
-        return filePath;
+        return "./components/" + this.folderName(name);
+    }
+    registerSourceFiles(projectPath) {
+        // tslint:disable:no-submodule-imports
+        const components = require("@igniteui/cli-core/packages/components");
+        const igResPath = path.join(projectPath, this.igniteResources);
+        if (fs.existsSync(igResPath)) {
+            let igniteuiResFile = fs.readFileSync(igResPath, "utf8");
+            const freeVersionPath = "ignite-ui/";
+            const fullVersionPath = "@infragistics/ignite-ui-full/en/";
+            const dvPath = "@infragistics/ignite-ui-full/en/js/infragistics.dv.js";
+            const dvDep = this.dependencies.filter(x => components.dv.indexOf(x) !== -1).length !== 0;
+            const fullDep = this.dependencies.filter(x => components.full.indexOf(x) !== -1).length !== 0;
+            if (fullDep) {
+                while (igniteuiResFile.includes(freeVersionPath)) {
+                    igniteuiResFile = igniteuiResFile.replace(freeVersionPath, fullVersionPath);
+                    igniteuiResFile = igniteuiResFile.replace("-lite", "");
+                }
+                fs.writeFileSync(igResPath, igniteuiResFile);
+            }
+            if (dvDep && !igniteuiResFile.includes(dvPath)) {
+                fs.appendFileSync(igResPath, `${'\r\n// Ignite UI Charts Required JavaScript File\r\nimport "'
+                    + dvPath + '";\r\n'}`);
+            }
+        }
+        else {
+            cli_core_1.Util.log(`igniteuiResources.js file NOT found!`);
+        }
     }
-    getToolbarLink(name) {
+    getNavText(name) {
         name = cli_core_1.Util.nameFromPath(name);
-        const toolbarLink = name.replace(/\w\S*/g, txt => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase());
-        return toolbarLink;
+        return name.replace(/\w\S*/g, txt => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase());
     }
 }
 exports.ReactTemplate = ReactTemplate;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "8.2.0-alpha.0",
+  "version": "8.2.2",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -71,8 +71,8 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "~12.2.820-alpha.0",
-    "@igniteui/cli-core": "~8.2.0-alpha.0",
+    "@igniteui/angular-templates": "~12.2.822",
+    "@igniteui/cli-core": "~8.2.2",
     "chalk": "^2.3.2",
     "fs-extra": "^3.0.1",
     "glob": "^7.1.2",
@@ -80,7 +80,7 @@
     "opn": "^5.3.0",
     "resolve": "^1.6.0",
     "through2": "^2.0.3",
-    "typescript": "^4.3.2",
+    "typescript": "~4.3.2",
     "yargs": "^8.0.2"
   },
   "devDependencies": {

package/templates/react/es6/bar-chart/default/files/{client → src}/components/__path__/index.js

@@ -1,7 +1,5 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
+import { Component } from 'react';
+
 import $(Control) from "igniteui-react/ui/$(widget).js";
 
 import { data } from "../../data/world-energy-production.js";

package/templates/react/es6/{column-chart/default/files/client → bar-chart/default/files/src}/data/world-energy-production.js

@@ -2,7 +2,7 @@
 Data from U.S. Energy Information Administration (2012)
 */
 var data = {
-	lastFiveYears: [
+  lastFiveYears: [
     {
         "Year": 2005,
         "Canada": 18.8932,
@@ -52,4 +52,4 @@ var data = {
         "China": 90.3918,
     }
 ]};
-export { data };
+export { data };

package/templates/react/es6/column-chart/default/files/{client → src}/components/__path__/index.js

@@ -1,9 +1,5 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
+import { Component } from 'react';
 import $(Control) from "igniteui-react/ui/$(widget).js";
-
 import { data } from "../../data/world-energy-production.js";
 
 export default class $(ClassName) extends Component {
@@ -22,7 +18,7 @@ export default class $(ClassName) extends Component {
 						id="columnchart"
 						width="65vw"
 						height="350px"
-						dataSource={this.state.view}	
+						dataSource={this.state.view}
 						responseDataKey="lastFiveYears"
 						legend={{ element: "columnLegend" }}
 						title="Energy Production Per Country"

package/templates/react/es6/combo/combo/files/{client → src}/components/__path__/index.js

@@ -1,7 +1,5 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
+import { Component } from 'react';
+
 import $(Control) from "igniteui-react/ui/$(widget).js";
 
 export default class $(ClassName) extends Component {

package/templates/react/es6/doughnut-chart/doughnut-chart/files/{client → src}/components/__path__/index.js

@@ -1,7 +1,4 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
+import { Component } from 'react';
 import $(Control) from "igniteui-react/ui/$(widget).js";
 
 export default class $(ClassName) extends Component {

package/templates/react/es6/editors/editors/files/{client → src}/components/__path__/index.js

@@ -1,7 +1,4 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
+import { Component } from 'react';
 import $(Control) from "igniteui-react/ui/$(widget).js";
 
 export default class $(ClassName) extends Component {

package/templates/react/es6/financial-chart/financial-chart/files/{client → src}/components/__path__/index.js

@@ -1,9 +1,5 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
+import { Component } from 'react';
 import $(Control) from "igniteui-react/ui/$(widget).js";
-
 import { dataObj } from "../../data/financial-data.js";
 
 export default class $(ClassName) extends Component {

package/templates/react/es6/financial-chart/financial-chart/files/{client → src}/data/financial-data.js

@@ -1,6 +1,6 @@
 var dataObj = {
 
-randomOldData : [{ "Index": 0, "Open": 1000, "High": 1026, "Low": 977, "Close": 1014, "Volume": 1995.25, "Date": "\/Date(1262383200000)\/", "DateString": "1/2/2010", "Category": null, "Change": 14, "ChangePerCent": 1.4000000000000001 }, { "Index": 1, "Open": 1014, "High": 1033.5, "Low": 984.75, "Close": 989, "Volume": 2003, "Date": "\/Date(1262469600000)\/", "DateString": "1/3/2010", "Category": null, "Change": -25, "ChangePerCent": -2.4654832347140041 }, { "Index": 2, "Open": 989, "High": 1004, "Low": 960.5, "Close": 1000, "Volume": 1993, "Date": "\/Date(1262556000000)\/", "DateString": "1/4/2010", "Category": null, "Change": 11, "ChangePerCent": 1.1122345803842264 }, { "Index": 3, "Open": 1000, "High": 1020.25, "Low": 980.75, "Close": 995, "Volume": 1982.25, "Date": "\/Date(1262642400000)\/", "DateString": "1/5/2010", "Category": null, "Change": -5, "ChangePerCent": -0.5 }, { "Index": 4, "Open": 995, "High": 1030.5, "Low": 964, "Close": 1015, "Volume": 1971, "Date": "\/Date(1262728800000)\/", "DateString": "1/6/2010", "Category": null, "Change": 20, "ChangePerCent": 2.0100502512562812 }, { "Index": 5, "Open": 1015, "High": 1026.5, "Low": 998.75, "Close": 1009, "Volume": 1982.5, "Date": "\/Date(1262815200000)\/", "DateString": "1/7/2010", "Category": null, "Change": -6, "ChangePerCent": -0.59113300492610843 }, { "Index": 6, "Open": 1009, "High": 1039, "Low": 984.5, "Close": 1033, "Volume": 1969.25, "Date": "\/Date(1262901600000)\/", "DateString": "1/8/2010", "Category": null, "Change": 24, "ChangePerCent": 2.3785926660059467 }, { "Index": 7, "Open": 1033, "High": 1064.25, "Low": 1005.75, "Close": 1035, "Volume": 1966.25, "Date": "\/Date(1262988000000)\/", "DateString": "1/9/2010", "Category": null, "Change": 2, "ChangePerCent": 0.1936108422071636 }, { "Index": 8, "Open": 1035, "High": 1059.25, "Low": 1021.5, "Close": 1026, "Volume": 1951, "Date": "\/Date(1263074400000)\/", "DateString": "1/10/2010", "Category": null, "Change": -9, "ChangePerCent": -0.86956521739130432 }, { "Index": 9, "Open": 1026, "High": 1047, "Low": 1001, "Close": 1017, "Volume": 1941.25, "Date": "\/Date(1263160800000)\/", "DateString": "1/11/2010", "Category": null, "Change": -9, "ChangePerCent": -0.8771929824561403 }, { "Index": 10, "Open": 1017, "High": 1044, "Low": 982.75, "Close": 1012, "Volume": 1932.25, "Date": "\/Date(1263247200000)\/", "DateString": "1/12/2010", "Category": null, "Change": -5, "ChangePerCent": -0.49164208456243852 }, { "Index": 11, "Open": 1012, "High": 1019.75, "Low": 989.75, "Close": 993, "Volume": 1909.75, "Date": "\/Date(1263333600000)\/", "DateString": "1/13/2010", "Category": null, "Change": -19, "ChangePerCent": -1.8774703557312251 }, { "Index": 12, "Open": 993, "High": 1021.25, "Low": 966.25, "Close": 1019, "Volume": 1908.5, "Date": "\/Date(1263420000000)\/", "DateString": "1/14/2010", "Category": null, "Change": 26, "ChangePerCent": 2.6183282980866065 }, { "Index": 13, "Open": 1019, "High": 1034, "Low": 1002, "Close": 1024, "Volume": 1893.25, "Date": "\/Date(1263506400000)\/", "DateString": "1/15/2010", "Category": null, "Change": 5, "ChangePerCent": 0.49067713444553485 }, { "Index": 14, "Open": 1024, "High": 1047.75, "Low": 1001.5, "Close": 1029, "Volume": 1893.5, "Date": "\/Date(1263592800000)\/", "DateString": "1/16/2010", "Category": null, "Change": 5, "ChangePerCent": 0.48828125 }, { "Index": 15, "Open": 1029, "High": 1050.75, "Low": 1012.5, "Close": 1035, "Volume": 1920, "Date": "\/Date(1263679200000)\/", "DateString": "1/17/2010", "Category": null, "Change": 6, "ChangePerCent": 0.58309037900874638 }, { "Index": 16, "Open": 1035, "High": 1065.75, "Low": 1011, "Close": 1019, "Volume": 1896.5, "Date": "\/Date(1263765600000)\/", "DateString": "1/18/2010", "Category": null, "Change": -16, "ChangePerCent": -1.5458937198067633 }, { "Index": 17, "Open": 1019, "High": 1055.75, "Low": 993.25, "Close": 1041, "Volume": 1916.25, "Date": "\/Date(1263852000000)\/", "DateString": "1/19/2010", "Category": null, "Change": 22, "ChangePerCent": 2.1589793915603535 }, { "Index": 18, "Open": 1041, "High": 1058.75, "Low": 1017.75, "Close": 1043, "Volume": 1919.25, "Date": "\/Date(1263938400000)\/", "DateString": "1/20/2010", "Category": null, "Change": 2, "ChangePerCent": 0.19212295869356388 }, { "Index": 19, "Open": 1043, "High": 1060.25, "Low": 998.75, "Close": 1045, "Volume": 1902.75, "Date": "\/Date(1264024800000)\/", "DateString": "1/21/2010", "Category": null, "Change": 2, "ChangePerCent": 0.19175455417066153 }, { "Index": 20, "Open": 1045, "High": 1080.75, "Low": 1026.5, "Close": 1029, "Volume": 1892.75, "Date": "\/Date(1264111200000)\/", "DateString": "1/22/2010", "Category": null, "Change": -16, "ChangePerCent": -1.5311004784688995 }, { "Index": 21, "Open": 1029, "High": 1051.25, "Low": 1009.25, "Close": 1051, "Volume": 1878.75, "Date": "\/Date(1264197600000)\/", "DateString": "1/23/2010", "Category": null, "Change": 22, "ChangePerCent": 2.1379980563654035 }, { "Index": 22, "Open": 1051, "High": 1076.5, "Low": 1018.25, "Close": 1064, "Volume": 1883.25, "Date": "\/Date(1264284000000)\/", "DateString": "1/24/2010", "Category": null, "Change": 13, "ChangePerCent": 1.2369172216936251 }, { "Index": 23, "Open": 1064, "High": 1074.25, "Low": 1035.5, "Close": 1048, "Volume": 1862.5, "Date": "\/Date(1264370400000)\/", "DateString": "1/25/2010", "Category": null, "Change": -16, "ChangePerCent": -1.5037593984962405 }, { "Index": 24, "Open": 1048, "High": 1081.5, "Low": 1022.5, "Close": 1037, "Volume": 1851.75, "Date": "\/Date(1264456800000)\/", "DateString": "1/26/2010", "Category": null, "Change": -11, "ChangePerCent": -1.0496183206106871 }, { "Index": 25, "Open": 1037, "High": 1042.5, "Low": 1016.75, "Close": 1038, "Volume": 1856, "Date": "\/Date(1264543200000)\/", "DateString": "1/27/2010", "Category": null, "Change": 1, "ChangePerCent": 0.09643201542912247 }, { "Index": 26, "Open": 1038, "High": 1059.25, "Low": 996.75, "Close": 1015, "Volume": 1850.75, "Date": "\/Date(1264629600000)\/", "DateString": "1/28/2010", "Category": null, "Change": -23, "ChangePerCent": -2.2157996146435455 }, { "Index": 27, "Open": 1015, "High": 1032, "Low": 988.5, "Close": 1027, "Volume": 1850, "Date": "\/Date(1264716000000)\/", "DateString": "1/29/2010", "Category": null, "Change": 12, "ChangePerCent": 1.1822660098522169 }, { "Index": 28, "Open": 1027, "High": 1043, "Low": 1002, "Close": 1012, "Volume": 1842.75, "Date": "\/Date(1264802400000)\/", "DateString": "1/30/2010", "Category": null, "Change": -15, "ChangePerCent": -1.4605647517039921 }, { "Index": 29, "Open": 1012, "High": 1048, "Low": 974.5, "Close": 974, "Volume": 1838.25, "Date": "\/Date(1264888800000)\/", "DateString": "1/31/2010", "Category": null, "Change": -38, "ChangePerCent": -3.7549407114624502 }, { "Index": 30, "Open": 974, "High": 995.25, "Low": 962, "Close": 985, "Volume": 1810.25, "Date": "\/Date(1264975200000)\/", "DateString": "2/1/2010", "Category": null, "Change": 11, "ChangePerCent": 1.1293634496919918 }, { "Index": 31, "Open": 985, "High": 1027.5, "Low": 953.25, "Close": 974, "Volume": 1839, "Date": "\/Date(1265061600000)\/", "DateString": "2/2/2010", "Category": null, "Change": -11, "ChangePerCent": -1.116751269035533 }, { "Index": 32, "Open": 974, "High": 1009, "Low": 934, "Close": 998, "Volume": 1822.75, "Date": "\/Date(1265148000000)\/", "DateString": "2/3/2010", "Category": null, "Change": 24, "ChangePerCent": 2.4640657084188913 }, { "Index": 33, "Open": 998, "High": 1003, "Low": 975.75, "Close": 980, "Volume": 1817.5, "Date": "\/Date(1265234400000)\/", "DateString": "2/4/2010", "Category": null, "Change": -18, "ChangePerCent": -1.8036072144288577 }, { "Index": 34, "Open": 980, "High": 1013, "Low": 942.25, "Close": 944, "Volume": 1826, "Date": "\/Date(1265320800000)\/", "DateString": "2/5/2010", "Category": null, "Change": -36, "ChangePerCent": -3.6734693877551026 }, { "Index": 35, "Open": 944, "High": 979.25, "Low": 920.5, "Close": 928, "Volume": 1801.5, "Date": "\/Date(1265407200000)\/", "DateString": "2/6/2010", "Category": null, "Change": -16, "ChangePerCent": -1.6949152542372881 }, { "Index": 36, "Open": 928, "High": 946, "Low": 898, "Close": 912, "Volume": 1835, "Date": "\/Date(1265493600000)\/", "DateString": "2/7/2010", "Category": null, "Change": -16, "ChangePerCent": -1.7241379310344827 }, { "Index": 37, "Open": 912, "High": 919.25, "Low": 887.5, "Close": 906, "Volume": 1831.75, "Date": "\/Date(1265580000000)\/", "DateString": "2/8/2010", "Category": null, "Change": -6, "ChangePerCent": -0.6578947368421052 }, { "Index": 38, "Open": 906, "High": 921.75, "Low": 886.5, "Close": 887, "Volume": 1838.5, "Date": "\/Date(1265666400000)\/", "DateString": "2/9/2010", "Category": null, "Change": -19, "ChangePerCent": -2.0971302428256071 }, { "Index": 39, "Open": 887, "High": 923.5, "Low": 860.75, "Close": 896, "Volume": 1806, "Date": "\/Date(1265752800000)\/", "DateString": "2/10/2010", "Category": null, "Change": 9, "ChangePerCent": 1.0146561443066515 }, { "Index": 40, "Open": 896, "High": 914, "Low": 870, "Close": 875, "Volume": 1817.75, "Date": "\/Date(1265839200000)\/", "DateString": "2/11/2010", "Category": null, "Change": -21, "ChangePerCent": -2.34375 }, { "Index": 41, "Open": 875, "High": 903.5, "Low": 854, "Close": 871, "Volume": 1816, "Date": "\/Date(1265925600000)\/", "DateString": "2/12/2010", "Category": null, "Change": -4, "ChangePerCent": -0.45714285714285718 }, { "Index": 42, "Open": 871, "High": 892.75, "Low": 855.75, "Close": 866, "Volume": 1799.75, "Date": "\/Date(1266012000000)\/", "DateString": "2/13/2010", "Category": null, "Change": -5, "ChangePerCent": -0.57405281285878307 }, { "Index": 43, "Open": 866, "High": 902.25, "Low": 824.75, "Close": 894, "Volume": 1781.5, "Date": "\/Date(1266098400000)\/", "DateString": "2/14/2010", "Category": null, "Change": 28, "ChangePerCent": 3.2332563510392611 }, { "Index": 44, "Open": 894, "High": 919.25, "Low": 870.25, "Close": 870, "Volume": 1795.5, "Date": "\/Date(1266184800000)\/", "DateString": "2/15/2010", "Category": null, "Change": -24, "ChangePerCent": -2.6845637583892619 }, { "Index": 45, "Open": 870, "High": 891.75, "Low": 845.5, "Close": 849, "Volume": 1823.5, "Date": "\/Date(1266271200000)\/", "DateString": "2/16/2010", "Category": null, "Change": -21, "ChangePerCent": -2.4137931034482758 }, { "Index": 46, "Open": 849, "High": 874, "Low": 832.5, "Close": 859, "Volume": 1853.5, "Date": "\/Date(1266357600000)\/", "DateString": "2/17/2010", "Category": null, "Change": 10, "ChangePerCent": 1.1778563015312131 }, { "Index": 47, "Open": 859, "High": 886.75, "Low": 829, "Close": 871, "Volume": 1847.25, "Date": "\/Date(1266444000000)\/", "DateString": "2/18/2010", "Category": null, "Change": 12, "ChangePerCent": 1.3969732246798603 }, { "Index": 48, "Open": 871, "High": 892.25, "Low": 841.25, "Close": 864, "Volume": 1858, "Date": "\/Date(1266530400000)\/", "DateString": "2/19/2010", "Category": null, "Change": -7, "ChangePerCent": -0.80367393800229625 }, { "Index": 49, "Open": 864, "High": 886.75, "Low": 830.25, "Close": 843, "Volume": 1866, "Date": "\/Date(1266616800000)\/", "DateString": "2/20/2010", "Category": null, "Change": -21, "ChangePerCent": -2.4305555555555558 }],
+randomOldData : [{ "Index": 0, "Open": 1000, "High": 1026, "Low": 977, "Close": 1014, "Volume": 1995.25, "Date": "Date(1262383200000)", "DateString": "1/2/2010", "Category": null, "Change": 14, "ChangePerCent": 1.4000000000000001 }, { "Index": 1, "Open": 1014, "High": 1033.5, "Low": 984.75, "Close": 989, "Volume": 2003, "Date": "Date(1262469600000)", "DateString": "1/3/2010", "Category": null, "Change": -25, "ChangePerCent": -2.4654832347140041 }, { "Index": 2, "Open": 989, "High": 1004, "Low": 960.5, "Close": 1000, "Volume": 1993, "Date": "Date(1262556000000)", "DateString": "1/4/2010", "Category": null, "Change": 11, "ChangePerCent": 1.1122345803842264 }, { "Index": 3, "Open": 1000, "High": 1020.25, "Low": 980.75, "Close": 995, "Volume": 1982.25, "Date": "Date(1262642400000)", "DateString": "1/5/2010", "Category": null, "Change": -5, "ChangePerCent": -0.5 }, { "Index": 4, "Open": 995, "High": 1030.5, "Low": 964, "Close": 1015, "Volume": 1971, "Date": "Date(1262728800000)", "DateString": "1/6/2010", "Category": null, "Change": 20, "ChangePerCent": 2.0100502512562812 }, { "Index": 5, "Open": 1015, "High": 1026.5, "Low": 998.75, "Close": 1009, "Volume": 1982.5, "Date": "Date(1262815200000)", "DateString": "1/7/2010", "Category": null, "Change": -6, "ChangePerCent": -0.59113300492610843 }, { "Index": 6, "Open": 1009, "High": 1039, "Low": 984.5, "Close": 1033, "Volume": 1969.25, "Date": "Date(1262901600000)", "DateString": "1/8/2010", "Category": null, "Change": 24, "ChangePerCent": 2.3785926660059467 }, { "Index": 7, "Open": 1033, "High": 1064.25, "Low": 1005.75, "Close": 1035, "Volume": 1966.25, "Date": "Date(1262988000000)", "DateString": "1/9/2010", "Category": null, "Change": 2, "ChangePerCent": 0.1936108422071636 }, { "Index": 8, "Open": 1035, "High": 1059.25, "Low": 1021.5, "Close": 1026, "Volume": 1951, "Date": "Date(1263074400000)", "DateString": "1/10/2010", "Category": null, "Change": -9, "ChangePerCent": -0.86956521739130432 }, { "Index": 9, "Open": 1026, "High": 1047, "Low": 1001, "Close": 1017, "Volume": 1941.25, "Date": "Date(1263160800000)", "DateString": "1/11/2010", "Category": null, "Change": -9, "ChangePerCent": -0.8771929824561403 }, { "Index": 10, "Open": 1017, "High": 1044, "Low": 982.75, "Close": 1012, "Volume": 1932.25, "Date": "Date(1263247200000)", "DateString": "1/12/2010", "Category": null, "Change": -5, "ChangePerCent": -0.49164208456243852 }, { "Index": 11, "Open": 1012, "High": 1019.75, "Low": 989.75, "Close": 993, "Volume": 1909.75, "Date": "Date(1263333600000)", "DateString": "1/13/2010", "Category": null, "Change": -19, "ChangePerCent": -1.8774703557312251 }, { "Index": 12, "Open": 993, "High": 1021.25, "Low": 966.25, "Close": 1019, "Volume": 1908.5, "Date": "Date(1263420000000)", "DateString": "1/14/2010", "Category": null, "Change": 26, "ChangePerCent": 2.6183282980866065 }, { "Index": 13, "Open": 1019, "High": 1034, "Low": 1002, "Close": 1024, "Volume": 1893.25, "Date": "Date(1263506400000)", "DateString": "1/15/2010", "Category": null, "Change": 5, "ChangePerCent": 0.49067713444553485 }, { "Index": 14, "Open": 1024, "High": 1047.75, "Low": 1001.5, "Close": 1029, "Volume": 1893.5, "Date": "Date(1263592800000)", "DateString": "1/16/2010", "Category": null, "Change": 5, "ChangePerCent": 0.48828125 }, { "Index": 15, "Open": 1029, "High": 1050.75, "Low": 1012.5, "Close": 1035, "Volume": 1920, "Date": "Date(1263679200000)", "DateString": "1/17/2010", "Category": null, "Change": 6, "ChangePerCent": 0.58309037900874638 }, { "Index": 16, "Open": 1035, "High": 1065.75, "Low": 1011, "Close": 1019, "Volume": 1896.5, "Date": "Date(1263765600000)", "DateString": "1/18/2010", "Category": null, "Change": -16, "ChangePerCent": -1.5458937198067633 }, { "Index": 17, "Open": 1019, "High": 1055.75, "Low": 993.25, "Close": 1041, "Volume": 1916.25, "Date": "Date(1263852000000)", "DateString": "1/19/2010", "Category": null, "Change": 22, "ChangePerCent": 2.1589793915603535 }, { "Index": 18, "Open": 1041, "High": 1058.75, "Low": 1017.75, "Close": 1043, "Volume": 1919.25, "Date": "Date(1263938400000)", "DateString": "1/20/2010", "Category": null, "Change": 2, "ChangePerCent": 0.19212295869356388 }, { "Index": 19, "Open": 1043, "High": 1060.25, "Low": 998.75, "Close": 1045, "Volume": 1902.75, "Date": "Date(1264024800000)", "DateString": "1/21/2010", "Category": null, "Change": 2, "ChangePerCent": 0.19175455417066153 }, { "Index": 20, "Open": 1045, "High": 1080.75, "Low": 1026.5, "Close": 1029, "Volume": 1892.75, "Date": "Date(1264111200000)", "DateString": "1/22/2010", "Category": null, "Change": -16, "ChangePerCent": -1.5311004784688995 }, { "Index": 21, "Open": 1029, "High": 1051.25, "Low": 1009.25, "Close": 1051, "Volume": 1878.75, "Date": "Date(1264197600000)", "DateString": "1/23/2010", "Category": null, "Change": 22, "ChangePerCent": 2.1379980563654035 }, { "Index": 22, "Open": 1051, "High": 1076.5, "Low": 1018.25, "Close": 1064, "Volume": 1883.25, "Date": "Date(1264284000000)", "DateString": "1/24/2010", "Category": null, "Change": 13, "ChangePerCent": 1.2369172216936251 }, { "Index": 23, "Open": 1064, "High": 1074.25, "Low": 1035.5, "Close": 1048, "Volume": 1862.5, "Date": "Date(1264370400000)", "DateString": "1/25/2010", "Category": null, "Change": -16, "ChangePerCent": -1.5037593984962405 }, { "Index": 24, "Open": 1048, "High": 1081.5, "Low": 1022.5, "Close": 1037, "Volume": 1851.75, "Date": "Date(1264456800000)", "DateString": "1/26/2010", "Category": null, "Change": -11, "ChangePerCent": -1.0496183206106871 }, { "Index": 25, "Open": 1037, "High": 1042.5, "Low": 1016.75, "Close": 1038, "Volume": 1856, "Date": "Date(1264543200000)", "DateString": "1/27/2010", "Category": null, "Change": 1, "ChangePerCent": 0.09643201542912247 }, { "Index": 26, "Open": 1038, "High": 1059.25, "Low": 996.75, "Close": 1015, "Volume": 1850.75, "Date": "Date(1264629600000)", "DateString": "1/28/2010", "Category": null, "Change": -23, "ChangePerCent": -2.2157996146435455 }, { "Index": 27, "Open": 1015, "High": 1032, "Low": 988.5, "Close": 1027, "Volume": 1850, "Date": "Date(1264716000000)", "DateString": "1/29/2010", "Category": null, "Change": 12, "ChangePerCent": 1.1822660098522169 }, { "Index": 28, "Open": 1027, "High": 1043, "Low": 1002, "Close": 1012, "Volume": 1842.75, "Date": "Date(1264802400000)", "DateString": "1/30/2010", "Category": null, "Change": -15, "ChangePerCent": -1.4605647517039921 }, { "Index": 29, "Open": 1012, "High": 1048, "Low": 974.5, "Close": 974, "Volume": 1838.25, "Date": "Date(1264888800000)", "DateString": "1/31/2010", "Category": null, "Change": -38, "ChangePerCent": -3.7549407114624502 }, { "Index": 30, "Open": 974, "High": 995.25, "Low": 962, "Close": 985, "Volume": 1810.25, "Date": "Date(1264975200000)", "DateString": "2/1/2010", "Category": null, "Change": 11, "ChangePerCent": 1.1293634496919918 }, { "Index": 31, "Open": 985, "High": 1027.5, "Low": 953.25, "Close": 974, "Volume": 1839, "Date": "Date(1265061600000)", "DateString": "2/2/2010", "Category": null, "Change": -11, "ChangePerCent": -1.116751269035533 }, { "Index": 32, "Open": 974, "High": 1009, "Low": 934, "Close": 998, "Volume": 1822.75, "Date": "Date(1265148000000)", "DateString": "2/3/2010", "Category": null, "Change": 24, "ChangePerCent": 2.4640657084188913 }, { "Index": 33, "Open": 998, "High": 1003, "Low": 975.75, "Close": 980, "Volume": 1817.5, "Date": "Date(1265234400000)", "DateString": "2/4/2010", "Category": null, "Change": -18, "ChangePerCent": -1.8036072144288577 }, { "Index": 34, "Open": 980, "High": 1013, "Low": 942.25, "Close": 944, "Volume": 1826, "Date": "Date(1265320800000)", "DateString": "2/5/2010", "Category": null, "Change": -36, "ChangePerCent": -3.6734693877551026 }, { "Index": 35, "Open": 944, "High": 979.25, "Low": 920.5, "Close": 928, "Volume": 1801.5, "Date": "Date(1265407200000)", "DateString": "2/6/2010", "Category": null, "Change": -16, "ChangePerCent": -1.6949152542372881 }, { "Index": 36, "Open": 928, "High": 946, "Low": 898, "Close": 912, "Volume": 1835, "Date": "Date(1265493600000)", "DateString": "2/7/2010", "Category": null, "Change": -16, "ChangePerCent": -1.7241379310344827 }, { "Index": 37, "Open": 912, "High": 919.25, "Low": 887.5, "Close": 906, "Volume": 1831.75, "Date": "Date(1265580000000)", "DateString": "2/8/2010", "Category": null, "Change": -6, "ChangePerCent": -0.6578947368421052 }, { "Index": 38, "Open": 906, "High": 921.75, "Low": 886.5, "Close": 887, "Volume": 1838.5, "Date": "Date(1265666400000)", "DateString": "2/9/2010", "Category": null, "Change": -19, "ChangePerCent": -2.0971302428256071 }, { "Index": 39, "Open": 887, "High": 923.5, "Low": 860.75, "Close": 896, "Volume": 1806, "Date": "Date(1265752800000)", "DateString": "2/10/2010", "Category": null, "Change": 9, "ChangePerCent": 1.0146561443066515 }, { "Index": 40, "Open": 896, "High": 914, "Low": 870, "Close": 875, "Volume": 1817.75, "Date": "Date(1265839200000)", "DateString": "2/11/2010", "Category": null, "Change": -21, "ChangePerCent": -2.34375 }, { "Index": 41, "Open": 875, "High": 903.5, "Low": 854, "Close": 871, "Volume": 1816, "Date": "Date(1265925600000)", "DateString": "2/12/2010", "Category": null, "Change": -4, "ChangePerCent": -0.45714285714285718 }, { "Index": 42, "Open": 871, "High": 892.75, "Low": 855.75, "Close": 866, "Volume": 1799.75, "Date": "Date(1266012000000)", "DateString": "2/13/2010", "Category": null, "Change": -5, "ChangePerCent": -0.57405281285878307 }, { "Index": 43, "Open": 866, "High": 902.25, "Low": 824.75, "Close": 894, "Volume": 1781.5, "Date": "Date(1266098400000)", "DateString": "2/14/2010", "Category": null, "Change": 28, "ChangePerCent": 3.2332563510392611 }, { "Index": 44, "Open": 894, "High": 919.25, "Low": 870.25, "Close": 870, "Volume": 1795.5, "Date": "Date(1266184800000)", "DateString": "2/15/2010", "Category": null, "Change": -24, "ChangePerCent": -2.6845637583892619 }, { "Index": 45, "Open": 870, "High": 891.75, "Low": 845.5, "Close": 849, "Volume": 1823.5, "Date": "Date(1266271200000)", "DateString": "2/16/2010", "Category": null, "Change": -21, "ChangePerCent": -2.4137931034482758 }, { "Index": 46, "Open": 849, "High": 874, "Low": 832.5, "Close": 859, "Volume": 1853.5, "Date": "Date(1266357600000)", "DateString": "2/17/2010", "Category": null, "Change": 10, "ChangePerCent": 1.1778563015312131 }, { "Index": 47, "Open": 859, "High": 886.75, "Low": 829, "Close": 871, "Volume": 1847.25, "Date": "Date(1266444000000)", "DateString": "2/18/2010", "Category": null, "Change": 12, "ChangePerCent": 1.3969732246798603 }, { "Index": 48, "Open": 871, "High": 892.25, "Low": 841.25, "Close": 864, "Volume": 1858, "Date": "Date(1266530400000)", "DateString": "2/19/2010", "Category": null, "Change": -7, "ChangePerCent": -0.80367393800229625 }, { "Index": 49, "Open": 864, "High": 886.75, "Low": 830.25, "Close": 843, "Volume": 1866, "Date": "Date(1266616800000)", "DateString": "2/20/2010", "Category": null, "Change": -21, "ChangePerCent": -2.4305555555555558 }],
 /*
 ADBE stock data
 */

package/templates/react/es6/funnel-chart/funnel-chart/files/{client → src}/components/__path__/index.js

@@ -1,7 +1,4 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
+import { Component } from 'react';
 import $(Control) from "igniteui-react/ui/$(widget).js";
 
 export default class $(ClassName) extends Component {

package/templates/react/es6/generate/files/{client → src}/components/__path__/index.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 
 export default class $(ClassName) extends Component {
 	constructor(props) {

package/templates/react/es6/grid/basic/files/{client → src}/components/__path__/index.js

@@ -1,7 +1,5 @@
 import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
+
 import $(Control) from "igniteui-react/ui/$(widget).js";
 
 export default class App extends Component {
@@ -9,15 +7,15 @@ export default class App extends Component {
 		super(props);
 		this.state = {
 			products: [
-				{ "ProductID": 1, "Name": "Adjustable Race", "ProductNumber": "AR-5381", "Category": { "ID": 0, "Name": "Food", "Active": true, "Date": "\/Date(1059660800000)\/" } },
-				{ "ProductID": 2, "Name": "Bearing Ball", "ProductNumber": "BA-8327", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "\/Date(1159660800000)\/" } },
-				{ "ProductID": 3, "Name": "BB Ball Bearing", "ProductNumber": "BE-2349", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "\/Date(1259660800000)\/" } },
-				{ "ProductID": 4, "Name": "Headset Ball Bearings", "ProductNumber": "BE-2908", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "\/Date(1359660800000)\/" } },
-				{ "ProductID": 316, "Name": "Blade", "ProductNumber": "BL-2036", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "\/Date(1459660800000)\/" } },
-				{ "ProductID": 317, "Name": "LL Crankarm", "ProductNumber": "CA-5965", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "\/Date(1559660800000)\/" } },
-				{ "ProductID": 318, "Name": "ML Crankarm", "ProductNumber": "CA-6738", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "\/Date(1659660800000)\/" } },
-				{ "ProductID": 319, "Name": "HL Crankarm", "ProductNumber": "CA-7457", "Category": { "ID": 2, "Name": "Electronics", "Active": false, "Date": "\/Date(1759660800000)\/" } },
-				{ "ProductID": 320, "Name": "Chainring Bolts", "ProductNumber": "CB-2903", "Category": { "ID": 2, "Name": "Electronics", "Active": false, "Date": "\/Date(1859660800000)\/" } }
+				{ "ProductID": 1, "Name": "Adjustable Race", "ProductNumber": "AR-5381", "Category": { "ID": 0, "Name": "Food", "Active": true, "Date": "Date(1059660800000)" } },
+				{ "ProductID": 2, "Name": "Bearing Ball", "ProductNumber": "BA-8327", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "Date(1159660800000)" } },
+				{ "ProductID": 3, "Name": "BB Ball Bearing", "ProductNumber": "BE-2349", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "Date(1259660800000)" } },
+				{ "ProductID": 4, "Name": "Headset Ball Bearings", "ProductNumber": "BE-2908", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "Date(1359660800000)" } },
+				{ "ProductID": 316, "Name": "Blade", "ProductNumber": "BL-2036", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "Date(1459660800000)" } },
+				{ "ProductID": 317, "Name": "LL Crankarm", "ProductNumber": "CA-5965", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "Date(1559660800000)" } },
+				{ "ProductID": 318, "Name": "ML Crankarm", "ProductNumber": "CA-6738", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "Date(1659660800000)" } },
+				{ "ProductID": 319, "Name": "HL Crankarm", "ProductNumber": "CA-7457", "Category": { "ID": 2, "Name": "Electronics", "Active": false, "Date": "Date(1759660800000)" } },
+				{ "ProductID": 320, "Name": "Chainring Bolts", "ProductNumber": "CB-2903", "Category": { "ID": 2, "Name": "Electronics", "Active": false, "Date": "Date(1859660800000)" } }
 			]
 		};
 	}

package/templates/react/es6/grid/grid-custom/files/{client → src}/components/__path__/index.js

@@ -1,7 +1,4 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
+import { Component } from 'react';
 import $(Control) from "igniteui-react/ui/$(widget).js";
 
 export default class  $(ClassName) extends Component {
@@ -9,15 +6,15 @@ export default class  $(ClassName) extends Component {
 		super(props);
 		this.state = {
 			products: [
-				{ "ProductID": 1, "Name": "Adjustable Race", "ProductNumber": "AR-5381", "Category": { "ID": 0, "Name": "Food", "Active": true, "Date": "\/Date(1059660800000)\/" } },
-				{ "ProductID": 2, "Name": "Bearing Ball", "ProductNumber": "BA-8327", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "\/Date(1159660800000)\/" } },
-				{ "ProductID": 3, "Name": "BB Ball Bearing", "ProductNumber": "BE-2349", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "\/Date(1259660800000)\/" } },
-				{ "ProductID": 4, "Name": "Headset Ball Bearings", "ProductNumber": "BE-2908", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "\/Date(1359660800000)\/" } },
-				{ "ProductID": 316, "Name": "Blade", "ProductNumber": "BL-2036", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "\/Date(1459660800000)\/" } },
-				{ "ProductID": 317, "Name": "LL Crankarm", "ProductNumber": "CA-5965", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "\/Date(1559660800000)\/" } },
-				{ "ProductID": 318, "Name": "ML Crankarm", "ProductNumber": "CA-6738", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "\/Date(1659660800000)\/" } },
-				{ "ProductID": 319, "Name": "HL Crankarm", "ProductNumber": "CA-7457", "Category": { "ID": 2, "Name": "Electronics", "Active": false, "Date": "\/Date(1759660800000)\/" } },
-				{ "ProductID": 320, "Name": "Chainring Bolts", "ProductNumber": "CB-2903", "Category": { "ID": 2, "Name": "Electronics", "Active": false, "Date": "\/Date(1859660800000)\/" } }
+				{ "ProductID": 1, "Name": "Adjustable Race", "ProductNumber": "AR-5381", "Category": { "ID": 0, "Name": "Food", "Active": true, "Date": "Date(1059660800000)" } },
+				{ "ProductID": 2, "Name": "Bearing Ball", "ProductNumber": "BA-8327", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "Date(1159660800000)" } },
+				{ "ProductID": 3, "Name": "BB Ball Bearing", "ProductNumber": "BE-2349", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "Date(1259660800000)" } },
+				{ "ProductID": 4, "Name": "Headset Ball Bearings", "ProductNumber": "BE-2908", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "Date(1359660800000)" } },
+				{ "ProductID": 316, "Name": "Blade", "ProductNumber": "BL-2036", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "Date(1459660800000)" } },
+				{ "ProductID": 317, "Name": "LL Crankarm", "ProductNumber": "CA-5965", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "Date(1559660800000)" } },
+				{ "ProductID": 318, "Name": "ML Crankarm", "ProductNumber": "CA-6738", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "Date(1659660800000)" } },
+				{ "ProductID": 319, "Name": "HL Crankarm", "ProductNumber": "CA-7457", "Category": { "ID": 2, "Name": "Electronics", "Active": false, "Date": "Date(1759660800000)" } },
+				{ "ProductID": 320, "Name": "Chainring Bolts", "ProductNumber": "CB-2903", "Category": { "ID": 2, "Name": "Electronics", "Active": false, "Date": "Date(1859660800000)" } }
 			]
 		};
 	}

package/templates/react/es6/grid/grid-editing/files/{client → src}/components/__path__/index.js

@@ -1,8 +1,5 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
+import { Component } from 'react';
 import 'jquery-ui/ui/effects/effect-blind';
-$(igniteImports)
 import $(Control) from "igniteui-react/ui/$(widget).js";
 
 export default class  $(ClassName) extends Component {
@@ -10,15 +7,15 @@ export default class  $(ClassName) extends Component {
 		super(props);
 		this.state = {
 			products: [
-				{ "ProductID": 1, "Name": "Adjustable Race", "ProductNumber": "AR-5381", "Category": { "ID": 0, "Name": "Food", "Active": true, "Date": "\/Date(1059660800000)\/" } },
-				{ "ProductID": 2, "Name": "Bearing Ball", "ProductNumber": "BA-8327", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "\/Date(1159660800000)\/" } },
-				{ "ProductID": 3, "Name": "BB Ball Bearing", "ProductNumber": "BE-2349", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "\/Date(1259660800000)\/" } },
-				{ "ProductID": 4, "Name": "Headset Ball Bearings", "ProductNumber": "BE-2908", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "\/Date(1359660800000)\/" } },
-				{ "ProductID": 316, "Name": "Blade", "ProductNumber": "BL-2036", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "\/Date(1459660800000)\/" } },
-				{ "ProductID": 317, "Name": "LL Crankarm", "ProductNumber": "CA-5965", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "\/Date(1559660800000)\/" } },
-				{ "ProductID": 318, "Name": "ML Crankarm", "ProductNumber": "CA-6738", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "\/Date(1659660800000)\/" } },
-				{ "ProductID": 319, "Name": "HL Crankarm", "ProductNumber": "CA-7457", "Category": { "ID": 2, "Name": "Electronics", "Active": false, "Date": "\/Date(1759660800000)\/" } },
-				{ "ProductID": 320, "Name": "Chainring Bolts", "ProductNumber": "CB-2903", "Category": { "ID": 2, "Name": "Electronics", "Active": false, "Date": "\/Date(1859660800000)\/" } }
+				{ "ProductID": 1, "Name": "Adjustable Race", "ProductNumber": "AR-5381", "Category": { "ID": 0, "Name": "Food", "Active": true, "Date": "Date(1059660800000)" } },
+				{ "ProductID": 2, "Name": "Bearing Ball", "ProductNumber": "BA-8327", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "Date(1159660800000)" } },
+				{ "ProductID": 3, "Name": "BB Ball Bearing", "ProductNumber": "BE-2349", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "Date(1259660800000)" } },
+				{ "ProductID": 4, "Name": "Headset Ball Bearings", "ProductNumber": "BE-2908", "Category": { "ID": 1, "Name": "Beverages", "Active": true, "Date": "Date(1359660800000)" } },
+				{ "ProductID": 316, "Name": "Blade", "ProductNumber": "BL-2036", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "Date(1459660800000)" } },
+				{ "ProductID": 317, "Name": "LL Crankarm", "ProductNumber": "CA-5965", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "Date(1559660800000)" } },
+				{ "ProductID": 318, "Name": "ML Crankarm", "ProductNumber": "CA-6738", "Category": { "ID": 1, "Name": "Beverages", "Active": false, "Date": "Date(1659660800000)" } },
+				{ "ProductID": 319, "Name": "HL Crankarm", "ProductNumber": "CA-7457", "Category": { "ID": 2, "Name": "Electronics", "Active": false, "Date": "Date(1759660800000)" } },
+				{ "ProductID": 320, "Name": "Chainring Bolts", "ProductNumber": "CB-2903", "Category": { "ID": 2, "Name": "Electronics", "Active": false, "Date": "Date(1859660800000)" } }
 			]
 		};
 	}