igniteui-cli 8.2.0 → 8.2.3

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

@@ -1,85 +0,0 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-import 'jquery-ui/ui/effects/effect-blind';
-$(igniteImports)
-import $(Control) from "igniteui-react/ui/$(widget).js";
-
-import { northwind } from './northwind.js';
-
-export default class $(ClassName) extends Component {
-	constructor(props) {
-		super(props);
-		this.state = northwind;
-	}
-	render() {
-		return (
-			<div className="App">
-				<div className="App-header">
-					<h2 style={{textAlign: "center"}}>$(description)</h2>
-				</div>
-				<$(Control)
-					id="grid"
-					ref="grid"
-					features={$(gridfeatures)}
-					width="100%"
-					autoCommit={true}
-					dataSource={this.state}
-					dataSourceType="json"
-					responseDataKey="results"
-					autoGenerateColumns={false}
-	                autofitLastColumn={false}
-					primaryKey="EmployeeID"
-					columns={[
-						{ key: "EmployeeID", headerText: "Employee ID", dataType: "number", width: "0%", hidden: true },
-						{ key: "LastName", headerText: "Last Name", dataType: "string", width: "20%" },
-						{ key: "FirstName", headerText: "First Name", dataType: "string", width: "20%" },
-						{ key: "Title", headerText: "Title", dataType: "string", width: "20%" },
-						{ key: "City", headerText: "City", dataType: "string", width: "15%" },
-						{ key: "Region", headerText: "Region", dataType: "string", width: "10%" },
-						{ key: "Country", headerText: "Country", dataType: "string", width: "0%", hidden: true }
-					]}
-					autoGenerateLayouts={false}
-
-					columnLayouts={[
-						{
-							key: "Orders",
-							autoGenerateColumns: false,
-							autofitLastColumn: false,
-							primaryKey: "OrderID",
-							width: "100%",
-							columns: [
-								{ key: "OrderID", headerText: "Order ID", dataType: "number", width: "0%", hidden: true },
-								{ key: "CustomerID", headerText: "Customer ID", dataType: "string", width: "15%" },
-								{ key: "Freight", headerText: "Freight", dataType: "number", format:"0.00", width: "15%" },
-								{ key: "FreightExpence", headerText: "Freight Expense", unbound: true, dataType: "number", format: "0.00", width: "20%", formula: "CalculateFreightExpence" },
-								{ key: "ShipName", headerText: "Ship Name", dataType: "string", width: "25%" },
-								{ key: "ShipCity", headerText: "Ship City", dataType: "string", width: "15%" },
-							],
-							features: [
-								{
-									name: "Responsive",
-									enableVerticalRendering: false,
-									columnSettings: [
-										{
-											columnKey: "Freight",
-											classes: "ui-hidden-phone"
-										},
-										{
-											columnKey: "CustomerID",
-											classes: "ui-hidden-phone"
-										},
-										{
-											columnKey: "ShipName",
-											classes: "ui-hidden-phone"
-										}
-									]
-								}
-							]
-						}
-					]}
-				/>
-      </div>
-		);
-	}
-}

package/templates/react/es6/hierarchical-grid/hierarchical-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/hierarchical-grid/hierarchical-grid-editing/files/client/components/__path__/index.js

@@ -1,85 +0,0 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-import 'jquery-ui/ui/effects/effect-blind';
-$(igniteImports)
-import $(Control) from "igniteui-react/ui/$(widget).js";
-
-import { northwind } from './northwind.js';
-
-export default class $(ClassName) extends Component {
-	constructor(props) {
-		super(props);
-		this.state = northwind;
-	}
-	render() {
-		return (
-			<div className="App">
-				<div className="App-header">
-					<h2 style={{textAlign: "center"}}>$(description)</h2>
-				</div>
-				<$(Control)
-					id="grid"
-					ref="grid"
-					features={$(gridfeatures)}
-					width="100%"
-					autoCommit={true}
-					dataSource={this.state}
-					dataSourceType="json"
-					responseDataKey="results"
-					autoGenerateColumns={false}
-	                autofitLastColumn={false}
-					primaryKey="EmployeeID"
-					columns={[
-						{ key: "EmployeeID", headerText: "Employee ID", dataType: "number", width: "0%", hidden: true },
-						{ key: "LastName", headerText: "Last Name", dataType: "string", width: "20%" },
-						{ key: "FirstName", headerText: "First Name", dataType: "string", width: "20%" },
-						{ key: "Title", headerText: "Title", dataType: "string", width: "20%" },
-						{ key: "City", headerText: "City", dataType: "string", width: "15%" },
-						{ key: "Region", headerText: "Region", dataType: "string", width: "10%" },
-						{ key: "Country", headerText: "Country", dataType: "string", width: "0%", hidden: true }
-					]}
-					autoGenerateLayouts={false}
-
-					columnLayouts={[
-						{
-							key: "Orders",
-							autoGenerateColumns: false,
-							autofitLastColumn: false,
-							primaryKey: "OrderID",
-							width: "100%",
-							columns: [
-								{ key: "OrderID", headerText: "Order ID", dataType: "number", width: "0%", hidden: true },
-								{ key: "CustomerID", headerText: "Customer ID", dataType: "string", width: "15%" },
-								{ key: "Freight", headerText: "Freight", dataType: "number", format:"0.00", width: "15%" },
-								{ key: "FreightExpence", headerText: "Freight Expense", unbound: true, dataType: "number", format: "0.00", width: "20%", formula: "CalculateFreightExpence" },
-								{ key: "ShipName", headerText: "Ship Name", dataType: "string", width: "25%" },
-								{ key: "ShipCity", headerText: "Ship City", dataType: "string", width: "15%" },
-							],
-							features: [
-								{
-									name: "Responsive",
-									enableVerticalRendering: false,
-									columnSettings: [
-										{
-											columnKey: "Freight",
-											classes: "ui-hidden-phone"
-										},
-										{
-											columnKey: "CustomerID",
-											classes: "ui-hidden-phone"
-										},
-										{
-											columnKey: "ShipName",
-											classes: "ui-hidden-phone"
-										}
-									]
-								}
-							]
-						}
-					]}
-				/>
-      </div>
-		);
-	}
-}

package/templates/react/es6/hierarchical-grid/hierarchical-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/hierarchical-grid/hierarchical-grid-export/files/client/components/__path__/index.js

@@ -1,112 +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 { northwind } from './northwind.js';
-import "./styles.scss";
-
-export default class $(ClassName) extends Component {
-	constructor(props) {
-		super(props);
-		this.state = {
-			northwind,
-			exportOptions:[{"text": "All Rows", "value": "allRows"}, {"text":"Expanded Rows", "value":"expandedRows"}],
-			exportOption: []
-		};
-
-		this.export = () => {
-			// export
-			$.ig.GridExcelExporter.exportGrid($("#hierarchicalGrid"), {
-				fileName: "igHierarchicalGrid",
-				worksheetName: 'Sheet1',
-				exportOption: this.state.exportOption
-			});
-		}
-		this.selectionChanged = (ev, ui) => {
-			this.setState({exportOption: ui.items[0].data.value});
-		}
-	}
-	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"
-						responseDataKey="exportOptions"
-						dataSource={this.state}
-						selectionChanged={this.selectionChanged}
-						 />
-
-					<IgButton
-						onClick={this.export}
-						labelText="Export"
-					/>
-				</div>
-
-				<$(Control)
-					id="hierarchicalGrid"
-					features={$(gridfeatures)}
-					width="100%"
-					autoCommit={true}
-					autoGenerateColumns={false}
-					autofitLastColumn={false}
-					dataSource={this.state.northwind}
-					responseDataKey="results"
-					dataSourceType="json"
-					columns={[
-						{ key: "EmployeeID", headerText: "Employee ID", dataType: "number", width: "0%", hidden: true },
-						{ key: "LastName", headerText: "Last Name", dataType: "string", width: "20%" },
-						{ key: "FirstName", headerText: "First Name", dataType: "string", width: "20%" },
-						{ key: "Title", headerText: "Title", dataType: "string", width: "20%" },
-						{ key: "City", headerText: "City", dataType: "string", width: "15%" },
-						{ key: "Region", headerText: "Region", dataType: "string", width: "10%" },
-						{ key: "Country", headerText: "Country", dataType: "string", width: "0%", hidden: true }
-					]}
-					childrenDataProperty="Orders"
-					autoGenerateLayouts={false}
-					columnLayouts={[
-						{
-							key: "Orders",
-							autoCommit: true,
-							autoGenerateColumns: false,
-							autofitLastColumn: false,
-							primaryKey: "OrderID",
-							width: "100%",
-							columns: [
-								{ key: "OrderID", headerText: "Order ID", dataType: "number", width: "10%", hidden: true },
-								{ key: "Freight", headerText: "Freight", dataType: "string", width: "15%" },
-								{ key: "ShipName", headerText: "Ship Name", dataType: "string", width: "20%" },
-								{ key: "ShipAddress", headerText: "Ship Address", dataType: "string", width: "25%" },
-								{ key: "ShipCity", headerText: "Ship City", dataType: "string", width: "20%" },
-								{ key: "ShipCountry", headerText: "Ship Country", dataType: "string", width: "20%" }
-							],
-						}
-					]}
-				/>
-
-      </div>
-		);
-	}
-}

package/templates/react/es6/hierarchical-grid/hierarchical-grid-export/files/client/components/__path__/styles.scss

@@ -1,13 +0,0 @@
-.ui-igcombo-wrapper {
-	margin: 1px;
-}
-
-.ui-igbutton {
-	height: 30px;
-	vertical-align: top;
-	margin: 1px;
-}
-
-span#_lbl {
-	padding: 4px 16px
-}

package/templates/react/es6/hierarchical-grid/hierarchical-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/line-chart/default/files/client/components/__path__/index.js

@@ -1,79 +0,0 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
-import $(Control) from "igniteui-react/ui/$(widget).js";
-
-export default class $(ClassName) extends Component {
-	constructor(props) {
-		super(props);
-		this.state = {
-			population: [
-				{ "CountryName": "China", "Pop1995": 1216, "Pop2005": 1297, "Pop2015": 1361, "Pop2025": 1394 },
-				{ "CountryName": "India", "Pop1995": 920, "Pop2005": 1090, "Pop2015": 1251, "Pop2025": 1396 },
-				{ "CountryName": "United States", "Pop1995": 266, "Pop2005": 295, "Pop2015": 322, "Pop2025": 351 },
-				{ "CountryName": "Indonesia", "Pop1995": 197, "Pop2005": 229, "Pop2015": 256, "Pop2025": 277 },
-				{ "CountryName": "Brazil", "Pop1995": 161, "Pop2005": 186, "Pop2015": 204, "Pop2025": 218 }
-			]
-		};
-	}
-	render() {
-		return (
-			<div className="$(ClassName)">
-				<div className="$(ClassName)-header">
-					<h2 style={{textAlign: "center"}}>$(description)</h2>
-				</div>
-				<div style={{float: "left", marginLeft: "13vw"}}>
-					<$(Control)
-						id="linechart"
-						width="60vw"
-						height="400px"
-						legend={{ element: "lineLegend" }}
-						title="Population per Country"
-						subtitle="A comparison of population in 1995 and 2005"
-						dataSource={ this.state }
-						responseDataKey="population"
-						axes={[
-							{
-								name: "NameAxis",
-								type: "categoryX",
-								label: "CountryName"
-							},
-							{
-								name: "PopulationAxis",
-								type: "numericY",
-								minimumValue: 0,
-								title: "Millions of People",
-							}
-						]}
-						series={[
-							{
-								name: "2005Population",
-								type: "line",
-								title: "2005",
-								xAxis: "NameAxis",
-								yAxis: "PopulationAxis",
-								valueMemberPath: "Pop2005",
-								isTransitionInEnabled: true,
-								isHighlightingEnabled: true,
-								thickness: 5
-							},
-							{
-								name: "1995Population",
-								type: "line",
-								title: "1995",
-								xAxis: "NameAxis",
-								yAxis: "PopulationAxis",
-								valueMemberPath: "Pop1995",
-								isTransitionInEnabled: true,
-								isHighlightingEnabled: true,
-								thickness: 5
-							}
-							]}
-					/>
-				</div>
-				<div id="lineLegend" style={{float: "left"}}></div>
-			</div>
-		);
-	}
-}

package/templates/react/es6/line-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/pie-chart/pie-chart/files/client/components/__path__/index.js

@@ -1,41 +0,0 @@
-import React, { Component } from 'react';
-import 'jquery';
-import 'jquery-ui';
-$(igniteImports)
-import $(Control) from "igniteui-react/ui/$(widget).js";
-
-export default class $(ClassName) extends Component {
-	constructor(props) {
-		super(props);
-		this.state = {
-			population: [
-				{ "CountryName": "China", "Pop1990": 1141, "Pop2008": 1333, "Pop2025": 1458 },
-				{ "CountryName": "India", "Pop1990": 849, "Pop2008": 1140, "Pop2025": 1398 },
-				{ "CountryName": "United States", "Pop1990": 250, "Pop2008": 304, "Pop2025": 352 },
-				{ "CountryName": "Indonesia", "Pop1990": 178, "Pop2008": 228, "Pop2025": 273 },
-				{ "CountryName": "Brazil", "Pop1990": 150, "Pop2008": 192, "Pop2025": 223 }
-			]
-		};
-	}
-	render() {
-		return (
-			<div className="$(ClassName)">
-				<div className="$(ClassName)-header">
-					<h2 style={{textAlign: "center"}}>$(description)</h2>
-				</div>
-				<div style={{display: "flex", flexFlow: "column", alignItems: "center"}}>
-					<$(Control)
-						id="piechart"
-						width="435px"
-						height="435px"
-						dataSource={this.state.population}
-						dataValue="Pop2008"
-						dataLabel="CountryName"
-                        labelsPosition="bestFit"
-						
-						/>
-				</div>
-			</div>
-		);
-	}
-}

package/templates/react/es6/pie-chart/pie-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/projects/empty/files/__dot__babelrc

@@ -1,10 +0,0 @@
-{
-  "presets": [["es2015", { "modules": false }], "react"],
-  "plugins": ["transform-runtime"],
-
-  "env": {
-    "test": {
-      "plugins": ["transform-es2015-modules-commonjs"]
-    }
-  }
-}

package/templates/react/es6/projects/empty/files/__dot__eslintrc

@@ -1,28 +0,0 @@
-extends: 
-  eslint-config-airbnb
-
-parser: 
-  babel-eslint
-
-settings:
-  ecmascript: 6
-
-ecmaFeatures: 
-  jsx: true
-  modules: true
-  destructuring: true
-  classes: true
-  forOf: true
-  blockBindings: true
-  arrowFunctions: true 
-
-env:
-  browser: true
-
-rules:
-  indent: 2
-  func-style: 0
-  func-names: 0
-  comma-dangle: 0
-  no-console: 0
-  no-param-reassign: 0

package/templates/react/es6/projects/empty/files/__tests__/App.js

@@ -1,19 +0,0 @@
-//This component is used only for testing illustration.
-import React, { Component } from 'react';
-
-class App extends Component {
-  render() {
-    return (
-      <div className="App">
-        <header className="App-header">
-          <h1 className="App-title">Welcome</h1>
-        </header>
-        <p className="App-intro">
-          To get started, edit <code>src/App.js</code> and save to reload.
-        </p>
-      </div>
-    );
-  }
-}
-
-export default App;

package/templates/react/es6/projects/empty/files/__tests__/App.spec.js

@@ -1,11 +0,0 @@
-//Illustrative test sample using ReactDOM.
-
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './App';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(<App />, div);
-  ReactDOM.unmountComponentAtNode(div);
-});

package/templates/react/es6/projects/empty/files/__tests__/CheckboxWithLabel.js

@@ -1,31 +0,0 @@
-//This component is used only for testing illustration.
-
-import React from 'react';
-
-export default class CheckboxWithLabel extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {isChecked: false};
-
-    // bind manually because React class components don't auto-bind
-    // http://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html#autobinding
-    this.onChange = this.onChange.bind(this);
-  }
-
-  onChange() {
-    this.setState({isChecked: !this.state.isChecked});
-  }
-
-  render() {
-    return (
-      <label>
-        <input
-          type="checkbox"
-          checked={this.state.isChecked}
-          onChange={this.onChange}
-        />
-        {this.state.isChecked ? this.props.labelOn : this.props.labelOff}
-      </label>
-    );
-  }
-}

package/templates/react/es6/projects/empty/files/__tests__/CheckboxWithLabel.spec.js

@@ -1,19 +0,0 @@
-//Illustrative test sample using enzyme shallow.
-
-import React from 'react';
-import Enzyme from "enzyme"; 
-import CheckboxWithLabel from './CheckboxWithLabel';
-
-import Adapter from 'enzyme-adapter-react-15';
-Enzyme.configure({ adapter: new Adapter() });
-
-test('CheckboxWithLabel changes the text after click', () => {
-  // Render a checkbox with label in the document
-  const checkbox = Enzyme.shallow(<CheckboxWithLabel labelOn="On" labelOff="Off" />);
-
-  expect(checkbox.text()).toEqual('Off');
-
-  checkbox.find('input').simulate('change');
-
-  expect(checkbox.text()).toEqual('On');
-});

package/templates/react/es6/projects/empty/files/__tests__/Sum.js

@@ -1,6 +0,0 @@
-//Used only for testing illustration.
-
-function sum(a, b) {
-  return a + b;
-}
-module.exports = sum;

package/templates/react/es6/projects/empty/files/__tests__/Sum.spec.js

@@ -1,6 +0,0 @@
-//Illustrative generic test sample.
-const sum = require('./Sum');
-
-test('adds 1 + 2 to equal 3', () => {
-  expect(sum(1, 2)).toBe(3);
-});

package/templates/react/es6/projects/empty/files/build.js

@@ -1,25 +0,0 @@
-/* eslint no-var: 0 */
-var exec = require('child_process').exec;
-
-var executable = (!process.argv[3].indexOf('server')) ? 'webpack-dev-server' : 'webpack';
-var cmdLine = '"./node_modules/.bin/' + executable + '"';
-var environ = (!process.argv[2].indexOf('development')) ? 'development' : 'production';
-var command;
-
-if (process.platform === 'win32') {
-  cmdLine = 'set NODE_ENV=' + environ + ' && ' + cmdLine;
-} else {
-  cmdLine = 'NODE_ENV=' + environ + ' ' + cmdLine;
-}
-
-command = exec(cmdLine);
-
-command.stdout.on('data', function(data) {
-  process.stdout.write(data);
-});
-command.stderr.on('data', function(data) {
-  process.stderr.write(data);
-});
-command.on('error', function(err) {
-  process.stderr.write(err);
-});

package/templates/react/es6/projects/empty/files/client/_variables.scss

@@ -1,7 +0,0 @@
-$light: #e6e6e6;
-$dark: #4d4d4d;
-$white: #ffffff;
-$grey: #7d7d7d;
-$red: #ec3d2b;
-$blue: #113d92;
-$lightBlue: #258ce7;