igniteui-cli 14.9.1 → 14.10.0-alpha.1

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

@@ -1,88 +0,0 @@
-import { Component } from 'react';
-import $(Control) from "igniteui-react/ui/$(widget).js";
-import { data } from "../../data/world-energy-production.js";
-
-export default class $(ClassName) extends Component {
-	constructor(props) {
-		super(props);
-		this.state = { view: data };
-	}
-	render() {
-		return (
-			<div className="$(ClassName)">
-				<div className="$(ClassName)-header">
-					<h2 style={{textAlign: "center"}}>$(description)</h2>
-				</div>
-				<div style={{float: "left", marginLeft: "10vw"}}>
-					<$(Control)
-						id="columnchart"
-						width="65vw"
-						height="350px"
-						dataSource={this.state.view}
-						responseDataKey="lastFiveYears"
-						legend={{ element: "columnLegend" }}
-						title="Energy Production Per Country"
-						subtitle="The top five Total Primary Energy producers"
-						axes={[{
-							name: "xAxis",
-							type: "categoryX",
-							label: "Year",
-                    		labelTopMargin: 5
-						}, {
-							name: "yAxis",
-							type: "numericY",
-							label: "Quadrillion Btu"
-						}]}
-						series={[{
-							name: "series1",
-							title: "Canada",
-							type: "column",
-							isHighlightingEnabled: true,
-							isTransitionInEnabled: true,
-							xAxis: "xAxis",
-							yAxis: "yAxis",
-							valueMemberPath: "Canada"
-						}, {
-							name: "series2",
-							title: "Saudi Arabia",
-							type: "column",
-							isHighlightingEnabled: true,
-							isTransitionInEnabled: true,
-							xAxis: "xAxis",
-							yAxis: "yAxis",
-							valueMemberPath: "SaudiArabia"
-						}, {
-							name: "series3",
-							title: "Russia",
-							type: "column",
-							isHighlightingEnabled: true,
-							isTransitionInEnabled: true,
-							xAxis: "xAxis",
-							yAxis: "yAxis",
-							valueMemberPath: "Russia"
-						}, {
-							name: "series4",
-							title: "United States",
-							type: "column",
-							isHighlightingEnabled: true,
-							isTransitionInEnabled: true,
-							xAxis: "xAxis",
-							yAxis: "yAxis",
-							valueMemberPath: "UnitedStates"
-						}, {
-							name: "series5",
-							title: "China",
-							type: "column",
-							isHighlightingEnabled: true,
-							isTransitionInEnabled: true,
-							xAxis: "xAxis",
-							yAxis: "yAxis",
-							valueMemberPath: "China"
-						}]}
-					/>
-				</div>
-				<div id="columnLegend" style={{float: "left"}}></div>
-			</div>
-		);
-	}
-}

package/templates/react/es6/column-chart/default/files/src/data/world-energy-production.js

@@ -1,55 +0,0 @@
-/*
-Data from U.S. Energy Information Administration (2012)
-*/
-var data = {
-	lastFiveYears: [
-    {
-        "Year": 2005,
-        "Canada": 18.8932,
-        "SaudiArabia": 25.4401,
-        "Russia": 51.0796,
-        "UnitedStates": 69.4437,
-        "China": 63.9524,
-    },
-    {
-        "Year": 2006,
-        "Canada": 19.2273,
-        "SaudiArabia": 24.6105,
-        "Russia": 52.0557,
-        "UnitedStates": 70.7539,
-        "China": 68.2333,
-    },
-    {
-        "Year": 2007,
-        "Canada": 19.5439,
-        "SaudiArabia": 23.7326,
-        "Russia": 52.5599,
-        "UnitedStates": 71.4000,
-        "China": 73.2809,
-    },
-    {
-        "Year": 2008,
-        "Canada": 19.0196,
-        "SaudiArabia": 25.1682,
-        "Russia": 52.5460,
-        "UnitedStates": 73.2178,
-        "China": 78.3599,
-    },
-    {
-        "Year": 2009,
-        "Canada": 18.3249,
-        "SaudiArabia": 22.837,
-        "Russia": 50.4291,
-        "UnitedStates": 72.6409,
-        "China": 84.0643,
-    },
-    {
-        "Year": 2010,
-        "Canada": 18.3358,
-        "SaudiArabia": 24.7442,
-        "Russia": 53.2232,
-        "UnitedStates": 74.7951,
-        "China": 90.3918,
-    }
-]};
-export { data };

package/templates/react/es6/column-chart/default/index.d.ts

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

package/templates/react/es6/column-chart/default/index.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const ReactTemplate_1 = require("../../../../../lib/templates/ReactTemplate");
-class ColumnChartTemplate extends ReactTemplate_1.ReactTemplate {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.id = "column-chart";
-        this.name = "Column Chart";
-        this.widget = "igDataChart";
-        this.description = "igDataChart column series template";
-        this.projectType = "es6";
-        this.components = ["Column Chart"];
-        this.controlGroup = "Charts";
-        this.dependencies = ["igDataChart"];
-        this.hasExtraConfiguration = false;
-    }
-}
-module.exports = new ColumnChartTemplate();

package/templates/react/es6/column-chart/index.d.ts

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

package/templates/react/es6/column-chart/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class ColumnChartComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Column Chart";
-        this.group = "Charts";
-        this.description = "visualizes categorized data with vertical columns.";
-    }
-}
-module.exports = new ColumnChartComponent();

package/templates/react/es6/combo/combo/files/src/components/__path__/index.js

@@ -1,45 +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 = {
-			platforms: [
-				{ Name: "jQuery/HTML5/ASP.NET MVC Controls" },
-				{ Name: "ASP.NET Controls" },
-				{ Name: "Windows Forms Controls" },
-				{ Name: "WPF Controls" },
-				{ Name: "Android Native mobile controls" },
-				{ Name: "iOS Controls" },
-				{ Name: "SharePlus" },
-				{ Name: "ReportPlus" },
-				{ Name: "Indigo Studio" }
-			]
-		};
-	}
-	render() {
-		return (
-			<div className="$(ClassName)">
-				<div className="$(ClassName)-header">
-					<h2 style={{textAlign: "center", marginBottom: "2vw"}}>$(description)</h2>
-				</div>
-				<div style={{display: "flex", flexFlow: "column", alignItems: "center"}}>
-					<$(Control)
-						id="combo"
-						width="16vw"
-						dataSource={this.state.platforms}
-						textKey="Name"
-						valueKey="Name"
-						multiSelection={{
-							enabled: true,
-							showCheckboxes: true
-						}}
-						dropDownOrientation="bottom"
-					/>
-				</div>
-			</div>
-		);
-	}
-}

package/templates/react/es6/combo/combo/index.d.ts

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

package/templates/react/es6/combo/combo/index.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const ReactTemplate_1 = require("../../../../../lib/templates/ReactTemplate");
-class ComboTemplate extends ReactTemplate_1.ReactTemplate {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.id = "combo";
-        this.name = "Combo";
-        this.widget = "igCombo";
-        this.description = "igCombo template for React";
-        this.projectType = "es6";
-        this.components = ["Combo"];
-        this.controlGroup = "Data Entry";
-        this.dependencies = ["igCombo"];
-        this.hasExtraConfiguration = false;
-    }
-}
-module.exports = new ComboTemplate();

package/templates/react/es6/combo/index.d.ts

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

package/templates/react/es6/combo/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class ComboComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Combo";
-        this.group = "Data Entry";
-        this.description = "igCombo is a full-featured combo box control.";
-    }
-}
-module.exports = new ComboComponent();

package/templates/react/es6/doughnut-chart/doughnut-chart/files/src/components/__path__/index.js

@@ -1,44 +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 = {
-			data: [
-				{ "CountryName": "China", "Pop1990": 1141 },
-				{ "CountryName": "India", "Pop1990": 849 },
-				{ "CountryName": "United States", "Pop1990": 250 },
-				{ "CountryName": "Indonesia", "Pop1990": 178 },
-				{ "CountryName": "Brazil", "Pop1990": 150 }
-			]
-		};
-	}
-	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="chart"
-						width={550}
-						height={550}
-						series={[{
-							name: "Pop1990",
-							labelMemberPath: "CountryName",
-							valueMemberPath: "Pop1990",
-							dataSource: this.state.data,
-							labelsPosition: "bestFit",
-							formatLabel: function (context) {
-								return context.itemLabel + " (" + context.item.Pop1990 + ")";
-							},
-							brushes: ["#B284BE", "#5D8AA8", "#C9FFE5", "#7CB9E8", "#F19CBB"]
-						}]}
-					/>
-				</div>
-			</div>
-		);
-	}
-}

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

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

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

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const ReactTemplate_1 = require("../../../../../lib/templates/ReactTemplate");
-class DoughnutChartTemplate extends ReactTemplate_1.ReactTemplate {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.id = "doughnut-chart";
-        this.name = "Doughnut Chart";
-        this.widget = "igDoughnutChart";
-        this.description = "igDataChart template";
-        this.projectType = "es6";
-        this.components = ["Doughnut Chart"];
-        this.controlGroup = "Charts";
-        this.dependencies = ["igDataChart"];
-        this.hasExtraConfiguration = false;
-    }
-}
-module.exports = new DoughnutChartTemplate();

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

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

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class DoughnutChartComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Doughnut Chart";
-        this.group = "Charts";
-        this.description = `igDoughnutChart control allows for proportionally illustrating the
-		occurrences of a variable.`;
-    }
-}
-module.exports = new DoughnutChartComponent();

package/templates/react/es6/editors/editors/files/src/components/__path__/index.js

@@ -1,17 +0,0 @@
-import { Component } from 'react';
-import $(Control) from "igniteui-react/ui/$(widget).js";
-
-export default class $(ClassName) extends Component {
-  render() {
-    return (
-      <div className="App">
-        <div className="App-header">
-			<h2 style={{textAlign: "center", marginBottom: "2vw"}}>$(description)</h2>
-        </div>
-		<div style={{display: "flex", flexFlow: "column", alignItems: "center"}}>
-        	<$(Control) id="editor" />
-		</div>
-      </div>
-    );
-  }
-}

package/templates/react/es6/editors/index.d.ts

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

package/templates/react/es6/editors/index.js

@@ -1,58 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const path = __importStar(require("path"));
-const MultiTemplateComponent_1 = require("../../../../lib/MultiTemplateComponent");
-const ReactTemplate_1 = require("../../../../lib/templates/ReactTemplate");
-const templates = new Map([
-    ["text-editor", { name: "Text Editor", widget: "igTextEditor" }],
-    ["numeric-editor", { name: "Numeric Editor", widget: "igNumericEditor" }],
-    ["currency-editor", { name: "Currency Editor", widget: "igCurrencyEditor" }],
-    ["mask-editor", { name: "Mask Editor", widget: "igMaskEditor" }],
-    ["date-picker", { name: "Date Picker", widget: "igDatePicker" }]
-]);
-class EditorsComponent extends MultiTemplateComponent_1.MultiTemplateComponent {
-    constructor() {
-        super(EditorsReactTemplate, templates);
-        this.name = "Editors";
-        this.group = "Data Entry";
-        this.description = "pick from: igTextEditor, igNumericEditor, igCurrencyEditor, igMaskEditor, igDatePicker.";
-    }
-}
-class EditorsReactTemplate extends ReactTemplate_1.ReactTemplate {
-    constructor() {
-        super(path.join(__dirname, "editors"));
-        this.projectType = "es6";
-        this.components = ["Editors"];
-        this.controlGroup = "Editors";
-        this.dependencies = ["igEditors"];
-        this.hasExtraConfiguration = false;
-    }
-    generateConfig(name, ...options) {
-        this.widget = this.mapItem.widget;
-        return super.generateConfig(name, options);
-    }
-}
-module.exports = new EditorsComponent();

package/templates/react/es6/financial-chart/financial-chart/files/src/components/__path__/index.js

@@ -1,154 +0,0 @@
-import { Component } from 'react';
-import $(Control) from "igniteui-react/ui/$(widget).js";
-import { dataObj } from "../../data/financial-data.js";
-
-export default class $(ClassName) extends Component {
-	constructor(props) {
-		super(props);
-		this.state = { view: dataObj };
-	}
-	render() {
-		return (
-			<div className="$(ClassName)">
-				<div className="$(ClassName)-header">
-					<h2 style={{textAlign: "center", marginBottom: "3%"}}>$(description)</h2>
-				</div>
-				<div style={{float: "left", marginLeft: "2vw"}}>
-						<$(Control)
-							id="financialchart"
-							width="40vw"
-							height="500px"
-							title="Microsoft (MSFT) vs. Adobe (ADBE)"
-							subtitle="A comparison of stocks over time"
-							horizontalZoomable={true}
-							verticalZoomable={true}
-							windowResponse="immediate"
-							axes={[{
-								name: "xAxis",
-								type: "categoryX",
-								dataSource: this.state.view,
-								responseDataKey:"data",
-								label: "Date",
-								title: "Date",
-								interval: 10
-							}, {
-								name: "yAxis",
-								type: "numericY",
-								title: "Price",
-							}]}
-							series={[{
-								name: "series1",
-								dataSource: this.state.view,
-								responseDataKey:"data",
-								title: "Price Series",
-								type: "financial",
-								displayType: "candlestick",
-								isTransitionInEnabled: true,
-								isHighlightingEnabled: true,
-								xAxis: "xAxis",
-								yAxis: "yAxis",
-								openMemberPath: "Open",
-								highMemberPath: "High",
-								lowMemberPath: "Low",
-								closeMemberPath: "Close",
-								showTooltip: true,
-								thickness: 1,
-								trendLineBrush: "rgba(68, 172, 214, .8)",
-								trendLineThickness: 5,
-								trendLineType: "exponentialAverage",
-								negativeBrush: "rgba(198, 45, 54, .8)"
-							}, {
-								name: "series2",
-								dataSource: this.state.view,
-								responseDataKey:"dataAdobe",
-								title: "Price Series",
-								type: "financial",
-								isTransitionInEnabled: true,
-								isHighlightingEnabled: true,
-								displayType: "candlestick",
-								xAxis: "xAxis",
-								yAxis: "yAxis",
-								openMemberPath: "Open",
-								highMemberPath: "High",
-								lowMemberPath: "Low",
-								closeMemberPath: "Close",
-								showTooltip: true,
-								thickness: 1,
-								trendLineBrush: "rgba(73, 73, 73, .8)",
-								trendLineThickness: 5,
-								trendLineType: "exponentialAverage",
-								negativeBrush: "rgba(198, 45, 54, .8)"
-							}]}
-						/>
-				</div>
-				<div style={{float: "left"}}>
-						<$(Control)
-							id="financialchart"
-							width="40vw"
-							height="500px"
-
-							title="Microsoft (MSFT) vs. Adobe (ADBE)"
-							subtitle="A comparison of stocks over time"
-							horizontalZoomable={true}
-							verticalZoomable={true}
-							windowResponse="immediate"
-							axes={[{
-								name: "xAxis",
-								type: "categoryX",
-								dataSource: this.state.view,
-								responseDataKey:"data",
-								label: "Date",
-								title: "Date",
-								interval: 10
-							}, {
-								name: "yAxis",
-								type: "numericY",
-								title: "Price",
-							}]}
-							series={[{
-								name: "series1",
-								dataSource: this.state.view,
-								responseDataKey:"data",
-								title: "Price Series",
-								type: "financial",
-								isTransitionInEnabled: true,
-								displayType: "OHLC",
-								xAxis: "xAxis",
-								yAxis: "yAxis",
-								openMemberPath: "Open",
-								highMemberPath: "High",
-								lowMemberPath: "Low",
-								closeMemberPath: "Close",
-								showTooltip: true,
-								thickness: 2,
-								trendLineBrush: "rgba(68, 172, 214, .8)",
-								trendLineThickness: 5,
-								trendLineType: "exponentialAverage",
-								negativeBrush: "rgba(198, 45, 54, .8)"
-							}, {
-								name: "series2",
-								dataSource: this.state.view,
-								responseDataKey: "dataAdobe",
-								title: "Price Series",
-								type: "financial",
-								isTransitionInEnabled: true,
-								displayType: "OHLC",
-								xAxis: "xAxis",
-								yAxis: "yAxis",
-								openMemberPath: "Open",
-								highMemberPath: "High",
-								lowMemberPath: "Low",
-								closeMemberPath: "Close",
-								showTooltip: true,
-								thickness: 2,
-								trendLineBrush: "rgba(73, 73, 73, .8)",
-								trendLineThickness: 5,
-								trendLineType: "exponentialAverage",
-								negativeBrush: "rgba(198, 45, 54, .8)"
-							}]}
-						/>
-				</div>
-			</div>
-		);
-	}
-}