igniteui-cli 14.9.1 → 14.10.0-alpha.1

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
-class IgrBulletGraphTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
-    constructor() {
-        super(__dirname);
-        this.components = ["Bullet Graph"];
-        this.controlGroup = "Gauges";
-        this.listInComponentTemplates = true;
-        this.id = "bullet-graph";
-        this.projectType = "igr-es6";
-        this.name = "Bullet Graph";
-        this.description = `allows for a linear and concise view of measures compared against a scale.`;
-        this.packages = ["igniteui-react-gauges@~19.2.3"]; // TODO: read version from igniteui-react-core in package.json
-    }
-}
-module.exports = new IgrBulletGraphTemplate();

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

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

package/templates/react/igr-es6/bullet-graph/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class IgrBulletGraphComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Bullet Graph";
-        this.group = "Gauges";
-        this.description = `allows for a linear and concise view of measures compared against a scale.`;
-    }
-}
-module.exports = new IgrBulletGraphComponent();

package/templates/react/igr-es6/category-chart/default/files/src/views/__path__/index.js

@@ -1,45 +0,0 @@
-import React, { Component } from 'react';
-import { IgrCategoryChartModule } from 'igniteui-react-charts';
-import { IgrCategoryChart } from 'igniteui-react-charts';
-import style from './style.css';
-
-IgrCategoryChartModule.register();
-
-var data = [
-    { '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 }
-];
-
-export default class $(ClassName) extends Component {
-    title = 'Category Chart'
-    state = {
-        data: []
-    }
-
-    componentDidMount() {
-        this.setState({ 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/categorychart.html">
-                        official documentation page
-                    </a>
-                </div>
-                <div className={style.container}>
-                    <IgrCategoryChart dataSource={this.state.data}
-                        width="100%"
-                        height="500px">
-                    </IgrCategoryChart>
-                </div>
-            </div >
-        )
-    }
-}

package/templates/react/igr-es6/category-chart/default/files/src/views/__path__/style.css

@@ -1,9 +0,0 @@
-:local(.container) {
-    padding-top: 24px;
-    display: flex;
-    flex-flow: row;
-    justify-content: center;
-}
-:local(.title) {
-    color: rgb(0, 153, 255);
-}

package/templates/react/igr-es6/category-chart/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/category-chart/default/index.d.ts

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

package/templates/react/igr-es6/category-chart/default/index.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
-class IgrCategoryChartTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
-    constructor() {
-        super(__dirname);
-        this.components = ["Category Chart"];
-        this.controlGroup = "Charts";
-        this.listInComponentTemplates = true;
-        this.id = "category-chart";
-        this.projectType = "igr-es6";
-        this.name = "Category Chart";
-        this.description = `makes visualizing category data easy. Simplifies the complexities
-							of the data visualization domain into manageable API`;
-        this.packages = ["igniteui-react-charts@~19.2.3"]; // TODO: read version from igniteui-react-core in package.json
-    }
-}
-module.exports = new IgrCategoryChartTemplate();

package/templates/react/igr-es6/category-chart/index.d.ts

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

package/templates/react/igr-es6/category-chart/index.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class IgrCategoryChartComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Category Chart";
-        this.group = "Charts";
-        this.description = `makes visualizing category data easy. Simplifies the complexities
-							of the data visualization domain into manageable API`;
-    }
-}
-module.exports = new IgrCategoryChartComponent();

package/templates/react/igr-es6/doughnut-chart/default/files/src/views/__path__/index.js

@@ -1,85 +0,0 @@
-import React, { Component } from 'react';
-import { IgrDoughnutChartModule } from 'igniteui-react-charts';
-import { IgrDoughnutChart } from 'igniteui-react-charts';
-import { IgrRingSeriesModule } from 'igniteui-react-charts';
-import { IgrRingSeries } from 'igniteui-react-charts';
-import { IgrItemLegendModule } from 'igniteui-react-charts';
-import { IgrItemLegend } from 'igniteui-react-charts';
-
-import style from './style.css';
-
-IgrItemLegendModule.register();
-
-IgrDoughnutChartModule.register();
-IgrRingSeriesModule.register();
-
-
-const data: any = [
-    { MarketShare: 30, Company: "Google", },
-    { MarketShare: 15, Company: "Microsoft", },
-    { MarketShare: 30, Company: "Apple", },
-    { MarketShare: 15, Company: "Samsung", },
-    { MarketShare: 10, Company: "Other", },
-];
-
-export default class $(ClassName) extends Component {
-    title = 'Doughnut Chart'
-    data = [];
-
-    chart = null;
-    legend = null;
-
-    onChartRef(chart) {
-        this.chart = chart;
-        if (this.legend) {
-            this.chart.actualSeries[0].legend = this.legend;
-        }
-    }
-
-    onLegendRef(legend) {
-        this.legend = legend;
-        if (this.chart) {
-            this.chart.actualSeries[0].legend = this.legend;
-        }
-    }
-
-    state = {
-        data: []
-    };
-
-    componentWillMount() {
-        this.setState({ data });
-        this.onChartRef = this.onChartRef.bind(this);
-        this.onLegendRef = this.onLegendRef.bind(this);
-    }
-
-    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/doughnutchart.html">
-                        official documentation page
-                    </a>
-                </div>
-                <div className={style.container}>
-                    <div className={style.legend}>
-                        <IgrItemLegend ref={this.onLegendRef} />
-                    </div>
-                    <div className={style.chart}>
-                        <IgrDoughnutChart ref={this.onChartRef}
-                            width="300px"
-                            height="300px">
-                            <IgrRingSeries
-                                name="ring1"
-                                dataSource={this.state.data}
-                                labelMemberPath="Company"
-                                valueMemberPath="MarketShare" />
-                        </IgrDoughnutChart>
-                    </div>
-                </div>
-            </div>
-        )
-    }
-}

package/templates/react/igr-es6/doughnut-chart/default/files/src/views/__path__/style.css

@@ -1,9 +0,0 @@
-:local(.container) {
-    display: flex;
-    flex-flow: row;
-    justify-content: center;
-    padding-top: 24px;
-}
-:local(.title) {
-    color: rgb(0, 153, 255);
-}

package/templates/react/igr-es6/doughnut-chart/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/doughnut-chart/default/index.d.ts

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

package/templates/react/igr-es6/doughnut-chart/default/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
-class IgrDoughnutChartTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
-    constructor() {
-        super(__dirname);
-        this.components = ["Doughnut Chart"];
-        this.controlGroup = "Charts";
-        this.listInComponentTemplates = true;
-        this.id = "doughnut-chart";
-        this.projectType = "igr-es6";
-        this.name = "Doughnut Chart";
-        this.description = `proportionally illustrate the occurrences of variables.`;
-        this.packages = ["igniteui-react-charts@~19.2.3"]; // TODO: read version from igniteui-react-core in package.json
-    }
-}
-module.exports = new IgrDoughnutChartTemplate();

package/templates/react/igr-es6/doughnut-chart/index.d.ts

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

package/templates/react/igr-es6/doughnut-chart/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class IgrDoughnutChartComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Doughnut Chart";
-        this.group = "Charts";
-        this.description = `proportionally illustrate the occurrences of variables.`;
-    }
-}
-module.exports = new IgrDoughnutChartComponent();

package/templates/react/igr-es6/financial-chart/default/files/src/views/__path__/index.js

@@ -1,55 +0,0 @@
-import React, { Component } from 'react'
-import { IgrFinancialChartModule } from 'igniteui-react-charts';
-import { IgrFinancialChart } from 'igniteui-react-charts';
-import style from './style.css';
-
-IgrFinancialChartModule.register();
-
-const data: any = [
-    { time: new Date(2013, 1, 1), open: 268.93, high: 268.93, low: 262.80, close: 265.00, volume: 6118146 },
-    { time: new Date(2013, 1, 4), open: 262.78, high: 264.68, low: 259.07, close: 259.98, volume: 3723793 },
-    { time: new Date(2013, 1, 5), open: 262.00, high: 268.03, low: 261.46, close: 266.89, volume: 4013780 },
-    { time: new Date(2013, 1, 6), open: 265.16, high: 266.89, low: 261.11, close: 262.22, volume: 2772204 },
-    { time: new Date(2013, 1, 7), open: 264.10, high: 264.10, low: 255.11, close: 260.23, volume: 3977065 },
-    { time: new Date(2013, 1, 8), open: 261.40, high: 265.25, low: 260.56, close: 261.95, volume: 3879628 },
-    { time: new Date(2013, 1, 11), open: 263.20, high: 263.25, low: 256.60, close: 257.21, volume: 3407457 },
-    { time: new Date(2013, 1, 12), open: 259.19, high: 260.16, low: 257.00, close: 258.70, volume: 2944730 },
-    { time: new Date(2013, 1, 13), open: 261.53, high: 269.96, low: 260.30, close: 269.47, volume: 5295786 },
-    { time: new Date(2013, 1, 14), open: 267.37, high: 270.65, low: 265.40, close: 269.24, volume: 3464080 },
-    { time: new Date(2013, 1, 15), open: 267.63, high: 268.92, low: 263.11, close: 265.09, volume: 3981233 }
-];
-
-
-export default class $(ClassName) extends Component {
-    title = 'Financial Chart';
-    state = {
-        data: []
-    }
-
-    componentWillMount() {
-        this.setState({
-            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/financialchart.html">
-                        official documentation page
-                    </a>
-                </div>
-                <div className={style.container}>
-                    <IgrFinancialChart
-                        width="700px"
-                        height="500px"
-                        dataSource={this.state.data}>
-                    </IgrFinancialChart>
-                </div>
-            </div >
-        )
-    }
-}

package/templates/react/igr-es6/financial-chart/default/files/src/views/__path__/style.css

@@ -1,10 +0,0 @@
-:local(.container) {
-    padding-top: 24px;
-    display: flex;
-    flex-flow: row;
-	justify-content: center;
-	text-align: left;
-}
-:local(.title) {
-    color: rgb(0, 153, 255);
-}

package/templates/react/igr-es6/financial-chart/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/financial-chart/default/index.d.ts

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

package/templates/react/igr-es6/financial-chart/default/index.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
-class IgrFinancialChartTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
-    constructor() {
-        super(__dirname);
-        this.components = ["Financial Chart"];
-        this.controlGroup = "Charts";
-        // set to true once bug with chart destoy is fixed
-        this.listInComponentTemplates = false;
-        this.id = "financial-chart";
-        this.projectType = "igr-es6";
-        this.name = "Financial Chart";
-        this.description = `charting component that makes it easy to visualize financial data by
-							using a simple and intuitive API.`;
-        this.packages = ["igniteui-react-charts@~19.2.3"]; // TODO: read version from igniteui-react-core in package.json
-    }
-}
-module.exports = new IgrFinancialChartTemplate();

package/templates/react/igr-es6/financial-chart/index.d.ts

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

package/templates/react/igr-es6/financial-chart/index.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class IgrFinancialChartComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Financial Chart";
-        this.group = "Charts";
-        this.description = `charting component that makes it easy to visualize financial data by
-							using a simple and intuitive API.`;
-    }
-}
-module.exports = new IgrFinancialChartComponent();

package/templates/react/igr-es6/grid/basic/files/src/views/__path__/data.js

@@ -1,46 +0,0 @@
-export default [{
-    Discontinued: false,
-    OrderDate: new Date('2012-02-12'),
-    ProductID: 1,
-    ProductName: 'Chai',
-    QuantityPerUnit: '10 boxes x 20 bags',
-    ReorderLevel: 10,
-    UnitPrice: 18.0000,
-    UnitsInStock: 39
-}, {
-    Discontinued: false,
-    OrderDate: new Date('2003-03-17'),
-    ProductID: 2,
-    ProductName: 'Chang',
-    QuantityPerUnit: '24 - 12 oz bottles',
-    ReorderLevel: 25,
-    UnitPrice: 19.0000,
-    UnitsInStock: 17
-}, {
-    Discontinued: false,
-    OrderDate: new Date('2006-03-17'),
-    ProductID: 3,
-    ProductName: 'Aniseed Syrup',
-    QuantityPerUnit: '12 - 550 ml bottles',
-    ReorderLevel: 25,
-    UnitPrice: 10.0000,
-    UnitsInStock: 13
-}, {
-    Discontinued: false,
-    OrderDate: new Date('2016-03-17'),
-    ProductID: 4,
-    ProductName: 'Chef Antons Cajun Seasoning',
-    QuantityPerUnit: '48 - 6 oz jars',
-    ReorderLevel: 0,
-    UnitPrice: 22.0000,
-    UnitsInStock: 53
-}, {
-    Discontinued: true,
-    OrderDate: new Date('2011-11-11'),
-    ProductID: 5,
-    ProductName: 'Chef Antons Gumbo Mix',
-    QuantityPerUnit: '36 boxes',
-    ReorderLevel: 0,
-    UnitPrice: 21.3500,
-    UnitsInStock: 0
-}];

package/templates/react/igr-es6/grid/basic/files/src/views/__path__/index.js

@@ -1,46 +0,0 @@
-import React, { Component } from 'react';
-import style from './style.css';
-import { IgrDataGridModule  } from 'igniteui-react-grids';
-import { IgrDataGrid } from 'igniteui-react-grids';
-import { IgrNumericColumn } from 'igniteui-react-grids';
-import { IgrTextColumn } from 'igniteui-react-grids';
-import { IgrDateTimeColumn } from 'igniteui-react-grids';
-
-import data from './data';
-
-IgrDataGridModule.register();
-
-export default class $(ClassName) extends Component {
-	title = 'Grid';
-	state = {
-	}
-
-	render() {
-		this.data = data;
-		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/grids/data-grid.html">
-						official documentation page
-                    </a>
-				</div>
-				<div className={style.container}>
-				<div className={style.grid}>
-					<IgrDataGrid
-						height="100%"
-						autoGenerateColumns="false"
-						dataSource={this.data}>
-						<IgrNumericColumn field="ProductID" headerText="Product ID" />
-						<IgrTextColumn field="ProductName" headerText="Product Name" />
-						<IgrTextColumn field="QuantityPerUnit" headerText="Quantity Per Unit" />
-						<IgrNumericColumn field="UnitsInStock" headerText="Units In Stock" />
-						<IgrDateTimeColumn field="OrderDate" headerText="Order Date" />
-					</IgrDataGrid>
-				</div>
-				</div>
-			</div>
-		)
-	}
-}

package/templates/react/igr-es6/grid/basic/files/src/views/__path__/style.css

@@ -1,17 +0,0 @@
-:local(.container) {
-	padding-top: 24px;
-	display: flex;
-	flex-flow: column;
-	justify-content: center;
-	align-items: center;
-}
-
-:local(.title) {
-	color: rgb(0, 153, 255);
-}
-
-:local(.grid) {
-	width: 80%;
-	margin-bottom: 24px;
-	border: 1px solid rgb(0, 153, 255);
-}

package/templates/react/igr-es6/grid/basic/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/grid/basic/index.d.ts

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

package/templates/react/igr-es6/grid/basic/index.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
-class GridTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.id = "grid";
-        this.name = "Grid";
-        this.widget = "igGrid";
-        this.description = "IgrGrid template for React";
-        this.projectType = "igr-es6";
-        this.components = ["Grid"];
-        this.controlGroup = "Data Grids";
-        // TODO: read version from igniteui-react-core in package.json
-        this.packages = ["igniteui-react-grids@~19.2.3", "igniteui-react-inputs@~19.2.3",
-            "igniteui-react-layouts@~19.2.3"];
-        this.hasExtraConfiguration = false;
-    }
-}
-module.exports = new GridTemplate();

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

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

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class IgrDataGridComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Data Grid";
-        this.group = "Grids";
-        this.description = "pick from grids: basic, sorting, templating.";
-    }
-}
-module.exports = new IgrDataGridComponent();

package/templates/react/igr-es6/groups.json

@@ -1,5 +0,0 @@
-{
-	"Gauges": "scale measure Controls including Linear and Radial Gauge and Bullet Graph.",
-	"Charts": "high-performance data visualization for category and financial data.",
-	"Grids": "bind and display data sets with little coding or configuration."
-}

package/templates/react/igr-es6/index.d.ts

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

package/templates/react/igr-es6/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class IgrReactProjectLibrary extends cli_core_1.BaseProjectLibrary {
-    constructor() {
-        super(__dirname);
-        this.name = "Ignite UI for React (deprecated)";
-        this.projectType = "igr-es6";
-        this.themes = ["default"];
-        const groups = require("./groups.json");
-        // tslint:disable-next-line:forin
-        for (const key in groups) {
-            this.groupDescriptions.set(key, groups[key]);
-        }
-    }
-}
-module.exports = new IgrReactProjectLibrary();