igniteui-cli 13.1.2 → 13.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "13.1.2",
+  "version": "13.1.3",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -72,8 +72,8 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "~17.1.1312",
-    "@igniteui/cli-core": "~13.1.2",
+    "@igniteui/angular-templates": "~17.1.1313",
+    "@igniteui/cli-core": "~13.1.3",
     "chalk": "^2.3.2",
     "fs-extra": "^3.0.1",
     "glob": "^7.1.2",

package/templates/react/igr-ts/projects/_base/files/__dot__github/workflows/node.js.yml

@@ -0,0 +1,33 @@
+# This workflow will do a clean install of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Node.js CI
+
+on:
+  push:
+    branches: [ $(yamlDefaultBranch) ]
+  pull_request:
+    branches: [ $(yamlDefaultBranch) ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [14.x, 16.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v2
+      with:
+        node-version: ${{ matrix.node-version }}
+        # cache: 'npm' # enable after committing lock file from first install
+    - run: npm i # replace with 'npm ci' after committing lock file from first install
+#    - run: npm run lint
+    - run: npm run build
+    - run: npm run test
+

package/templates/react/igr-ts/projects/_base/files/vite.config.ts

@@ -18,6 +18,7 @@ export default defineConfig({
 		mainFields: ['module'],
 	},
 	server: {
+		open: true,
 		port: 3003
 	}
 })

package/templates/react/igr-ts/projects/_base/index.d.ts

@@ -25,5 +25,6 @@ export declare class BaseIgrTsProject implements ProjectTemplate {
         dot: string;
         path: string;
         projectTemplate: string;
+        yamlDefaultBranch: string;
     };
 }

package/templates/react/igr-ts/projects/_base/index.js

@@ -51,7 +51,8 @@ class BaseIgrTsProject {
             "description": this.description,
             "dot": ".",
             "path": name,
-            "projectTemplate": this.id
+            "projectTemplate": this.id,
+            "yamlDefaultBranch": this.id === "base" ? "<%=yaml-default-branch%>" : "main"
         };
     }
 }

package/templates/webcomponents/igc-ts/button-group/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path).js';
+
+describe('IgcButtonGroupComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/button-group/default/files/src/app/__path__/__filePrefix__.ts

@@ -0,0 +1,21 @@
+import { html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import {
+  defineComponents,
+  IgcButtonGroupComponent,
+} from 'igniteui-webcomponents';
+
+defineComponents(IgcButtonGroupComponent);
+
+@customElement('app-$(path)')
+export default class $(ClassName) extends LitElement {
+    render() {
+        return html`
+          <igc-button-group>
+            <igc-toggle-button value="left">Left</igc-toggle-button>
+            <igc-toggle-button value="center">Center</igc-toggle-button>
+            <igc-toggle-button value="right">Right</igc-toggle-button>
+          </igc-button-group>
+        `;
+      }
+}

package/templates/webcomponents/igc-ts/button-group/default/index.d.ts

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

package/templates/webcomponents/igc-ts/button-group/default/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForWebComponentsTemplate_1 = require("../../../../../lib/templates/IgniteUIForWebComponentsTemplate");
+class IgcTabsTemplate extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebComponentsTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["ButtonGroup"];
+        this.controlGroup = "Data Entry & Display";
+        this.listInComponentTemplates = true;
+        this.id = "button-group";
+        this.projectType = "igc-ts";
+        this.name = "Button group";
+        this.description = "basic IgcButtonGroup";
+    }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
+}
+module.exports = new IgcTabsTemplate();

package/templates/webcomponents/igc-ts/button-group/index.d.ts

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

package/templates/webcomponents/igc-ts/button-group/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgcButtonGroupComponent extends cli_core_1.BaseComponent {
+    /**
+     *
+     */
+    constructor() {
+        super(__dirname);
+        this.name = "Button group";
+        this.group = "Data Entry & Display";
+        this.description = `Basic button group component`;
+    }
+}
+module.exports = new IgcButtonGroupComponent();

package/templates/webcomponents/igc-ts/grid/grid-editing/files/src/app/__path__/__filePrefix__.ts

@@ -3,7 +3,7 @@ import { customElement } from 'lit/decorators.js';
 import {
   EditModeType,
   GridActivationMode,
-  GridSelectionMode,
+  DataGridSelectionMode,
   IgcDataGridComponent,
   IgcDataGridModule,
   IgcGridCellValueChangingEventArgs,
@@ -193,7 +193,7 @@ export default class $(ClassName) extends LitElement {
     if (grid !== null) {
       grid.dataSource = this.data;
       grid.activationMode = GridActivationMode.Cell;
-      grid.selectionMode = GridSelectionMode.SingleCell;
+      grid.selectionMode = DataGridSelectionMode.SingleCell;
       grid.editMode = EditModeType.Cell;
       grid.cellValueChanging = onCellValueChanging;
     }

package/templates/webcomponents/igc-ts/projects/_base/files/package.json

@@ -23,7 +23,7 @@
     "@vaadin/router": "^1.7.4",
     "lit": "^2.6.1",
     "typescript": "^4.9.4",
-    "igniteui-webcomponents": "~4.3.0"
+    "igniteui-webcomponents": "~4.7.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.20.2",

package/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json

@@ -22,14 +22,14 @@
   "dependencies": {
     "@vaadin/router": "^1.7.4",
     "@igniteui/material-icons-extended": "^2.11.0",
-    "igniteui-dockmanager": "~1.8.0",
-    "igniteui-webcomponents": "~4.3.0",
-    "igniteui-webcomponents-charts": "~4.3.0",
-    "igniteui-webcomponents-core": "~4.3.0",
-    "igniteui-webcomponents-gauges": "~4.3.0",
-    "igniteui-webcomponents-grids": "~4.3.0",
-    "igniteui-webcomponents-inputs": "~4.3.0",
-    "igniteui-webcomponents-layouts": "~4.3.0",
+    "igniteui-dockmanager": "~1.14.3",
+    "igniteui-webcomponents": "~4.7.0",
+    "igniteui-webcomponents-charts": "~4.7.0",
+    "igniteui-webcomponents-core": "~4.7.0",
+    "igniteui-webcomponents-gauges": "~4.7.0",
+    "igniteui-webcomponents-grids": "~4.7.0",
+    "igniteui-webcomponents-inputs": "~4.7.0",
+    "igniteui-webcomponents-layouts": "~4.7.0",
     "lit": "^2.6.1",
     "typescript": "^4.9.4"
   },

package/templates/webcomponents/igc-ts/text-area/default/files/src/app/__path__/__filePrefix__.test.ts

@@ -0,0 +1,9 @@
+import { expect } from '@open-wc/testing';
+import $(ClassName) from './$(path).js';
+
+describe('IgcTextareaComponent', () => {
+  it('<app-$(path)> is an instance of $(ClassName)', async () => {
+    const element = document.createElement('app-$(path)');
+    expect(element).to.be.instanceOf($(ClassName));
+  });
+});

package/templates/webcomponents/igc-ts/text-area/default/files/src/app/__path__/__filePrefix__.ts

@@ -0,0 +1,19 @@
+import { html, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import {
+  defineComponents,
+  IgcTextareaComponent,
+} from 'igniteui-webcomponents';
+
+defineComponents(IgcTextareaComponent);
+
+@customElement('app-$(path)')
+export default class $(ClassName) extends LitElement {
+  render() {
+      return html`
+        <igc-textarea
+          label="Leave your comment">
+        </igc-textarea>
+      `;
+  }
+}

package/templates/webcomponents/igc-ts/text-area/default/index.d.ts

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

package/templates/webcomponents/igc-ts/text-area/default/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForWebComponentsTemplate_1 = require("../../../../../lib/templates/IgniteUIForWebComponentsTemplate");
+class IgcTextareaComponent extends IgniteUIForWebComponentsTemplate_1.IgniteUIForWebComponentsTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Teaxtarea"];
+        this.controlGroup = "Data Entry & Display";
+        this.listInComponentTemplates = true;
+        this.id = "text-area";
+        this.projectType = "igc-ts";
+        this.name = "Text area";
+        this.description = "basic IgcTextarea";
+    }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
+}
+module.exports = new IgcTextareaComponent();

package/templates/webcomponents/igc-ts/text-area/index.d.ts

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

package/templates/webcomponents/igc-ts/text-area/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgcTextareaComponent extends cli_core_1.BaseComponent {
+    /**
+     *
+     */
+    constructor() {
+        super(__dirname);
+        this.name = "Text area";
+        this.group = "Data Entry & Display";
+        this.description = `Basic text area component`;
+    }
+    addClassDeclaration(mainModule, projPath, name, modulePath) {
+        // not applicable with custom module
+    }
+}
+module.exports = new IgcTextareaComponent();