igniteui-cli 14.9.2 → 14.10.0-alpha.2

package/templates/react/es6/hierarchical-grid/hierarchical-grid-export/files/src/components/__path__/styles.css

@@ -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/index.d.ts

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

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

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const GridHelper_1 = require("../../../../../lib/project-utility/GridHelper");
-const ReactTemplate_1 = require("../../../../../lib/templates/ReactTemplate");
-class HierarchicalGridExportTemplate extends ReactTemplate_1.ReactTemplate {
-    constructor() {
-        super(__dirname);
-        this.extraConfigurations = [];
-        this.userExtraConfiguration = {};
-        this.id = "hierarchical-grid-export";
-        this.name = "Export Hierarchical Grid";
-        this.widget = "igHierarchicalGrid";
-        this.description = "igHierarchicalGrid export template for React";
-        this.projectType = "es6";
-        this.components = ["Hierarchical Grid"];
-        this.controlGroup = "Data Grids";
-        this.dependencies = ["igHierarchicalGrid"];
-        this.packages = ["file-saver@^2.0.5"];
-        this.gridHelper = new GridHelper_1.GridHelper();
-        this.gridHelper.hierarchical = true;
-        this.hasExtraConfiguration = true;
-        this.extraConfigurations.push({
-            choices: ["Paging", "Hiding"],
-            default: "",
-            key: "features",
-            message: "Select features for the igHierarchicalGrid",
-            type: 1 /* ControlExtraConfigType.MultiChoice */
-        });
-    }
-    generateConfig(name, ...options) {
-        const features = this.gridHelper.generateFeatures(this.userExtraConfiguration["features"], 5);
-        const config = { gridfeatures: features };
-        return super.generateConfig(name, { extraConfig: config });
-    }
-    getExtraConfiguration() {
-        return this.extraConfigurations;
-    }
-    setExtraConfiguration(extraConfigKeys) {
-        this.userExtraConfiguration = extraConfigKeys;
-    }
-}
-module.exports = new HierarchicalGridExportTemplate();

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

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

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

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

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

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

package/templates/react/es6/index.js

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

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

@@ -1,76 +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 = {
-      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/index.d.ts

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

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

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

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

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

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

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

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

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

package/templates/react/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 PieChartComponent extends cli_core_1.BaseComponent {
-    /**
-     *
-     */
-    constructor() {
-        super(__dirname);
-        this.name = "Pie Chart";
-        this.group = "Charts";
-        this.description = "igPieChart illustrate proportion.";
-    }
-}
-module.exports = new PieChartComponent();

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

@@ -1,38 +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 = {
-      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/index.d.ts

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

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

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

package/templates/react/es6/projects/empty/files/README.md

@@ -1,36 +0,0 @@
-# $(name)
-
-This project was generated with [IgniteUI CLI](https://github.com/IgniteUI/igniteui-cli) version $(cliVersion).
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Development server
-
-Run `ig start` to build the application, start a web server and open the application in the default browser. Then navigate to `http://localhost:3002/`. 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` lists all available templates. When you run the command within a project folder it will list all available templates, even if you have provided different ones.
-
-## 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", "combo", 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.
-
-## Help
-
-`ig help` lists the available commands and provides a brief description of what they do.
-
-### Further help
-
-To get more help on the IgniteUI CLI go check out the [IgniteUI CLI Wiki](https://github.com/IgniteUI/igniteui-cli/wiki).

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

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

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

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

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

@@ -1,6 +0,0 @@
-{
-	"extends": [
-		"react-app",
-		"react-app/jest"
-	]
-}

package/templates/react/es6/projects/empty/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/es6/projects/empty/files/ignite-ui-cli.json

@@ -1,21 +0,0 @@
-{
-  "version": "$(cliVersion)",
-  "project": {
-    "defaultPort": 3002,
-    "framework": "react",
-    "projectType": "es6",
-    "projectTemplate": "empty",
-    "theme": "$(theme)",
-    "themePath": "$(themePath)",
-    "cssPath": "$(cssPath)",
-    "jsPath": "$(jsPath)",
-    "isBundle": false,
-    "bundleFilePath": "",
-    "igniteuiSource": "./node_modules/ignite-ui",
-    "components": [],
-    "isShowcase": false,
-    "version": "",
-    "sourceRoot": "./"
-  },
-  "build": {}
-}

package/templates/react/es6/projects/empty/files/package.json

@@ -1,36 +0,0 @@
-{
-  "name": "$(dash-name)",
-  "version": "0.0.0",
-  "private": true,
-  "dependencies": {
-    "ignite-ui": "~23.1",
-    "igniteui-react": "~19.2.0",
-    "jquery": "^3.7.1",
-    "jquery-ui": "^1.13.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-router-dom": "^4.3.1",
-    "react-scripts": "4.0.3",
-    "web-vitals": "^1.0.1"
-  },
-  "devDependencies": {
-    "igniteui-cli": "^$(cliVersion)"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "eject": "react-scripts eject"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  }
-}

package/templates/react/es6/projects/empty/files/public/index.html

@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8" />
-  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <meta name="theme-color" content="#000000" />
-  <meta name="description" content="Web site created using create-react-app" />
-  <!--
-      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>Ignite UI CLI React Wrappers</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/es6/projects/empty/files/public/manifest.json

@@ -1,15 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "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/es6/projects/empty/files/public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

package/templates/react/es6/projects/empty/files/src/App.css

@@ -1,52 +0,0 @@
-.content {
-  display: flex;
-  justify-content: center;
-}
-
-/* quick nav menubar */
-nav,
-.app__name {
-  background-color: rgb(0, 153, 255);
-  box-sizing: border-box;
-}
-.app__name {
-  font-weight: 600;
-  font-size: 24px;
-  line-height: 32px;
-  padding-left: 24px;
-  text-align: left;
-  color: #fff;
-  padding-bottom: 8px;
-}
-
-nav ul {
-  list-style: none;
-  display: flex;
-  justify-content: flex-start;
-  flex-wrap: wrap;
-  margin: 0;
-  padding: 0;
-}
-
-nav ul a {
-  color: #fff;
-  line-height: 2;
-  text-decoration: none;
-  margin: 0 5px;
-}
-
-nav ul a.active {
-  color: #fff;
-  font-weight: 600;
-}
-nav ul li {
-  margin: 0px 16px;
-  box-sizing: border-box;
-  border-bottom: 1px solid transparent;
-}
-nav ul li.active {
-  border-bottom: 2px solid #fff;
-}
-nav ul li:not(.active):hover {
-  border-bottom: 1px solid #fff;
-}

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

@@ -1,39 +0,0 @@
-import React 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 "jquery";
-import "jquery-ui";
-import "./igniteuiResources.js";
-
-const name = "$(name)";
-
-function App() {
-  return (
-    <Router>
-      <div className="app">
-        <div className="app__name">{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>
-    </Router>
-  );
-}
-
-export default App;

package/templates/react/es6/projects/empty/files/src/components/home/index.js

@@ -1,25 +0,0 @@
-import React, { Component } from "react";
-
-export default class Home extends Component {
-  state = {};
-
-  render() {
-    return (
-      <article>
-        <h1>Welcome to Ignite UI for React Wrappers!</h1>
-        <a
-          href="https://github.com/IgniteUI/igniteui-react-wrappers"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <img
-            src="https://static.infragistics.com/marketing/Website/products/ignite/Ignite-header-apps-960.png"
-            alt="Ignite UI"
-            height="550"
-            width="550"
-          />
-        </a>
-      </article>
-    );
-  }
-}