igniteui-cli 13.1.2 → 13.1.4-beta.0

package/lib/commands/upgrade.js

@@ -42,11 +42,9 @@ command = {
                 case "jquery":
                     cli_core_1.Util.log("Upgrading packages for jQuery projects is currently not supported!");
                     return;
-                case "react":
-                    cli_core_1.Util.log("Upgrading packages for React projects is currently not supported!");
-                    return;
                 case "angular":
-                    if (projectType === "igx-ts") {
+                case "react":
+                    if (projectType === "igx-ts" || projectType === "igr-ts") {
                         const projectLibrary = command.templateManager.getProjectLibrary(framework, projectType);
                         let project;
                         if (!config.project.projectTemplate || !projectLibrary.hasProject(config.project.projectTemplate)) {
@@ -69,7 +67,7 @@ command = {
                             }
                         }
                     }
-                    else {
+                    else if (framework.toLowerCase() === "angular") {
                         cli_core_1.Util.log("Upgrading packages for Angular Wrappers projects is currently not supported!");
                         return;
                     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "13.1.2",
+  "version": "13.1.4-beta.0",
   "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.0.1314-beta.0",
+    "@igniteui/cli-core": "~13.1.4-beta.0",
     "chalk": "^2.3.2",
     "fs-extra": "^3.0.1",
     "glob": "^7.1.2",

package/templates/react/Update.d.ts

@@ -0,0 +1 @@
+export declare function updateWorkspace(rootPath: string): Promise<boolean>;

package/templates/react/Update.js

@@ -0,0 +1,108 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateWorkspace = void 0;
+const cli_core_1 = require("@igniteui/cli-core");
+const path = require("path");
+const package_resolve_1 = require("./package-resolve");
+function updateWorkspace(rootPath) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const fs = cli_core_1.App.container.get(cli_core_1.FS_TOKEN);
+        const upgradeable = (0, package_resolve_1.getUpgradeablePackages)();
+        if (!upgradeable.length) {
+            cli_core_1.Util.log("Your app is already using packages from the Infragistics registry. You are good to go.", "green");
+            return false;
+        }
+        const packageJsonPath = path.join(rootPath, "package.json");
+        const fileString = fs.readFile(packageJsonPath);
+        // check for registry user in npm
+        const config = cli_core_1.ProjectConfig.getConfig();
+        if (!fileString) {
+            cli_core_1.Util.log("Package.json not found!");
+            return false;
+        }
+        const pkgJSON = JSON.parse(fileString);
+        const errorMsg = "Something went wrong, " +
+            "please follow the steps in this guide: https://www.infragistics.com/products/ignite-ui-react/react/components/general-licensing";
+        if (!cli_core_1.PackageManager.ensureRegistryUser(config, errorMsg)) {
+            return false;
+        }
+        const workspace = path.join(rootPath, "src");
+        const logicFiles = [];
+        logicFiles.push(...fs.glob(workspace, "**/*.tsx"));
+        for (const packageDef of upgradeable) {
+            updatePackageJSON(packageDef.trial, packageDef.licensed, pkgJSON);
+        }
+        fs.writeFile(packageJsonPath, cli_core_1.Util.formatPackageJson(pkgJSON));
+        updateFileImports(logicFiles, upgradeable, fs);
+        createNpmrc(rootPath, fs);
+        updateWorkflows(fs);
+        return true;
+    });
+}
+exports.updateWorkspace = updateWorkspace;
+function updateFileContent(fileContent, regexString, replaceWith) {
+    const match = fileContent.match(new RegExp(regexString));
+    if (match) {
+        fileContent = fileContent.replace(new RegExp(regexString, "g"), `$1${replaceWith}$2${match.length === 4 ? "$3" : ""}`);
+    }
+    return fileContent;
+}
+function updateFileImports(logicFiles, packageDefs, fs) {
+    for (const file of logicFiles) {
+        let fileContent = fs.readFile(file);
+        let fileChange = false;
+        for (const packageDef of packageDefs) {
+            if (fileContent.includes(packageDef.trial)) {
+                const regexFrom = String.raw `(from ["'])${packageDef.trial}(?<submodules>\/.*?)?(["'])`;
+                let newContent = updateFileContent(fileContent, regexFrom, packageDef.licensed);
+                const regexImport = String.raw `(import ["'])${packageDef.trial}(?<submodules>\/.*?)?(["'])`;
+                newContent = updateFileContent(newContent, regexImport, packageDef.licensed);
+                fileChange = fileContent !== newContent;
+                fileContent = newContent;
+            }
+        }
+        if (fileChange) {
+            fs.writeFile(file, fileContent);
+        }
+    }
+}
+function updatePackageJSON(initName, replaceWith, pkgJSON) {
+    // update dependencies
+    if (!pkgJSON.dependencies.hasOwnProperty(initName)) {
+        return;
+    }
+    pkgJSON.dependencies[replaceWith] = pkgJSON.dependencies[initName];
+    delete pkgJSON.dependencies[initName];
+    // add "infragistics-login" script
+    const scripts = pkgJSON["scripts"];
+    scripts["infragistics-login"] = "echo \"IMPORTANT: When prompted for username enter in this format `name!!domain.com`\" && npm adduser --registry=https://packages.infragistics.com/npm/js-licensed/ --scope=@infragistics --always-auth";
+}
+function updateWorkflows(fs) {
+    const workflowPath = ".github/workflows/node.js.yml";
+    let workflow = fs.readFile(workflowPath);
+    if (workflow) {
+        const oldNmpInstall = "- run: npm i # replace with \'npm ci\' after committing lock file from first install";
+        const newNpmInstall = `- run: echo "@infragistics:registry=https://packages.infragistics.com/npm/js-licensed/" >> ~/.npmrc
+    - run: echo "//packages.infragistics.com/npm/js-licensed/:_auth=\${{ secrets.NPM_AUTH_TOKEN }}" >> ~/.npmrc
+    - run: echo "//packages.infragistics.com/npm/js-licensed/:always-auth=true" >> ~/.npmrc
+    - run: npm i # replace with \'npm ci\' after committing lock file from first install`;
+        workflow = workflow.replace(oldNmpInstall, newNpmInstall);
+        fs.writeFile(workflowPath, workflow);
+    }
+}
+function createNpmrc(rootPath, fs) {
+    const npmrcPath = path.join(rootPath, ".npmrc");
+    const fileContent = `@infragistics:registry=https://packages.infragistics.com/npm/js-licensed/
+//packages.infragistics.com/npm/js-licensed/:always-auth=true
+`;
+    fs.writeFile(npmrcPath, fileContent);
+}

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/src/app/style-utils.ts

@@ -0,0 +1,12 @@
+/**
+ * Creates a class transformer function that maps matches from a module object
+ * @param styles Object map of classes and their scoped name, normally from a CSS Module import
+ */
+export default function createClassTransformer(styles: any) {
+	return (classes: string) => {
+		return classes
+			.split(' ')
+			.map(className => styles[className] || className)
+			.join(' ');
+	}
+}

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

@@ -12,6 +12,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseIgrTsProject = void 0;
 const cli_core_1 = require("@igniteui/cli-core");
 const path = require("path");
+const Update_1 = require("../../../Update");
 class BaseIgrTsProject {
     constructor() {
         this.id = "base";
@@ -33,7 +34,7 @@ class BaseIgrTsProject {
     }
     upgradeIgniteUIPackages(projectPath, packagePath) {
         return __awaiter(this, void 0, void 0, function* () {
-            throw new Error("Method not implemented.");
+            return (0, Update_1.updateWorkspace)(projectPath);
         });
     }
     getExtraConfiguration() {
@@ -51,7 +52,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/react/package-resolve.d.ts

@@ -0,0 +1,35 @@
+export declare const NPM_REACT = "igniteui-react";
+export declare const FEED_REACT = "@infragistics/igniteui-react";
+export declare const NPM_REACT_CORE = "igniteui-react-core";
+export declare const FEED_REACT_CORE = "@infragistics/igniteui-react-core";
+export declare const NPM_REACT_CHARTS = "igniteui-react-charts";
+export declare const FEED_REACT_CHARTS = "@infragistics/igniteui-react-charts";
+export declare const NPM_REACT_GAUGES = "igniteui-react-gauges";
+export declare const FEED_REACT_GAUGES = "@infragistics/igniteui-react-gauges";
+export declare const NPM_REACT_GRIDS = "igniteui-react-grids";
+export declare const FEED_REACT_GRIDS = "@infragistics/igniteui-react-grids";
+export declare const NPM_REACT_INPUTS = "igniteui-react-inputs";
+export declare const FEED_REACT_INPUTS = "@infragistics/igniteui-react-inputs";
+export declare const NPM_REACT_LAYOUTS = "igniteui-react-layouts";
+export declare const FEED_REACT_LAYOUTS = "@infragistics/igniteui-react-layouts";
+export declare const NPM_REACT_MAPS = "igniteui-react-maps";
+export declare const FEED_REACT_MAPS = "@infragistics/igniteui-react-maps";
+export declare const NPM_DOCK_MANAGER = "igniteui-dockmanager";
+export declare const FEED_DOCK_MANAGER = "@infragistics/igniteui-dockmanager";
+export interface PackageDefinition {
+    trial: string;
+    licensed: string;
+}
+/** packages map of `trial: licensed` names */
+export declare const UPGRADEABLE_PACKAGES: {
+    "igniteui-react": string;
+    "igniteui-react-core": string;
+    "igniteui-react-charts": string;
+    "igniteui-react-gauges": string;
+    "igniteui-react-grids": string;
+    "igniteui-react-inputs": string;
+    "igniteui-react-layouts": string;
+    "igniteui-react-maps": string;
+    "igniteui-dockmanager": string;
+};
+export declare function getUpgradeablePackages(): PackageDefinition[];

package/templates/react/package-resolve.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUpgradeablePackages = exports.UPGRADEABLE_PACKAGES = exports.FEED_DOCK_MANAGER = exports.NPM_DOCK_MANAGER = exports.FEED_REACT_MAPS = exports.NPM_REACT_MAPS = exports.FEED_REACT_LAYOUTS = exports.NPM_REACT_LAYOUTS = exports.FEED_REACT_INPUTS = exports.NPM_REACT_INPUTS = exports.FEED_REACT_GRIDS = exports.NPM_REACT_GRIDS = exports.FEED_REACT_GAUGES = exports.NPM_REACT_GAUGES = exports.FEED_REACT_CHARTS = exports.NPM_REACT_CHARTS = exports.FEED_REACT_CORE = exports.NPM_REACT_CORE = exports.FEED_REACT = exports.NPM_REACT = void 0;
+const cli_core_1 = require("@igniteui/cli-core");
+exports.NPM_REACT = "igniteui-react";
+exports.FEED_REACT = "@infragistics/igniteui-react";
+exports.NPM_REACT_CORE = "igniteui-react-core";
+exports.FEED_REACT_CORE = "@infragistics/igniteui-react-core";
+exports.NPM_REACT_CHARTS = "igniteui-react-charts";
+exports.FEED_REACT_CHARTS = "@infragistics/igniteui-react-charts";
+exports.NPM_REACT_GAUGES = "igniteui-react-gauges";
+exports.FEED_REACT_GAUGES = "@infragistics/igniteui-react-gauges";
+exports.NPM_REACT_GRIDS = "igniteui-react-grids";
+exports.FEED_REACT_GRIDS = "@infragistics/igniteui-react-grids";
+exports.NPM_REACT_INPUTS = "igniteui-react-inputs";
+exports.FEED_REACT_INPUTS = "@infragistics/igniteui-react-inputs";
+exports.NPM_REACT_LAYOUTS = "igniteui-react-layouts";
+exports.FEED_REACT_LAYOUTS = "@infragistics/igniteui-react-layouts";
+exports.NPM_REACT_MAPS = "igniteui-react-maps";
+exports.FEED_REACT_MAPS = "@infragistics/igniteui-react-maps";
+exports.NPM_DOCK_MANAGER = "igniteui-dockmanager";
+exports.FEED_DOCK_MANAGER = "@infragistics/igniteui-dockmanager";
+/** packages map of `trial: licensed` names */
+exports.UPGRADEABLE_PACKAGES = {
+    [exports.NPM_REACT]: exports.FEED_REACT,
+    [exports.NPM_REACT_CORE]: exports.FEED_REACT_CORE,
+    [exports.NPM_REACT_CHARTS]: exports.FEED_REACT_CHARTS,
+    [exports.NPM_REACT_GAUGES]: exports.FEED_REACT_GAUGES,
+    [exports.NPM_REACT_GRIDS]: exports.FEED_REACT_GRIDS,
+    [exports.NPM_REACT_INPUTS]: exports.FEED_REACT_INPUTS,
+    [exports.NPM_REACT_LAYOUTS]: exports.FEED_REACT_LAYOUTS,
+    [exports.NPM_REACT_MAPS]: exports.FEED_REACT_MAPS,
+    [exports.NPM_DOCK_MANAGER]: exports.FEED_DOCK_MANAGER
+};
+function getUpgradeablePackages() {
+    const fs = cli_core_1.App.container.get(cli_core_1.FS_TOKEN);
+    const upgradeable = [];
+    if (fs.fileExists("./package.json")) {
+        const packageJson = JSON.parse(fs.readFile("./package.json"));
+        const dependencies = packageJson["dependencies"];
+        for (const packageEntry in exports.UPGRADEABLE_PACKAGES) {
+            if (dependencies[packageEntry]) {
+                upgradeable.push({
+                    trial: packageEntry,
+                    licensed: exports.UPGRADEABLE_PACKAGES[packageEntry]
+                });
+            }
+        }
+    }
+    return upgradeable;
+}
+exports.getUpgradeablePackages = getUpgradeablePackages;

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();