igniteui-cli 14.9.2 → 14.10.0-alpha.2

package/templates/react/es6/tree-grid/tree-grid/files/src/components/__path__/index.js

@@ -1,61 +0,0 @@
-import { Component } from 'react';
-import $(Control) from "igniteui-react/ui/$(widget).js";
-
-export default class $(ClassName) extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      hierarchicalDS : [
-        {
-          "id": 0, "tasks": "Project Plan", "start": "6/2/2014", "finish": "8/22/2014", "duration": "60d", "progress": "32%", "products": [
-          { "id": 1, "tasks": "Planning", "start": "6/2/2014", "finish": "6/4/2014", "duration": "3d", "progress": "100%" },
-          { "id": 2, "tasks": "Write a specification", "start": "6/5/2014", "finish": "6/6/2014", "duration": "2d", "progress": "100%" },
-          { "id": 3, "tasks": "Create a demo application", "start": "6/9/2014", "finish": "6/11/2014", "duration": "3d", "progress": "100%" },
-          { "id": 4, "tasks": "Collect a feedback", "start": "6/12/2014", "finish": "6/12/2014", "duration": "1d", "progress": "100%" },
-          { "id": 5, "tasks": "Design", "start": "6/13/2014", "finish": "6/19/2014", "duration": "5d", "progress": "60%", "products": [
-            { "id": 8, "tasks": "Conceptual Design", "start": "6/13/2014", "finish": "6/16/2014", "duration": "2d", "progress": "100%" },
-            { "id": 9, "tasks": "Preliminary Design", "start": "6/17/2014", "finish": "6/18/2014", "duration": "2d", "progress": "65%" },
-            { "id": 10, "tasks": "Final Design", "start": "6/19/2014", "finish": "6/19/2014", "duration": "1d", "progress": "15%" }
-          ]},
-          {
-          "id": 6, "tasks": "Development", "start": "6/20/2014", "finish": "8/20/2014", "duration": "44d", "progress": "5%", "products": [
-            { "id": 11, "tasks": "Implementation", "start": "6/20/2014", "finish": "7/17/2014", "duration": "20d", "progress": "5%" },
-            { "id": 12, "tasks": "Testing", "start": "7/18/2014", "finish": "7/31/2014", "duration": "10d", "progress": "0%" },
-            { "id": 13, "tasks": "Bug fixing", "start": "8/1/2014", "finish": "8/14/2014", "duration": "10d", "progress": "0%" },
-            { "id": 14, "tasks": "Documenting", "start": "8/15/2014", "finish": "8/20/2014", "duration": "4d", "progress": "0%" }
-          ]
-          },
-          { "id": 7, "tasks": "Project Complete", "start": "8/21/2014", "finish": "8/22/2014", "duration": "2d", "progress": "0%" }
-          ]
-        }
-      ]
-    };
-  }
-  render() {
-    return (
-      <div className="App">
-        <div className="App-header">
-          <h2 style={{textAlign: "center"}}>$(description)</h2>
-        </div>
-        <$(Control)
-          id="checkboxModeTreeGrid"
-          width="100%"
-          dataSource={this.state.hierarchicalDS}
-          autoGenerateColumns={false}
-          height="500"
-          primaryKey="id"
-          columns={[
-            { headerText: "ID", key: "id", width: "10%", dataType: "number", hidden: true },
-            { headerText: "Tasks", key: "tasks", width: "30%", dataType: "string" },
-            { headerText: "Start", key: "start", width: "20%", dataType: "string" },
-            { headerText: "Finish", key: "finish", width: "20%", dataType: "string" },
-            { headerText: "Duration", key: "duration", width: "20%", dataType: "string" },
-            { headerText: "Progress", key: "progress", width: "10%", dataType: "string" }
-          ]}
-          childDataKey="products"
-          features={$(treeGridFeatures)}
-        />
-          </div>
-    );
-  }
-}

package/templates/react/es6/tree-grid/tree-grid/index.d.ts

@@ -1 +0,0 @@
-export {};

package/templates/react/es6/tree-grid/tree-grid/index.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const GridHelper_1 = require("../../../../../lib/project-utility/GridHelper");
-const ReactTemplate_1 = require("../../../../../lib/templates/ReactTemplate");
-class TreeGridTemplate extends ReactTemplate_1.ReactTemplate {
-    constructor() {
-        super(__dirname);
-        this.extraConfigurations = [];
-        this.userExtraConfiguration = {};
-        this.id = "tree-grid";
-        this.name = "Tree Grid";
-        this.widget = "igTreeGrid";
-        this.description = "igTreeGrid default template for React";
-        this.projectType = "es6";
-        this.components = ["Tree Grid"];
-        this.controlGroup = "Data Grids";
-        this.dependencies = ["igTreeGrid"];
-        this.gridHelper = new GridHelper_1.GridHelper();
-        this.gridHelper.tree = true;
-        this.hasExtraConfiguration = true;
-        this.extraConfigurations.push({
-            choices: ["Sorting", "Selection", "Filtering"],
-            default: "",
-            key: "features",
-            message: "Select features for the igTreeGrid",
-            type: 1 /* ControlExtraConfigType.MultiChoice */
-        });
-    }
-    generateConfig(name, ...options) {
-        const features = this.gridHelper.generateFeatures(this.userExtraConfiguration["features"], 5);
-        const config = { treeGridFeatures: features };
-        return super.generateConfig(name, { extraConfig: config });
-    }
-    getExtraConfiguration() {
-        return this.extraConfigurations;
-    }
-    setExtraConfiguration(extraConfigKeys) {
-        this.userExtraConfiguration = extraConfigKeys;
-    }
-}
-module.exports = new TreeGridTemplate();

package/templates/react/es6/tree-grid/tree-grid-custom/files/src/components/__path__/index.js

@@ -1,62 +0,0 @@
-import { Component } from 'react';
-import $(Control) from "igniteui-react/ui/$(widget).js";
-
-export default class $(ClassName) extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      hierarchicalDS : [
-        {
-          "id": 0, "tasks": "Project Plan", "start": "6/2/2014", "finish": "8/22/2014", "duration": "60d", "progress": "32%", "products": [
-          { "id": 1, "tasks": "Planning", "start": "6/2/2014", "finish": "6/4/2014", "duration": "3d", "progress": "100%" },
-          { "id": 2, "tasks": "Write a specification", "start": "6/5/2014", "finish": "6/6/2014", "duration": "2d", "progress": "100%" },
-          { "id": 3, "tasks": "Create a demo application", "start": "6/9/2014", "finish": "6/11/2014", "duration": "3d", "progress": "100%" },
-          { "id": 4, "tasks": "Collect a feedback", "start": "6/12/2014", "finish": "6/12/2014", "duration": "1d", "progress": "100%" },
-          { "id": 5, "tasks": "Design", "start": "6/13/2014", "finish": "6/19/2014", "duration": "5d", "progress": "60%", "products": [
-            { "id": 8, "tasks": "Conceptual Design", "start": "6/13/2014", "finish": "6/16/2014", "duration": "2d", "progress": "100%" },
-            { "id": 9, "tasks": "Preliminary Design", "start": "6/17/2014", "finish": "6/18/2014", "duration": "2d", "progress": "65%" },
-            { "id": 10, "tasks": "Final Design", "start": "6/19/2014", "finish": "6/19/2014", "duration": "1d", "progress": "15%" }
-          ]},
-          {
-          "id": 6, "tasks": "Development", "start": "6/20/2014", "finish": "8/20/2014", "duration": "44d", "progress": "5%", "products": [
-            { "id": 11, "tasks": "Implementation", "start": "6/20/2014", "finish": "7/17/2014", "duration": "20d", "progress": "5%" },
-            { "id": 12, "tasks": "Testing", "start": "7/18/2014", "finish": "7/31/2014", "duration": "10d", "progress": "0%" },
-            { "id": 13, "tasks": "Bug fixing", "start": "8/1/2014", "finish": "8/14/2014", "duration": "10d", "progress": "0%" },
-            { "id": 14, "tasks": "Documenting", "start": "8/15/2014", "finish": "8/20/2014", "duration": "4d", "progress": "0%" }
-          ]
-          },
-          { "id": 7, "tasks": "Project Complete", "start": "8/21/2014", "finish": "8/22/2014", "duration": "2d", "progress": "0%" }
-          ]
-        }
-      ]
-    };
-  }
-  render() {
-    return (
-      <div className="App">
-        <div className="App-header">
-          <h2 style={{textAlign: "center"}}>$(description)</h2>
-        </div>
-        <$(Control)
-          id="checkboxModeTreeGrid"
-          width="100%"
-          dataSource={this.state.hierarchicalDS}
-          autoGenerateColumns={false}
-          autoCommit={true}
-          height="500"
-          primaryKey="id"
-          columns={[
-            { headerText: "ID", key: "id", width: "10%", dataType: "number", hidden: true },
-            { headerText: "Tasks", key: "tasks", width: "30%", dataType: "string" },
-            { headerText: "Start", key: "start", width: "20%", dataType: "string" },
-            { headerText: "Finish", key: "finish", width: "20%", dataType: "string" },
-            { headerText: "Duration", key: "duration", width: "20%", dataType: "string" },
-            { headerText: "Progress", key: "progress", width: "10%", dataType: "string" }
-          ]}
-          childDataKey="products"
-          features={$(treeGridFeatures)}
-        />
-          </div>
-    );
-  }
-}

package/templates/react/es6/tree-grid/tree-grid-custom/index.d.ts

@@ -1 +0,0 @@
-export {};

package/templates/react/es6/tree-grid/tree-grid-custom/index.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const GridHelper_1 = require("../../../../../lib/project-utility/GridHelper");
-const ReactTemplate_1 = require("../../../../../lib/templates/ReactTemplate");
-class TreeGridCustomTemplate extends ReactTemplate_1.ReactTemplate {
-    constructor() {
-        super(__dirname);
-        this.extraConfigurations = [];
-        this.userExtraConfiguration = {};
-        this.id = "tree-grid-custom";
-        this.name = "Custom Tree Grid";
-        this.description = "igTreeGrid custom template for React";
-        this.projectType = "es6";
-        this.widget = "igTreeGrid";
-        this.components = ["Tree Grid"];
-        this.controlGroup = "Data Grids";
-        this.dependencies = ["igTreeGrid"];
-        this.gridHelper = new GridHelper_1.GridHelper();
-        this.gridHelper.tree = true;
-        this.hasExtraConfiguration = true;
-        this.extraConfigurations.push({
-            choices: ["Sorting", "Selection", "Filtering", "Updating", "ColumnMoving", "Resizing", "Hiding"],
-            default: "",
-            key: "features",
-            message: "Select features for the igTreeGrid",
-            type: 1 /* ControlExtraConfigType.MultiChoice */
-        });
-    }
-    generateConfig(name, ...options) {
-        const features = this.gridHelper.generateFeatures(this.userExtraConfiguration["features"], 5);
-        const config = { treeGridFeatures: features };
-        return super.generateConfig(name, { extraConfig: config });
-    }
-    getExtraConfiguration() {
-        return this.extraConfigurations;
-    }
-    setExtraConfiguration(extraConfigKeys) {
-        this.userExtraConfiguration = extraConfigKeys;
-    }
-}
-module.exports = new TreeGridCustomTemplate();

package/templates/react/es6/tree-grid/tree-grid-editing/files/src/components/__path__/index.js

@@ -1,62 +0,0 @@
-import { Component } from 'react';
-import $(Control) from "igniteui-react/ui/$(widget).js";
-
-export default class $(ClassName) extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      hierarchicalDS : [
-        {
-          "id": 0, "tasks": "Project Plan", "start": "6/2/2014", "finish": "8/22/2014", "duration": "60d", "progress": "32%", "products": [
-          { "id": 1, "tasks": "Planning", "start": "6/2/2014", "finish": "6/4/2014", "duration": "3d", "progress": "100%" },
-          { "id": 2, "tasks": "Write a specification", "start": "6/5/2014", "finish": "6/6/2014", "duration": "2d", "progress": "100%" },
-          { "id": 3, "tasks": "Create a demo application", "start": "6/9/2014", "finish": "6/11/2014", "duration": "3d", "progress": "100%" },
-          { "id": 4, "tasks": "Collect a feedback", "start": "6/12/2014", "finish": "6/12/2014", "duration": "1d", "progress": "100%" },
-          { "id": 5, "tasks": "Design", "start": "6/13/2014", "finish": "6/19/2014", "duration": "5d", "progress": "60%", "products": [
-            { "id": 8, "tasks": "Conceptual Design", "start": "6/13/2014", "finish": "6/16/2014", "duration": "2d", "progress": "100%" },
-            { "id": 9, "tasks": "Preliminary Design", "start": "6/17/2014", "finish": "6/18/2014", "duration": "2d", "progress": "65%" },
-            { "id": 10, "tasks": "Final Design", "start": "6/19/2014", "finish": "6/19/2014", "duration": "1d", "progress": "15%" }
-          ]},
-          {
-          "id": 6, "tasks": "Development", "start": "6/20/2014", "finish": "8/20/2014", "duration": "44d", "progress": "5%", "products": [
-            { "id": 11, "tasks": "Implementation", "start": "6/20/2014", "finish": "7/17/2014", "duration": "20d", "progress": "5%" },
-            { "id": 12, "tasks": "Testing", "start": "7/18/2014", "finish": "7/31/2014", "duration": "10d", "progress": "0%" },
-            { "id": 13, "tasks": "Bug fixing", "start": "8/1/2014", "finish": "8/14/2014", "duration": "10d", "progress": "0%" },
-            { "id": 14, "tasks": "Documenting", "start": "8/15/2014", "finish": "8/20/2014", "duration": "4d", "progress": "0%" }
-          ]
-          },
-          { "id": 7, "tasks": "Project Complete", "start": "8/21/2014", "finish": "8/22/2014", "duration": "2d", "progress": "0%" }
-          ]
-        }
-      ]
-    };
-  }
-  render() {
-    return (
-      <div className="App">
-        <div className="App-header">
-          <h2 style={{textAlign: "center"}}>$(description)</h2>
-        </div>
-        <$(Control)
-          id="checkboxModeTreeGrid"
-          width="100%"
-          dataSource={this.state.hierarchicalDS}
-          autoGenerateColumns={false}
-          autoCommit={true}
-          height="500"
-          primaryKey="id"
-          columns={[
-            { headerText: "ID", key: "id", width: "10%", dataType: "number", hidden: true },
-            { headerText: "Tasks", key: "tasks", width: "30%", dataType: "string" },
-            { headerText: "Start", key: "start", width: "20%", dataType: "string" },
-            { headerText: "Finish", key: "finish", width: "20%", dataType: "string" },
-            { headerText: "Duration", key: "duration", width: "20%", dataType: "string" },
-            { headerText: "Progress", key: "progress", width: "10%", dataType: "string" }
-          ]}
-          childDataKey="products"
-          features={$(treeGridFeatures)}
-        />
-          </div>
-    );
-  }
-}

package/templates/react/es6/tree-grid/tree-grid-editing/index.d.ts

@@ -1 +0,0 @@
-export {};

package/templates/react/es6/tree-grid/tree-grid-editing/index.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const GridHelper_1 = require("../../../../../lib/project-utility/GridHelper");
-const ReactTemplate_1 = require("../../../../../lib/templates/ReactTemplate");
-class TreeGridEditingTemplate extends ReactTemplate_1.ReactTemplate {
-    constructor() {
-        super(__dirname);
-        this.extraConfigurations = [];
-        this.userExtraConfiguration = {};
-        this.id = "tree-grid-editing";
-        this.name = "Editing Tree Grid";
-        this.description = "igTreeGrid editing template for React";
-        this.projectType = "es6";
-        this.widget = "igTreeGrid";
-        this.components = ["Tree Grid"];
-        this.controlGroup = "Data Grids";
-        this.dependencies = ["igTreeGrid"];
-        this.gridHelper = new GridHelper_1.GridHelper();
-        this.gridHelper.tree = true;
-        this.hasExtraConfiguration = true;
-        this.extraConfigurations.push({
-            choices: ["Sorting", "Filtering"],
-            default: "",
-            key: "features",
-            message: "Select features for the igTreeGrid",
-            type: 1 /* ControlExtraConfigType.MultiChoice */
-        });
-    }
-    generateConfig(name, ...options) {
-        this.gridHelper.addFeature("Updating");
-        const features = this.gridHelper.generateFeatures(this.userExtraConfiguration["features"], 5);
-        const config = { treeGridFeatures: features };
-        return super.generateConfig(name, { extraConfig: config });
-    }
-    getExtraConfiguration() {
-        return this.extraConfigurations;
-    }
-    setExtraConfiguration(extraConfigKeys) {
-        this.userExtraConfiguration = extraConfigKeys;
-    }
-}
-module.exports = new TreeGridEditingTemplate();

package/templates/react/es6/tree-grid/tree-grid-export/files/src/components/__path__/index.js

@@ -1,161 +0,0 @@
-import { Component } from 'react';
-import * as $ from 'jquery';
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.ext_core.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.ext_collections.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.ext_text.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.ext_io.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.ext_ui.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.documents.core_core.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.ext_collectionsextended.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.excel_core.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.ext_threading.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.ext_web.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.xml.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.documents.core_openxml.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.excel_serialization_openxml.js";
-import "@infragistics/ignite-ui-full/en/js/modules/infragistics.gridexcelexporter.js";
-import "file-saver";
-import $(Control) from "igniteui-react/ui/$(widget).js";
-import IgButton from "igniteui-react/ui/igButton.js"
-
-export default class  $(ClassName) extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      flatDS  : [
-        { "employeeID": 0, "PID": -1, "firstName": "Andrew", "lastName": "Fuller", "reportsTo": null },
-                { "employeeID": 1, "PID": -1, "firstName": "Jonathan", "lastName": "Smith", "reportsTo": null },
-                { "employeeID": 2, "PID": -1, "firstName": "Nancy", "lastName": "Davolio", "reportsTo": null },
-                { "employeeID": 3, "PID": -1, "firstName": "Steven", "lastName": "Buchanan", "reportsTo": null },
-                                // sub of ID 1
-                { "employeeID": 4, "PID": 0, "firstName": "Janet", "lastName": "Leverling", "reportsTo": 0 },
-                { "employeeID": 5, "PID": 0, "firstName": "Laura", "lastName": "Callahan", "reportsTo": 0 },
-                { "employeeID": 6, "PID": 0, "firstName": "Margaret", "lastName": "Peacock", "reportsTo": 0 },
-                { "employeeID": 7, "PID": 0, "firstName": "Michael", "lastName": "Suyama", "reportsTo": 0 },
-                                // sub of ID 4
-                { "employeeID": 8, "PID": 4, "firstName": "Anne", "lastName": "Dodsworth", "reportsTo": 4 },
-                { "employeeID": 9, "PID": 4, "firstName": "Danielle", "lastName": "Davis", "reportsTo": 4 },
-                { "employeeID": 10, "PID": 4, "firstName": "Robert", "lastName": "King", "reportsTo": 4 },
-                                // sub of ID 2
-                { "employeeID": 11, "PID": 2, "firstName": "Peter", "lastName": "Lewis", "reportsTo": 2 },
-                { "employeeID": 12, "PID": 2, "firstName": "Ryder", "lastName": "Zenaida", "reportsTo": 2 },
-                { "employeeID": 13, "PID": 2, "firstName": "Wang", "lastName": "Mercedes", "reportsTo": 2 },
-                                // sub of ID 3
-                { "employeeID": 14, "PID": 3, "firstName": "Theodore", "lastName": "Zia", "reportsTo": 3 },
-                { "employeeID": 15, "PID": 3, "firstName": "Lacota", "lastName": "Mufutau", "reportsTo": 3 },
-                                // sub of ID 16
-                { "employeeID": 16, "PID": 15, "firstName": "Jin", "lastName": "Elliott", "reportsTo": 16 },
-                { "employeeID": 17, "PID": 15, "firstName": "Armand", "lastName": "Ross", "reportsTo": 16 },
-                { "employeeID": 18, "PID": 15, "firstName": "Dane", "lastName": "Rodriquez", "reportsTo": 16 },
-                                // sub of ID 19
-                { "employeeID": 19, "PID": 18, "firstName": "Declan", "lastName": "Lester", "reportsTo": 19 },
-                { "employeeID": 20, "PID": 18, "firstName": "Bernard", "lastName": "Jarvis", "reportsTo": 19 },
-                                // sub of ID 20
-                { "employeeID": 21, "PID": 20, "firstName": "Jeremy", "lastName": "Donaldson", "reportsTo": 2 }
-      ],
-      hierarchicalDS : [
-        {
-                    "id": 0, "tasks": "Project Plan", "start": "6/2/2014", "finish": "8/22/2014", "duration": "60d", "progress": "32%", "products": [
-                        { "id": 1, "tasks": "Planning", "start": "6/2/2014", "finish": "6/4/2014", "duration": "3d", "progress": "100%" },
-                        { "id": 2, "tasks": "Write a specification", "start": "6/5/2014", "finish": "6/6/2014", "duration": "2d", "progress": "100%" },
-                        { "id": 3, "tasks": "Create a demo application", "start": "6/9/2014", "finish": "6/11/2014", "duration": "3d", "progress": "100%" },
-                        { "id": 4, "tasks": "Collect a feedback", "start": "6/12/2014", "finish": "6/12/2014", "duration": "1d", "progress": "100%" },
-                        {
-                            "id": 5, "tasks": "Design", "start": "6/13/2014", "finish": "6/19/2014", "duration": "5d", "progress": "60%", "products": [
-                                { "id": 8, "tasks": "Conceptual Design", "start": "6/13/2014", "finish": "6/16/2014", "duration": "2d", "progress": "100%" },
-                                { "id": 9, "tasks": "Preliminary Design", "start": "6/17/2014", "finish": "6/18/2014", "duration": "2d", "progress": "65%" },
-                                { "id": 10, "tasks": "Final Design", "start": "6/19/2014", "finish": "6/19/2014", "duration": "1d", "progress": "15%" }
-                            ]
-                        },
-                        {
-                            "id": 6, "tasks": "Development", "start": "6/20/2014", "finish": "8/20/2014", "duration": "44d", "progress": "5%", "products": [
-                                { "id": 11, "tasks": "Implementation", "start": "6/20/2014", "finish": "7/17/2014", "duration": "20d", "progress": "5%" },
-                                { "id": 12, "tasks": "Testing", "start": "7/18/2014", "finish": "7/31/2014", "duration": "10d", "progress": "0%" },
-                                { "id": 13, "tasks": "Bug fixing", "start": "8/1/2014", "finish": "8/14/2014", "duration": "10d", "progress": "0%" },
-                                { "id": 14, "tasks": "Documenting", "start": "8/15/2014", "finish": "8/20/2014", "duration": "4d", "progress": "0%" }
-                            ]
-                        },
-                        { "id": 7, "tasks": "Project Complete", "start": "8/21/2014", "finish": "8/22/2014", "duration": "2d", "progress": "0%" }
-                    ]
-                }
-      ]
-    };
-
-    this.exportFlatDS = () => {
-      $.ig.GridExcelExporter.exportGrid($("#treegrid1"), {
-        fileName: "igTreeGrid1",
-        worksheetName: 'Sheet1',
-        gridStyling: "none"
-      });
-    }
-
-    this.exportHierarchicalDS = () => {
-      $.ig.GridExcelExporter.exportGrid($("#treegrid2"), {
-        fileName: "igTreeGrid2",
-        worksheetName: 'Sheet1',
-        gridStyling: "none"
-      });
-    }
-  }
-
-  render() {
-    return (
-      <div className="App">
-        <div className="App-header">
-          <h2 style={{textAlign: "center"}}>$(description)</h2>
-        </div>
-        <div style={{display: "flex", flexFlow: "column", alignItems: "center", marginBottom: "1vw"}}>
-          <$(Control)
-            id="treegrid1"
-            width="100%"
-            dataSource={this.state.flatDS}
-            autoGenerateColumns={false}
-            primaryKey="employeeID"
-            foreignKey="PID"
-            initialExpandDepth="1"
-            columns={[
-              { headerText: "Employee ID", key: "employeeID", width: "200px", dataType: "number" },
-              { headerText: "First Name", key: "firstName", width: "220px", dataType: "string" },
-              { headerText: "Last Name", key: "lastName", width: "220px", dataType: "string" },
-              { headerText: "Reports To", key: "reportsTo", width: "130px", dataType: "number" }
-            ]}
-            features={$(treeGridFeatures)}
-          />
-
-          <IgButton
-            click={this.exportFlatDS}
-            onClick={this.exportFlatDS}
-            labelText="Export Flat Data"
-            />
-        </div>
-        <div style={{display: "flex", flexFlow: "column", alignItems: "center"}}>
-          <$(Control)
-          id="treegrid2"
-          width="100%"
-          dataSource={this.state.hierarchicalDS}
-          autoGenerateColumns={false}
-          primaryKey="id"
-          columns={[
-            { headerText: "ID", key: "id", width: "120px", dataType: "number" },
-            { headerText: "Tasks", key: "tasks", width: "250px", dataType: "string" },
-            { headerText: "Start", key: "start", width: "130px", dataType: "string" },
-            { headerText: "Finish", key: "finish", width: "130px", dataType: "string" },
-            { headerText: "Duration", key: "duration", width: "100px", dataType: "string" },
-            { headerText: "Progress", key: "progress", width: "130px", dataType: "string" }
-          ]}
-          childDataKey="products"
-          initialExpandDepth="1"
-          renderExpansionIndicatorColumn={true}
-          features={$(treeGridFeatures)}
-          />
-
-          <IgButton
-            click={this.exportHierarchicalDS}
-            onClick={this.exportHierarchicalDS}
-            labelText="Export Hierarchical Data"
-            />
-        </div>
-      </div>
-    );
-  }
-}

package/templates/react/es6/tree-grid/tree-grid-export/index.d.ts

@@ -1 +0,0 @@
-export {};

package/templates/react/es6/tree-grid/tree-grid-export/index.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const GridHelper_1 = require("../../../../../lib/project-utility/GridHelper");
-const ReactTemplate_1 = require("../../../../../lib/templates/ReactTemplate");
-class TreeGridExportTemplate extends ReactTemplate_1.ReactTemplate {
-    constructor() {
-        super(__dirname);
-        this.extraConfigurations = [];
-        this.userExtraConfiguration = {};
-        this.id = "tree-grid-export";
-        this.name = "Tree Grid Exporting";
-        this.description = "igTreeGrid exporting template for React";
-        this.projectType = "es6";
-        this.components = ["Tree Grid"];
-        this.widget = "igTreeGrid";
-        this.controlGroup = "Data Grids";
-        this.dependencies = ["igTreeGrid"];
-        this.packages = ["file-saver@^2.0.5"];
-        this.gridHelper = new GridHelper_1.GridHelper();
-        this.gridHelper.tree = true;
-        this.hasExtraConfiguration = true;
-        this.extraConfigurations.push({
-            choices: ["Paging", "Hiding"],
-            default: "",
-            key: "features",
-            message: "Select features for the igTreeGrid",
-            type: 1 /* ControlExtraConfigType.MultiChoice */
-        });
-    }
-    generateConfig(name, ...options) {
-        const features = this.gridHelper.generateFeatures(this.userExtraConfiguration["features"], 5);
-        const config = { treeGridFeatures: features };
-        return super.generateConfig(name, { extraConfig: config });
-    }
-    getExtraConfiguration() {
-        return this.extraConfigurations;
-    }
-    setExtraConfiguration(extraConfigKeys) {
-        this.userExtraConfiguration = extraConfigKeys;
-    }
-}
-module.exports = new TreeGridExportTemplate();

package/templates/react/igr-es6/bullet-graph/default/files/src/views/__path__/index.js

@@ -1,62 +0,0 @@
-import React, { Component } from 'react';
-import { IgrBulletGraphModule } from 'igniteui-react-gauges';
-import { IgrBulletGraph } from 'igniteui-react-gauges';
-import style from './style.css';
-
-IgrBulletGraphModule.register();
-
-
-export default class $(ClassName) extends Component {
-    title = 'Bullet Graph'
-    state = {
-        data: []
-    };
-
-    render() {
-        return (
-            <div>
-                <h1 className={style.title}>{this.title}</h1>
-                <div>
-                    Read more on the&nbsp;
-                    <a href="https://www.infragistics.com/products/ignite-ui-react/react/components/bulletgraph.html">
-                        official documentation page
-                    </a>
-                </div>
-                <div className={style.container}>
-                    <div className={style.graph}>
-                        <IgrBulletGraph
-                            height="80px" width="400px"
-                            minimumValue={0} value={70} interval={10}
-                            maximumValue={100} targetValue={90}
-                            isScaleInverted={false}
-                            scaleBackgroundBrush="DodgerBlue"
-                            scaleBackgroundOutline="DarkViolet"
-                            scaleBackgroundThickness={2}
-                            scaleStartExtent={0.05}
-                            scaleEndExtent={0.95}>
-                        </IgrBulletGraph>
-                    </div>
-                    <div className={style.graph}>
-                        <IgrBulletGraph
-                            value={50}
-                            valueBrush="DodgerBlue"
-                            valueStrokeThickness={1}
-                            valueInnerExtent={0.5}
-                            valueOuterExtent={0.65}
-                            targetValue={80}
-                            targetValueBreadth={10}
-                            targetValueBrush="LimeGreen"
-                            targetValueOutline="LimeGreen"
-                            targetValueStrokeThickness={1}
-                            targetValueInnerExtent={0.3}
-                            targetValueOuterExtent={0.85}
-                            height="80px" width="400px"
-                            minimumValue={0}
-                            maximumValue={100}>
-                        </IgrBulletGraph>
-                    </div>
-                </div>
-            </div>
-        )
-    }
-}

package/templates/react/igr-es6/bullet-graph/default/files/src/views/__path__/style.css

@@ -1,12 +0,0 @@
-:local(.container) {
-    padding-top: 24px;
-    display: flex;
-    flex-flow: row;
-    justify-content: space-around;
-}
-:local(.title) {
-    color: rgb(0, 153, 255);
-}
-:local(.graph) {
-    width: 50%;
-}

package/templates/react/igr-es6/bullet-graph/default/files/src/views/__path__/test.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import $(ClassName) from './index';
-import { shallow } from 'enzyme';
-
-it('$(ClassName) renders without crashing', () => {
-	const wrapperComponent = shallow(<$(ClassName) />);
-	expect(wrapperComponent).toBeDefined();
-	expect(wrapperComponent).toBeTruthy();
-});

package/templates/react/igr-es6/bullet-graph/default/index.d.ts

@@ -1 +0,0 @@
-export {};