igniteui-cli 8.2.0 → 8.2.3

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

@@ -1,31 +1,29 @@
-import React, { Component } from 'react';
+import { Component } from 'react';
 import * as $ from 'jquery';
-import 'jquery-ui';
-$(igniteImports)
-import "ignite-ui/js/modules/infragistics.ext_core.js";
-import "ignite-ui/js/modules/infragistics.ext_collections.js";
-import "ignite-ui/js/modules/infragistics.ext_text.js";
-import "ignite-ui/js/modules/infragistics.ext_io.js";
-import "ignite-ui/js/modules/infragistics.ext_ui.js";
-import "ignite-ui/js/modules/infragistics.documents.core_core.js";
-import "ignite-ui/js/modules/infragistics.ext_collectionsextended.js";
-import "ignite-ui/js/modules/infragistics.excel_core.js";
-import "ignite-ui/js/modules/infragistics.ext_threading.js";
-import "ignite-ui/js/modules/infragistics.ext_web.js";
-import "ignite-ui/js/modules/infragistics.xml.js";
-import "ignite-ui/js/modules/infragistics.documents.core_openxml.js";
-import "ignite-ui/js/modules/infragistics.excel_serialization_openxml.js";
-import "ignite-ui/js/modules/infragistics.gridexcelexporter.js";
-
+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 },
+  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 },
@@ -54,9 +52,9 @@ export default class  $(ClassName) extends Component {
                 { "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 : [
-				{
+      ],
+      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%" },
@@ -80,84 +78,84 @@ export default class  $(ClassName) extends Component {
                         { "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"
+      });
+    }
+  }
 
-		this.exportFlatDS = () => {
-			$.ig.GridExcelExporter.exportGrid($("#treegrid1"), {
-				fileName: "igTreeGrid1",
-				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)}
+          />
 
-		this.exportHierarchicalDS = () => {
-			$.ig.GridExcelExporter.exportGrid($("#treegrid2"), {
-				fileName: "igTreeGrid2",
-				worksheetName: 'Sheet1',
-				gridStyling: "none"
-			});
-		}
-	}
+          <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)}
+          />
 
-	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>
-		);
-	}
+          <IgButton
+            click={this.exportHierarchicalDS}
+            onClick={this.exportHierarchicalDS}
+            labelText="Export Hierarchical Data"
+            />
+        </div>
+      </div>
+    );
+  }
 }

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

@@ -15,11 +15,12 @@ class TreeGridExportTemplate extends ReactTemplate_1.ReactTemplate {
         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: ["Filtering", "Hiding"],
+            choices: ["Paging", "Hiding"],
             default: "",
             key: "features",
             message: "Select features for the igTreeGrid",

package/templates/react/igr-es6/projects/_base/files/README.md

@@ -6,7 +6,7 @@ The template builds upon a project bootstrapped with [Create React App](https://
 ## Development server
 
 Run `ig start` to build the application, start a web server and open the application in the default browser. <br>
-The default serving port is `http://localhost:3003/`, configured in `ignite-ui-cli.json` via `defaultPort` property. We've made it easy to change it on the fly as well by passing a `--port` parameter.
+The default serving port is `http://localhost:3003/`. Default serving port can be configured in `.env` via `PORT` property.
 
 ## Build
 

package/templates/react/igr-es6/projects/_base/files/__dot__editorconfig

@@ -1,3 +1,3 @@
 [*.js]
-indent_style=space
-indent_size=2
+indent_style = space
+indent_size = 2

package/templates/react/igr-es6/projects/_base/files/__dot__env

@@ -0,0 +1 @@
+PORT=3003

package/templates/react/igr-es6/projects/top-nav/files/src/App.js

@@ -1,30 +1,33 @@
-import React, { Component } from 'react';
-import { Route, BrowserRouter as Router, Switch } from 'react-router-dom';
-import asyncComponent from './hoc/asyncComponent';
-import NavigationHeader from './components/navigation-header/index';
-import routes from './routes.json';
-import './App.css';
-
+import React, { Component } from "react";
+import { Route, BrowserRouter as Router, Switch } from "react-router-dom";
+import asyncComponent from "./hoc/asyncComponent";
+import NavigationHeader from "./components/navigation-header/index";
+import routes from "./routes.json";
+import "./App.css";
 
 class App extends Component {
-
-	name = "$(name)";
+  name = "$(name)";
   render() {
     return (
       <Router>
-      <div className="app">
-	  <div className="app__name">
-        {this.name}
-        </div>
-        <NavigationHeader
-        routes={routes}>
-        </NavigationHeader>
-        <div className="content">
-          <Switch>
-            {routes.map((route, i) => <Route exact key={i} path={route.path} component={asyncComponent(() =>  import("" + route.componentPath))} />)}
-          </Switch>
+        <div className="app">
+          <div className="app__name">{this.name}</div>
+          <NavigationHeader routes={routes}></NavigationHeader>
+          <div className="content">
+            <Switch>
+              {routes.map((route, i) => (
+                <Route
+                  exact
+                  key={i}
+                  path={route.path}
+                  component={asyncComponent(() =>
+                    import("" + route.componentPath)
+                  )}
+                />
+              ))}
+            </Switch>
+          </div>
         </div>
-      </div>
       </Router>
     );
   }

package/templates/react/es6/bar-chart/default/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(ClassName) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(ClassName) />
-  </article>
-);

package/templates/react/es6/column-chart/default/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(ClassName) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(ClassName) />
-  </article>
-);

package/templates/react/es6/combo/combo/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(ClassName) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(ClassName) />
-  </article>
-);

package/templates/react/es6/doughnut-chart/doughnut-chart/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(ClassName) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(ClassName) />
-  </article>
-);

package/templates/react/es6/editors/editors/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(ClassName) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(ClassName) />
-  </article>
-);

package/templates/react/es6/financial-chart/financial-chart/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(ClassName) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(ClassName) />
-  </article>
-);

package/templates/react/es6/funnel-chart/funnel-chart/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(ClassName) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(ClassName) />
-  </article>
-);

package/templates/react/es6/generate/files/client/pages/__path__/index.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-
-export default () => (
-	<div className="App">
-		<div className="App-header">
-			<h1>Name: $(name)</h1>
-			<h4>$(description)</h4>
-		</div>
-	</div>
-);

package/templates/react/es6/grid/basic/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(Control) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(Control) />
-  </article>
-);

package/templates/react/es6/grid/grid-custom/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(Control) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(Control) />
-  </article>
-);

package/templates/react/es6/grid/grid-editing/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(Control) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(Control) />
-  </article>
-);

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

@@ -1,124 +0,0 @@
-import React, { Component } from 'react';
-import * as $ from 'jquery';
-import 'jquery-ui';
-$(igniteImports)
-import "ignite-ui/js/modules/infragistics.ext_core.js";
-import "ignite-ui/js/modules/infragistics.ext_collections.js";
-import "ignite-ui/js/modules/infragistics.ext_text.js";
-import "ignite-ui/js/modules/infragistics.ext_io.js";
-import "ignite-ui/js/modules/infragistics.ext_ui.js";
-import "ignite-ui/js/modules/infragistics.documents.core_core.js";
-import "ignite-ui/js/modules/infragistics.ext_collectionsextended.js";
-import "ignite-ui/js/modules/infragistics.excel_core.js";
-import "ignite-ui/js/modules/infragistics.ext_threading.js";
-import "ignite-ui/js/modules/infragistics.ext_web.js";
-import "ignite-ui/js/modules/infragistics.xml.js";
-import "ignite-ui/js/modules/infragistics.documents.core_openxml.js";
-import "ignite-ui/js/modules/infragistics.excel_serialization_openxml.js";
-import "ignite-ui/js/modules/infragistics.gridexcelexporter.js";
-
-import $(Control) from "igniteui-react/ui/$(widget).js";
-import "./styles.scss";
-
-export default class  $(ClassName) extends Component {
-	constructor(props) {
-		super(props);
-		this.state = {
-			options: {
-				summaries: false
-			},
-			employees : [
-				{ "EmployeeID": "56250fa57ab1535722e564a6", "FirstName": "Downs", "LastName": "Holcomb", "Country": "Italy", "Age": 35, "RegistererDate": "07/25/2015", "IsActive": false },
-				{ "EmployeeID": "56250fa5c0fd04f12555d44d",	"FirstName": "Mckenzie", "LastName": "Calderon", "Country": "USA", "Age": 26, "RegistererDate": "09/22/2014", "IsActive": false	},
-				{ "EmployeeID": "56250fa565a7bcc21f6bd15e",	"FirstName": "Howell", "LastName": "Hawkins", "Country": "Canada", "Age": 25, "RegistererDate": "08/08/2015", "IsActive": false	},
-				{ "EmployeeID": "56250fa5d71a83c33f3f6479",	"FirstName": "Sheppard", "LastName": "Nicholson", "Country": "Italy", "Age": 49, "RegistererDate": "06/28/2014", "IsActive": false },
-				{ "EmployeeID": "56250fa546abbe8c616d37eb",	"FirstName": "Bettye", "LastName": "Trujillo", "Country": "Canada", "Age": 37, "RegistererDate": "04/19/2015", "IsActive": false },
-				{ "EmployeeID": "56250fa535809820f2c44291",	"FirstName": "Joyce", "LastName": "Vaughan", "Country": "USA", "Age": 48, "RegistererDate": "04/24/2014", "IsActive": false	},
-				{ "EmployeeID": "56250fa5732f6adc0b52ace0",	"FirstName": "Janine", "LastName": "Munoz", "Country": "USA", "Age": 59, "RegistererDate": "02/09/2014", "IsActive": true },
-				{ "EmployeeID": "56250fa540b15dfd507cffb9",	"FirstName": "Betsy", "LastName": "Short", "Country": "USA", "Age": 26, "RegistererDate": "06/04/2015", "IsActive": false },
-				{ "EmployeeID": "56250fa5a33146a85fdeda66",	"FirstName": "Tanisha", "LastName": "Harrington", "Country": "USA", "Age": 31, "RegistererDate": "11/25/2014", "IsActive": false },
-				{ "EmployeeID": "56250fa572bea435113bb3be",	"FirstName": "French", "LastName": "Sullivan", "Country": "Italy", "Age": 37, "RegistererDate": "08/16/2015", "IsActive": true },
-				{ "EmployeeID": "56250fa55f17965b7b19e3cf",	"FirstName": "Gomez", "LastName": "Sandoval", "Country": "Italy", "Age": 24, "RegistererDate": "06/19/2014", "IsActive": true },
-				{ "EmployeeID": "56250fa5f630e559e163de06",	"FirstName": "Estes", "LastName": "Soto", "Country": "Canada", "Age": 24, "RegistererDate": "03/28/2015", "IsActive": false }
-			],
-			keys:["EmployeeID", "LastName", "Country", "Age", "IsActive", "Company", "RegistererDate"],
-			columnsToSkip: []
-		};
-
-		this.export = () => {
-			// export
-			$.ig.GridExcelExporter.exportGrid($("#grid-export"), {
-				fileName: "igGrid",
-				worksheetName: 'Sheet1',
-				gridStyling: "none",
-				columnsToSkip: this.state.columnsToSkip
-			});
-		}
-		this.selectionChanged = (ev, ui) => {
-			this.setState({columnsToSkip: ui.items});
-		}
-	}
-
-	showOverlay(grid) {
-		var $gridContainer = $('#' + grid.attr('id') + '_container');
-		var exportingOverlay = $('<div>');
-		exportingOverlay.css({
-			"width": $gridContainer.outerWidth(),
-			"height": $gridContainer.outerHeight()
-		}).html('<span class="exporting-text">Exporting...</span>');
-		exportingOverlay.addClass("exporting-overlay");
-
-		$gridContainer.append(exportingOverlay);
-	}
-
-	hideOverlay(exportingOverlay) {
-		exportingOverlay.remove();
-	}
-
-	render() {
-		return (
-			<div className="App">
-				<div className="App-header">
-					<h2 style={{textAlign: "center"}}>$(description)</h2>
-				</div>
-				<div style={{textAlign: "center"}}>
-				<IgCombo
-					id="combo"
-					width="200px"
-					mode="dropdown"
-					dataSource={this.state.keys}
-					multiSelection={{
-						enabled: true,
-						showCheckboxes: true
-					}}
-					selectionChanged={this.selectionChanged}
-					 />
-
-				<IgButton
-					click={this.export}
-					onClick={this.export}
-					labelText="Export"
-					/>
-				</div>
-				<$(Control)
-					id="grid-export"
-					autoGenerateColumns={false}
-					primaryKey="EmployeeID"
-					width="100%"
-					autofitLastColumn={true}
-					columns={[
-						{ headerText: "Employee ID", key: "EmployeeID", dataType: "string", hidden: true },
-						{ headerText: "Last Name", key: "LastName", width: "15%", dataType: "string" },
-						{ headerText: "Country", key: "Country", width: "15%", dataType: "string" },
-						{ headerText: "Age", key: "Age", width: "15%", dataType: "number" },
-						{ headerText: "Is Active", key: "IsActive", width: "15%", dataType: "bool", format: "checkbox" },
-						{ headerText: "Company", key: "Company", width: "20%", dataType: "string", unbound: true, formula: function () { return "http://infragistics.com/"; } },
-						{ headerText: "Register Date", key: "RegistererDate", width: "20%", dataType: "date" }
-					]}
-					dataSource={this.state.employees}
-					features={$(gridfeatures)}
-				/>
-			</div>
-		);
-	}
-}

package/templates/react/es6/grid/grid-export/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(Control) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(Control) />
-  </article>
-);

package/templates/react/es6/grid/grid-templating/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(Control) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(Control) />
-  </article>
-);

package/templates/react/es6/hierarchical-grid/hierarchical-grid/files/client/pages/__path__/index.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Header from 'components/Header';
-import $(Control) from 'components/$(path)';
-
-export default () => (
-  <article className="$(ClassName)">
-    <Header title="$(name)" className="header-main" />
-    <$(Control) />
-  </article>
-);