igniteui-cli 14.9.2 → 14.10.0-alpha.1

package/templates/react/igr-es6/linear-gauge/default/files/src/views/__path__/index.js

@@ -1,62 +0,0 @@
-import React, { Component } from 'react';
-import style from './style.css';
-import { IgrLinearGaugeModule } from 'igniteui-react-gauges';
-import { IgrLinearGauge } from 'igniteui-react-gauges';
-
-IgrLinearGaugeModule.register();
-
-export default class $(ClassName) extends Component {
-    title = 'Linear Gauge';
-    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/lineargauge.html">
-                        official documentation page
-                    </a>
-                </div>
-                <div className={style.container}>
-                    <div className={style.gauge}>
-                        <IgrLinearGauge
-                            height="80px" width="400px"
-                            minimumValue={0}
-                            maximumValue={100} interval={10}
-                            value={50}
-                            isNeedleDraggingEnabled={true}
-                            needleShape="Custom"
-                            needleBrush="DodgerBlue"
-                            needleOutline="DodgerBlue"
-                            needleStrokeThickness={1}
-                            needleBreadth={15}
-                            needleInnerExtent={0.35}
-                            needleOuterExtent={0.65}
-                            needleOuterPointExtent={0.8}
-                            needleInnerPointExtent={0.325}
-                            needleInnerPointWidth={0}
-                            needleOuterPointWidth={0.3}
-                            needleInnerBaseWidth={0}
-                            needleOuterBaseWidth={0.07}>
-                        </IgrLinearGauge>
-                    </div>
-                    <div className={style.gauge}>
-                        <IgrLinearGauge
-                            height="80px" width="400px"
-                            minimumValue={0} value={50}
-                            maximumValue={100} interval={10}
-                            isScaleInverted={false}
-                            scaleBrush="DodgerBlue"
-                            scaleOutline="DarkViolet"
-                            scaleStrokeThickness={1}
-                            scaleInnerExtent={0.05}
-                            scaleOuterExtent={0.65}
-                            scaleStartExtent={0.05}
-                            scaleEndExtent={0.95}>
-                        </IgrLinearGauge>
-                    </div>
-                </div>
-            </div>
-        )
-    }
-}

package/templates/react/igr-es6/linear-gauge/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(.gauge) {
-    width: 50%;
-}

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

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

package/templates/react/igr-es6/linear-gauge/default/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
-class IgrLinearGaugeTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
-    constructor() {
-        super(__dirname);
-        this.components = ["Linear Gauge"];
-        this.controlGroup = "Gauges";
-        this.listInComponentTemplates = true;
-        this.id = "linear-gauge";
-        this.projectType = "igr-es6";
-        this.name = "Linear Gauge";
-        this.description = `value compared against a scale and one or more ranges.`;
-        this.packages = ["igniteui-react-gauges@~19.2.3"]; // TODO: read version from igniteui-react-core in package.json
-    }
-}
-module.exports = new IgrLinearGaugeTemplate();

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

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

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class IgrLinearGaugeComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Linear Gauge";
-        this.group = "Gauges";
-        this.description = `value compared against a scale and one or more ranges.`;
-    }
-}
-module.exports = new IgrLinearGaugeComponent();

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

@@ -1,83 +0,0 @@
-import React, { Component } from 'react';
-import { IgrPieChartModule } from 'igniteui-react-charts';
-import { IgrPieChart } from 'igniteui-react-charts';
-import { IgrItemLegend } from 'igniteui-react-charts';
-import { IgrItemLegendModule } from 'igniteui-react-charts';
-
-import style from './style.css';
-
-IgrPieChartModule.register();
-IgrItemLegendModule.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 = 'Pie Chart';
-    state = {
-        data: []
-    };
-
-    legend = null;
-    chart = null;
-
-    onLegendRef(legend) {
-        this.legend = legend;
-        if (this.chart) {
-            this.chart.legend = this.legend;
-        }
-    }
-
-    onChartRef(chart) {
-        this.chart = chart;
-        if (this.chart) {
-            this.chart.legend = this.legend;
-        }
-    }
-
-    componentWillMount() {
-        this.setState({
-            data
-        });
-        this.onLegendRef = this.onLegendRef.bind(this);
-        this.onChartRef = this.onChartRef.bind(this);
-    }
-
-    handleClick() {
-        debugger;
-    }
-
-    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/pie-chart.html">
-                        official documentation page
-                    </a>
-                </div>
-                <div className={style.container}>
-                    <div className={style.legend}>
-                        <IgrItemLegend ref={this.onLegendRef} />
-                    </div>
-                    <div className={style.chart}>
-                        <IgrPieChart dataSource={this.state.data}
-                            labelMemberPath="Company"
-                            valueMemberPath="MarketShare"
-                            width="500px"
-                            height="500px"
-                            ref={this.onChartRef}
-                            legendLabelMemberPath="Label" />
-
-                    </div>
-                </div>
-            </div>
-        )
-    }
-}

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

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

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

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

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

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

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const cli_core_1 = require("@igniteui/cli-core");
-class IgrPieChartComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Pie Chart";
-        this.group = "Charts";
-        this.description = `easily illustate the proportions of data entries`;
-    }
-}
-module.exports = new IgrPieChartComponent();

package/templates/react/igr-es6/projects/_base/__dot__eslintrc.json

@@ -1,3 +0,0 @@
-{
-	"extends": "react-app"
-}

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

@@ -1,48 +0,0 @@
-# $(name)
-
-This project was generated with [Ignite UI CLI](https://github.com/IgniteUI/igniteui-cli) version $(cliVersion).<br>
-The template builds upon a project bootstrapped with [Create React App](https://github.com/facebook/create-react-app), so all CRA features are available in this project.
-
-## 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/`. Default serving port can be configured in `.env` via `PORT` property.
-
-## Build
-
-Run `ig build` to build the application into an output directory.
-
-## Step by step mode
-
-If you want to get a guided experience through the available options, you can initialize the step by step mode that will help you to create and setup your new application, as well as update project previously created with the Ignite UI CLI. To start the guide, simply run the `ig` command.
-
-## List templates
-
-The `ig list` command lists all available templates for this project.
-
-## Adding components
-
-Add a new component or template to the project passing component ID and choosing a name.
-
-`ig add <component/template> <component_name>`
-
-The ID matches either a component ("grid", "category-chart", etc) or a predefined template. Predefined templates can provide either multiple components or fulfilling a specific use case like "form-validation", "master-detail" and so on.
-
-## Running unit tests
-
-Run `ig test` to execute the unit tests.
-
-## Commands Help
-
-`ig help` lists the available commands and provides a brief description of what they do.
-
-## Learn More
-
-To get more help on the IgniteUI CLI go check out the [IgniteUI CLI Wiki](https://github.com/IgniteUI/igniteui-cli/wiki).
-
-Learn more about CRA features in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).
-
-
-

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

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

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

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

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

@@ -1,23 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*

package/templates/react/igr-es6/projects/_base/files/ignite-ui-cli.json

@@ -1,16 +0,0 @@
-{
-	"version": "$(cliVersion)",
-	"project": {
-		"defaultPort": 3003,
-		"framework": "react",
-		"projectType": "igr-es6",
-		"projectTemplate": "$(projectTemplate)",
-		"theme": "$(theme)",
-		"isBundle": false,
-		"components": [],
-		"sourceFiles": [],
-		"isShowcase": false,
-		"version": ""
-	},
-	"build": {}
-}

package/templates/react/igr-es6/projects/_base/files/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "$(dash-name)",
-  "version": "0.1.0",
-  "private": true,
-  "dependencies": {
-    "igniteui-react-core": "~19.0.0",
-    "react": "^16.8.2",
-    "react-app-polyfill": "^0.2.0",
-    "react-dom": "^16.8.2",
-    "react-router-dom": "^4.3.1",
-    "react-scripts": "2.1.5"
-  },
-  "devDependencies": {
-	"igniteui-cli": "~$(cliVersion)",
-	"enzyme": "^3.9.0",
-    "enzyme-adapter-react-16": "^1.9.1"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test --transformIgnorePatterns \"node_modules/(?!igniteui-react)/\" --env=jsdom",
-    "eject": "react-scripts eject"
-  },
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not ie <= 11",
-    "not op_mini all"
-  ]
-}

package/templates/react/igr-es6/projects/_base/files/public/index.html

@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
-    />
-    <meta name="theme-color" content="#000000" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>IgniteUI for React</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>

package/templates/react/igr-es6/projects/_base/files/public/manifest.json

@@ -1,15 +0,0 @@
-{
-  "short_name": "$(name)",
-  "name": "$(name)",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/templates/react/igr-es6/projects/_base/files/src/App.test.js

@@ -1,9 +0,0 @@
-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/igr-es6/projects/_base/files/src/hoc/asyncComponent.js

@@ -1,50 +0,0 @@
-import React, {Component} from 'react';
-
-// https://reactjs.org/blog/2015/12/16/ismounted-antipattern.html
-const makeCancelable = (promise) => {
-  let hasCanceled_ = false;
-  
-  const wrappedPromise = new Promise((resolve, reject) => {
-    promise.then(
-    val => hasCanceled_ ? reject({isCanceled: true}) : resolve(val),
-    error => hasCanceled_ ? reject({isCanceled: true}) : reject(error)
-    );
-  });
-  
-  return {
-    promise: wrappedPromise,
-    cancel() {
-    hasCanceled_ = true;
-    },
-  };
-  };
-
-/**
- * https://medium.com/front-end-weekly/loading-components-asynchronously-in-react-app-with-an-hoc-61ca27c4fda7
- * @param {function} importComponent 
- */
-const asyncComponent = (importComponent) => {
-  return class extends Component {
-    state = {
-      component: null
-    }
-
-    componentDidMount() {
-      this.op = makeCancelable(importComponent());
-      this.op.promise.then(cmp => {
-          this.setState({component: cmp.default});
-        });
-    }
-
-    componentWillUnmount() {
-      this.op.cancel();
-    }
-
-    render() {
-      const C = this.state.component;
-      return C ? <C {...this.props}/> : null;
-    }
-  }
-};
-
-export default asyncComponent;

package/templates/react/igr-es6/projects/_base/files/src/index.css

@@ -1,14 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
-    monospace;
-}

package/templates/react/igr-es6/projects/_base/files/src/index.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
-import 'react-app-polyfill/ie11';
-
-/** Required in IE11 for Charts */
-Number.isNaN = Number.isNaN || function(value) {
-    // eslint-disable-next-line
-    return value !== value;
-}
-
-ReactDOM.render(<App />, document.getElementById('root'));
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: http://bit.ly/CRA-PWA
-serviceWorker.unregister();

package/templates/react/igr-es6/projects/_base/files/src/routes.json

@@ -1,7 +0,0 @@
-[
-  {
-    "path": "/",
-    "componentPath": "./views/home",
-    "text": "Home"
-  }
-]