igniteui-cli 14.10.0-alpha.4 → 15.0.0-rc.0

package/lib/PromptSession.js

@@ -93,7 +93,7 @@ class PromptSession extends cli_core_1.BasePromptSession {
                     name: "framework",
                     message: "Choose framework:",
                     choices: this.getFrameworkNames(),
-                    default: "jQuery"
+                    default: "Angular"
                 });
                 const framework = this.templateManager.getFrameworkByName(frameRes);
                 // app name validation???

package/lib/commands/types.d.ts

@@ -18,7 +18,7 @@ export interface PositionalArgs {
     framework?: string;
     /** The name of the project */
     name?: string;
-    /** The type of the project. (eg. igx-ts, igx-ts-legacy) */
+    /** The type of the project. (eg. igx-ts) */
     type?: string;
     /** Which theme to use when creating a new project. */
     theme?: string;

package/migrations/{update-13_1_0 → legacy-type}/index.js

@@ -4,15 +4,13 @@ exports.default = default_1;
 function default_1(options) {
     return (host, context) => {
         var _a;
-        if (!options.applyMigrations) {
-            return;
-        }
-        context.logger.info("We've updated your project type to `igx-ts-legacy` to continue using `NgModule`-s. You can always change back to `igx-ts` should you want to start using Standalone Components.");
         const igConfig = "./ignite-ui-cli.json";
         if (host.exists(igConfig)) {
             const content = JSON.parse(host.read(igConfig).toString());
-            if (((_a = content === null || content === void 0 ? void 0 : content.project) === null || _a === void 0 ? void 0 : _a.projectType) === "igx-ts") {
-                content.project.projectType = "igx-ts-legacy";
+            if (((_a = content === null || content === void 0 ? void 0 : content.project) === null || _a === void 0 ? void 0 : _a.projectType) === "igx-ts-legacy") {
+                content.project.projectType = "igx-ts";
+                context.logger.info("We've updated your project type to `igx-ts` to continue using Ignite UI CLI. The `igx-ts-legacy` NgModule-based project type is no longer supported. Adding new components might not register correctly.");
+                context.logger.info("We recommend using Angular's standalone migration: https://angular.dev/reference/migrations/standalone");
                 host.overwrite(igConfig, JSON.stringify(content, null, 2));
             }
         }

package/migrations/{update-13_1_0 → legacy-type}/index.spec.js

@@ -35,7 +35,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const path = __importStar(require("path"));
 const schematics_1 = require("@angular-devkit/schematics");
 const testing_1 = require("@angular-devkit/schematics/testing");
-describe("Update 13.1.0", () => {
+describe("Legacy type", () => {
     let appTree;
     const schematicRunner = new testing_1.SchematicTestRunner("ig-migrate", path.join(__dirname, "../migration-collection.json"));
     beforeEach(() => {
@@ -51,7 +51,7 @@ describe("Update 13.1.0", () => {
   "project": {
     "defaultPort": 4200,
     "framework": "angular",
-    "projectType": "igx-ts",
+    "projectType": "igx-ts-legacy",
     "projectTemplate": "side-nav",
     "theme": "Default",
     "themePath": "node_modules/igniteui-angular/styles/igniteui-angular.css",
@@ -65,7 +65,7 @@ describe("Update 13.1.0", () => {
   },
   "build": {}
 }`);
-        const tree = yield schematicRunner.runSchematic("migration-07", { applyMigrations: true }, appTree);
+        const tree = yield schematicRunner.runSchematic("legacy-type", {}, appTree);
         expect(tree.readContent("./ignite-ui-cli.json"))
             .toEqual(`{
   "igPackageRegistry": "https://packages.infragistics.com/npm/js-licensed/",
@@ -76,7 +76,7 @@ describe("Update 13.1.0", () => {
   "project": {
     "defaultPort": 4200,
     "framework": "angular",
-    "projectType": "igx-ts-legacy",
+    "projectType": "igx-ts",
     "projectTemplate": "side-nav",
     "theme": "Default",
     "themePath": "node_modules/igniteui-angular/styles/igniteui-angular.css",

package/migrations/migration-collection.json

@@ -1,42 +1,11 @@
 {
-    "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json",
-    "encapsulation": "true",
-    "schematics": {
-        "migration-01": {
-            "version": "2.0.0",
-            "description": "Updates Ignite UI for Angular project from 1.3",
-            "factory": "./update-2"
-        },
-        "migration-02": {
-            "version": "3.0.0",
-            "description": "Updates Ignite UI for Angular project from 2.1.x",
-            "factory": "./update-3"
-        },
-        "migration-03": {
-            "version": "3.2.0",
-            "description": "Updates Ignite UI for Angular project from 3.1.x",
-            "factory": "./update-3_2"
-        },
-        "migration-04": {
-            "version": "4.2.3",
-            "description": "Updates Ignite UI for Angular project from 4.2.x",
-            "factory": "./update-4_2_3"
-        },
-        "migration-05": {
-            "version": "5.0.0",
-            "description": "Updates Ignite UI for Angular project from CLI 4.4.x to 5.0.0",
-            "factory": "./update-5_0_0"
-        },
-        "migration-06": {
-            "version": "5.0.3",
-            "description": "Updates Ignite UI for Angular project from CLI 5.0.x to 5.0.3",
-            "factory": "./update-5_0_3"
-        },
-		"migration-07": {
-			"version": "13.1.0",
-			"description": "Updates Ignite UI for Angular Schematics project from 13.0.x to 13.1.x",
-			"factory": "./update-13_1_0",
-			"schema": "./schema.json"
-		}
+  "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "encapsulation": "true",
+  "schematics": {
+    "legacy-type": {
+      "version": "15.0.0",
+      "description": "Updates Ignite UI for Angular Schematics legacy project type to igx-ts",
+      "factory": "./legacy-type"
     }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "14.10.0-alpha.4",
+  "version": "15.0.0-rc.0",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -66,9 +66,9 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "^21.1.14100-alpha.4",
-    "@igniteui/cli-core": "^14.10.0-alpha.4",
-    "@igniteui/mcp-server": "^14.10.0-alpha.4",
+    "@igniteui/angular-templates": "~21.1.1500-rc.0",
+    "@igniteui/cli-core": "~15.0.0-rc.0",
+    "@igniteui/mcp-server": "~15.0.0-rc.0",
     "@inquirer/prompts": "^7.9.0",
     "@types/yargs": "^17.0.33",
     "chalk": "^5.3.0",

package/templates/react/igr-ts/accordion/default/files/src/app/__path__/__filePrefix__.test.tsx

@@ -0,0 +1,13 @@
+import { beforeAll, expect, test } from 'vitest';
+import { render } from '@testing-library/react';
+import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
+
+test('renders $(ClassName) component', () => {
+  const wrapper = render(<$(ClassName) />);
+  expect(wrapper).toBeTruthy();
+});

package/templates/react/igr-ts/accordion/default/files/src/app/__path__/__filePrefix__.tsx

@@ -0,0 +1,27 @@
+import style from './style.module.css';
+import { IgrAccordion, IgrExpansionPanel } from 'igniteui-react';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+
+export default function $(ClassName)() {
+  return (
+    <div>
+      <h1 className={style.title}>Accordion</h1>
+      <div className={style.container}>
+        <IgrAccordion singleExpand={false}>
+          <IgrExpansionPanel>
+            <div slot="title">Ignite UI for React</div>
+            <p>Ignite UI for React is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.</p>
+          </IgrExpansionPanel>
+          <IgrExpansionPanel>
+            <div slot="title">Ignite UI for Angular</div>
+            <p>Ignite UI for Angular is a complete set of Material-based UI Widgets, Components and Sketch UI kits by Infragistics.</p>
+          </IgrExpansionPanel>
+          <IgrExpansionPanel>
+            <div slot="title">Ignite UI for Web Components</div>
+            <p>Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications.</p>
+          </IgrExpansionPanel>
+        </IgrAccordion>
+      </div>
+    </div>
+  );
+}

package/templates/react/igr-ts/accordion/default/files/src/app/__path__/style.module.css

@@ -0,0 +1,9 @@
+:local(.container) {
+  padding-top: 24px;
+  display: flex;
+  flex-flow: row;
+  justify-content: space-around;
+}
+:local(.title) {
+  color: rgb(0, 153, 255);
+}

package/templates/react/igr-ts/accordion/default/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+class IgrAccordionTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Accordion"];
+        this.controlGroup = "Layouts";
+        this.listInComponentTemplates = true;
+        this.id = "accordion";
+        this.projectType = "igr-ts";
+        this.name = "Accordion";
+        this.description = "basic IgrAccordion";
+        this.packages = ["igniteui-react@~19.5.2"];
+    }
+}
+module.exports = new IgrAccordionTemplate();

package/templates/react/igr-ts/accordion/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgrAccordionComponent extends cli_core_1.BaseComponent {
+    constructor() {
+        super(__dirname);
+        this.name = "Accordion";
+        this.group = "Layouts";
+        this.description = `enables displaying of content in a vertically collapsible fashion.`;
+    }
+}
+module.exports = new IgrAccordionComponent();

package/templates/react/igr-ts/avatar/default/files/src/app/__path__/__filePrefix__.test.tsx

@@ -0,0 +1,13 @@
+import { beforeAll, expect, test } from 'vitest';
+import { render } from '@testing-library/react';
+import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
+
+test('renders $(ClassName) component', () => {
+  const wrapper = render(<$(ClassName) />);
+  expect(wrapper).toBeTruthy();
+});

package/templates/react/igr-ts/avatar/default/files/src/app/__path__/__filePrefix__.tsx

@@ -0,0 +1,16 @@
+import style from './style.module.css';
+import { IgrAvatar } from 'igniteui-react';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+
+export default function $(ClassName)() {
+  return (
+    <div>
+      <h1 className={style.title}>Avatar</h1>
+      <div className={style.container}>
+        <IgrAvatar shape="circle" size="large" initials="JD" />
+        <IgrAvatar shape="rounded" size="medium" initials="AB" />
+        <IgrAvatar shape="circle" size="small" initials="CD" />
+      </div>
+    </div>
+  );
+}

package/templates/react/igr-ts/avatar/default/files/src/app/__path__/style.module.css

@@ -0,0 +1,9 @@
+:local(.container) {
+  padding-top: 24px;
+  display: flex;
+  flex-flow: row;
+  justify-content: space-around;
+}
+:local(.title) {
+  color: rgb(0, 153, 255);
+}

package/templates/react/igr-ts/avatar/default/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+class IgrAvatarTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Avatar"];
+        this.controlGroup = "Layouts";
+        this.listInComponentTemplates = true;
+        this.id = "avatar";
+        this.projectType = "igr-ts";
+        this.name = "Avatar";
+        this.description = "displays an avatar with customizable shape, size, and initials.";
+        this.packages = ["igniteui-react@~19.5.2"];
+    }
+}
+module.exports = new IgrAvatarTemplate();

package/templates/react/igr-ts/avatar/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgrAvatarComponent extends cli_core_1.BaseComponent {
+    constructor() {
+        super(__dirname);
+        this.name = "Avatar";
+        this.group = "Layouts";
+        this.description = `displays an avatar with customizable shape, size, and initials.`;
+    }
+}
+module.exports = new IgrAvatarComponent();

package/templates/react/igr-ts/badge/default/files/src/app/__path__/__filePrefix__.test.tsx

@@ -0,0 +1,13 @@
+import { beforeAll, expect, test } from 'vitest';
+import { render } from '@testing-library/react';
+import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
+
+test('renders $(ClassName) component', () => {
+  const wrapper = render(<$(ClassName) />);
+  expect(wrapper).toBeTruthy();
+});

package/templates/react/igr-ts/badge/default/files/src/app/__path__/__filePrefix__.tsx

@@ -0,0 +1,16 @@
+import style from './style.module.css';
+import { IgrBadge } from 'igniteui-react';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+
+export default function $(ClassName)() {
+  return (
+    <div>
+      <h1 className={style.title}>Badge</h1>
+      <div className={style.container}>
+        <IgrBadge outlined={true}>Awaiting test</IgrBadge>
+        <IgrBadge outlined={true} variant="danger">Critical issue</IgrBadge>
+        <IgrBadge outlined={true} variant="success">Verified</IgrBadge>
+      </div>
+    </div>
+  );
+}

package/templates/react/igr-ts/badge/default/files/src/app/__path__/style.module.css

@@ -0,0 +1,9 @@
+:local(.container) {
+  padding-top: 24px;
+  display: flex;
+  flex-flow: row;
+  justify-content: space-around;
+}
+:local(.title) {
+  color: rgb(0, 153, 255);
+}

package/templates/react/igr-ts/badge/default/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+class IgrBadgeTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Badge"];
+        this.controlGroup = "Data Entry & Display";
+        this.listInComponentTemplates = true;
+        this.id = "badge";
+        this.projectType = "igr-ts";
+        this.name = "Badge";
+        this.description = "displays a badge with customizable variants and styles.";
+        this.packages = ["igniteui-react@~19.5.2"];
+    }
+}
+module.exports = new IgrBadgeTemplate();

package/templates/react/igr-ts/badge/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgrBadgeComponent extends cli_core_1.BaseComponent {
+    constructor() {
+        super(__dirname);
+        this.name = "Badge";
+        this.group = "Data Entry & Display";
+        this.description = `displays a badge with customizable variants and styles.`;
+    }
+}
+module.exports = new IgrBadgeComponent();

package/templates/react/igr-ts/banner/default/files/src/app/__path__/__filePrefix__.test.tsx

@@ -0,0 +1,13 @@
+import { beforeAll, expect, test } from 'vitest';
+import { render } from '@testing-library/react';
+import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
+
+test('renders $(ClassName) component', () => {
+  const wrapper = render(<$(ClassName) />);
+  expect(wrapper).toBeTruthy();
+});

package/templates/react/igr-ts/banner/default/files/src/app/__path__/__filePrefix__.tsx

@@ -0,0 +1,16 @@
+import style from './style.module.css';
+import { IgrBanner } from 'igniteui-react';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+
+export default function $(ClassName)() {
+  return (
+    <div>
+      <h1 className={style.title}>Banner</h1>
+      <div className={style.container}>
+        <IgrBanner open={true}>
+          You are currently not logged in! Please, log into your account first.
+        </IgrBanner>
+      </div>
+    </div>
+  );
+}

package/templates/react/igr-ts/banner/default/files/src/app/__path__/style.module.css

@@ -0,0 +1,9 @@
+:local(.container) {
+  padding-top: 24px;
+  display: flex;
+  flex-flow: row;
+  justify-content: space-around;
+}
+:local(.title) {
+  color: rgb(0, 153, 255);
+}

package/templates/react/igr-ts/banner/default/index.d.ts

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

package/templates/react/igr-ts/banner/default/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+class IgrBannerTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Banner"];
+        this.controlGroup = "Notifications";
+        this.listInComponentTemplates = true;
+        this.id = "banner";
+        this.projectType = "igr-ts";
+        this.name = "Banner";
+        this.description = "basic IgrBanner";
+        this.packages = ["igniteui-react@~19.5.2"];
+    }
+}
+module.exports = new IgrBannerTemplate();

package/templates/react/igr-ts/banner/index.d.ts

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

package/templates/react/igr-ts/banner/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgrBannerComponent extends cli_core_1.BaseComponent {
+    constructor() {
+        super(__dirname);
+        this.name = "Banner";
+        this.group = "Notifications";
+        this.description = `displays banner component`;
+    }
+}
+module.exports = new IgrBannerComponent();

package/templates/react/igr-ts/bullet-graph/default/index.js

@@ -11,7 +11,7 @@ class IgrTsBulletGraphTemplate extends IgniteUIForReactTemplate_1.IgniteUIForRea
         this.projectType = "igr-ts";
         this.name = "Bullet Graph";
         this.description = `allows for a linear and concise view of measures compared against a scale.`;
-        this.packages = ["igniteui-react-gauges@~19.2.3"];
+        this.packages = ["igniteui-react-gauges@~19.5.2"];
     }
 }
 module.exports = new IgrTsBulletGraphTemplate();

package/templates/react/igr-ts/button/default/files/src/app/__path__/__filePrefix__.test.tsx

@@ -0,0 +1,13 @@
+import { beforeAll, expect, test } from 'vitest';
+import { render } from '@testing-library/react';
+import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
+
+test('renders $(ClassName) component', () => {
+  const wrapper = render(<$(ClassName) />);
+  expect(wrapper).toBeTruthy();
+});

package/templates/react/igr-ts/button/default/files/src/app/__path__/__filePrefix__.tsx

@@ -0,0 +1,14 @@
+import style from './style.module.css';
+import { IgrButton } from 'igniteui-react';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+
+export default function $(ClassName)() {
+  return (
+    <div>
+      <h1 className={style.title}>Button</h1>
+      <div className={style.container}>
+        <IgrButton size="large"><span>Large button</span></IgrButton>
+      </div>
+    </div>
+  );
+}

package/templates/react/igr-ts/button/default/files/src/app/__path__/style.module.css

@@ -0,0 +1,9 @@
+:local(.container) {
+  padding-top: 24px;
+  display: flex;
+  flex-flow: row;
+  justify-content: space-around;
+}
+:local(.title) {
+  color: rgb(0, 153, 255);
+}

package/templates/react/igr-ts/button/default/index.d.ts

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

package/templates/react/igr-ts/button/default/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+class IgrButtonTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Button"];
+        this.controlGroup = "Data Entry & Display";
+        this.listInComponentTemplates = true;
+        this.id = "button";
+        this.projectType = "igr-ts";
+        this.name = "Button";
+        this.description = "displays a button with customizable size and content.";
+        this.packages = ["igniteui-react@~19.5.2"];
+    }
+}
+module.exports = new IgrButtonTemplate();

package/templates/react/igr-ts/button/index.d.ts

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

package/templates/react/igr-ts/button/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cli_core_1 = require("@igniteui/cli-core");
+class IgrButtonComponent extends cli_core_1.BaseComponent {
+    constructor() {
+        super(__dirname);
+        this.name = "Button";
+        this.group = "Data Entry & Display";
+        this.description = `displays a button with customizable size and content.`;
+    }
+}
+module.exports = new IgrButtonComponent();

package/templates/react/igr-ts/button-group/default/files/src/app/__path__/__filePrefix__.test.tsx

@@ -0,0 +1,13 @@
+import { beforeAll, expect, test } from 'vitest';
+import { render } from '@testing-library/react';
+import $(ClassName) from './$(path)';
+import { setupTestMocks } from '../../setupTests';
+
+beforeAll(() => {
+  setupTestMocks();
+})
+
+test('renders $(ClassName) component', () => {
+  const wrapper = render(<$(ClassName) />);
+  expect(wrapper).toBeTruthy();
+});

package/templates/react/igr-ts/button-group/default/files/src/app/__path__/__filePrefix__.tsx

@@ -0,0 +1,18 @@
+import style from './style.module.css';
+import { IgrButtonGroup, IgrToggleButton } from 'igniteui-react';
+import 'igniteui-webcomponents/themes/light/bootstrap.css';
+
+export default function $(ClassName)() {
+  return (
+    <div>
+      <h1 className={style.title}>Button Group</h1>
+      <div className={style.container}>
+        <IgrButtonGroup>
+          <IgrToggleButton value="left"><span>Left</span></IgrToggleButton>
+          <IgrToggleButton value="center"><span>Center</span></IgrToggleButton>
+          <IgrToggleButton value="right"><span>Right</span></IgrToggleButton>
+        </IgrButtonGroup>
+      </div>
+    </div>
+  );
+}

package/templates/react/igr-ts/button-group/default/files/src/app/__path__/style.module.css

@@ -0,0 +1,9 @@
+:local(.container) {
+  padding-top: 24px;
+  display: flex;
+  flex-flow: row;
+  justify-content: space-around;
+}
+:local(.title) {
+  color: rgb(0, 153, 255);
+}

package/templates/react/igr-ts/button-group/default/index.d.ts

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

package/templates/react/igr-ts/button-group/default/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const IgniteUIForReactTemplate_1 = require("../../../../../lib/templates/IgniteUIForReactTemplate");
+class IgrButtonGroupTemplate extends IgniteUIForReactTemplate_1.IgniteUIForReactTemplate {
+    constructor() {
+        super(__dirname);
+        this.components = ["Button group"];
+        this.controlGroup = "Data Entry & Display";
+        this.listInComponentTemplates = true;
+        this.id = "button-group";
+        this.projectType = "igr-ts";
+        this.name = "Button group";
+        this.description = "basic IgrButtonGroup";
+        this.packages = ["igniteui-react@~19.5.2"];
+    }
+}
+module.exports = new IgrButtonGroupTemplate();

package/templates/react/igr-ts/button-group/index.d.ts

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