From 537fad7416b7a1d3d57a80f112d4e57fab6ed04d Mon Sep 17 00:00:00 2001 From: lipata Date: Fri, 2 Jun 2023 15:20:13 +0300 Subject: [PATCH 1/3] chore(igx): update DV 16 --- packages/cli/lib/commands/upgrade.ts | 2 +- packages/core/packages/PackageManager.ts | 4 ++-- .../igx-ts/bullet-graph/default/index.ts | 2 +- .../igx-ts/category-chart/default/index.ts | 2 +- .../custom-templates/awesome-grid/index.ts | 2 +- .../igx-ts/custom-templates/crm-grid/index.ts | 2 +- .../custom-templates/fintech-grid/index.ts | 2 +- .../igx-ts/financial-chart/default/index.ts | 2 +- .../igx-ts/linear-gauge/default/index.ts | 2 +- .../igx-templates/igx-ts/map/default/index.ts | 2 +- .../igx-ts/radial-gauge/default/index.ts | 2 +- spec/unit/packageManager-spec.ts | 18 +++++++++--------- spec/unit/upgrade-spec.ts | 2 +- 13 files changed, 22 insertions(+), 22 deletions(-) diff --git a/packages/cli/lib/commands/upgrade.ts b/packages/cli/lib/commands/upgrade.ts index 0f06adbf2..2e6bf0ebd 100644 --- a/packages/cli/lib/commands/upgrade.ts +++ b/packages/cli/lib/commands/upgrade.ts @@ -56,7 +56,7 @@ command = { if (success && !argv.skipInstall) { Util.log("Installing npm packages."); try { - Util.execSync("npm install --force --quiet"); + Util.execSync("npm install --quiet"); Util.log("npm packages installed."); } catch (error) { Util.error(`Error installing npm packages.`); diff --git a/packages/core/packages/PackageManager.ts b/packages/core/packages/PackageManager.ts index c0c04c7ce..bab6378a2 100644 --- a/packages/core/packages/PackageManager.ts +++ b/packages/core/packages/PackageManager.ts @@ -95,7 +95,7 @@ export class PackageManager { case "npm": /* passes through */ default: - command = `${managerCommand} install --force --quiet`; + command = `${managerCommand} install --quiet`; break; } await this.flushQueue(false); @@ -277,7 +277,7 @@ export class PackageManager { case "npm": /* passes through */ default: - return `${managerCommand} install ${packageName} --force --quiet --save`; + return `${managerCommand} install ${packageName} --quiet --save`; } } diff --git a/packages/igx-templates/igx-ts/bullet-graph/default/index.ts b/packages/igx-templates/igx-ts/bullet-graph/default/index.ts index 055f04743..578516bee 100644 --- a/packages/igx-templates/igx-ts/bullet-graph/default/index.ts +++ b/packages/igx-templates/igx-ts/bullet-graph/default/index.ts @@ -14,7 +14,7 @@ class IgxBulletGraphTemplate extends IgniteUIForAngularTemplate { import: ["IgxBulletGraphModule"], from: "igniteui-angular-gauges" }]; - this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-gauges@~15.0.0"]; + this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-gauges@~16.0.0"]; } } module.exports = new IgxBulletGraphTemplate(); diff --git a/packages/igx-templates/igx-ts/category-chart/default/index.ts b/packages/igx-templates/igx-ts/category-chart/default/index.ts index 350e61ce6..3cf49a952 100644 --- a/packages/igx-templates/igx-ts/category-chart/default/index.ts +++ b/packages/igx-templates/igx-ts/category-chart/default/index.ts @@ -14,7 +14,7 @@ class IgxCategoryChartTemplate extends IgniteUIForAngularTemplate { { import: "IgxCategoryChartModule", from: "igniteui-angular-charts" }, { import: "FormsModule", from: "@angular/forms" } ]; - this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-charts@~15.0.0"]; + this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-charts@~16.0.0"]; } } module.exports = new IgxCategoryChartTemplate(); diff --git a/packages/igx-templates/igx-ts/custom-templates/awesome-grid/index.ts b/packages/igx-templates/igx-ts/custom-templates/awesome-grid/index.ts index cedafa91d..e4e32a0b8 100644 --- a/packages/igx-templates/igx-ts/custom-templates/awesome-grid/index.ts +++ b/packages/igx-templates/igx-ts/custom-templates/awesome-grid/index.ts @@ -32,7 +32,7 @@ class IgxGridAwesomeTemplate extends IgniteUIForAngularTemplate { }, { import: "FormsModule", from: "@angular/forms" } ]; - this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-charts@~15.0.0"]; + this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-charts@~16.0.0"]; } } module.exports = new IgxGridAwesomeTemplate(); diff --git a/packages/igx-templates/igx-ts/custom-templates/crm-grid/index.ts b/packages/igx-templates/igx-ts/custom-templates/crm-grid/index.ts index ae729ab5e..d31ec6b2f 100644 --- a/packages/igx-templates/igx-ts/custom-templates/crm-grid/index.ts +++ b/packages/igx-templates/igx-ts/custom-templates/crm-grid/index.ts @@ -41,7 +41,7 @@ class IgxGridCRMTemplate extends IgniteUIForAngularTemplate { }, { import: "FormsModule", from: "@angular/forms" } ]; - this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-charts@~15.0.0"]; + this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-charts@~16.0.0"]; } } module.exports = new IgxGridCRMTemplate(); diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/index.ts b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/index.ts index 834a82e57..d3accf895 100644 --- a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/index.ts +++ b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/index.ts @@ -28,7 +28,7 @@ class IgxFinTechGridTemplate extends IgniteUIForAngularTemplate { }, { import: "FormsModule", from: "@angular/forms" } ]; - this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-charts@~15.0.0"]; + this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-charts@~16.0.0"]; } } module.exports = new IgxFinTechGridTemplate(); diff --git a/packages/igx-templates/igx-ts/financial-chart/default/index.ts b/packages/igx-templates/igx-ts/financial-chart/default/index.ts index f6ca5c74d..218a148fc 100644 --- a/packages/igx-templates/igx-ts/financial-chart/default/index.ts +++ b/packages/igx-templates/igx-ts/financial-chart/default/index.ts @@ -12,7 +12,7 @@ class IgxFinancialChartTemplate extends IgniteUIForAngularTemplate { this.dependencies = [ { import: "IgxFinancialChartModule", from: "igniteui-angular-charts" } ]; - this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-charts@~15.0.0"]; + this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-charts@~16.0.0"]; } } module.exports = new IgxFinancialChartTemplate(); diff --git a/packages/igx-templates/igx-ts/linear-gauge/default/index.ts b/packages/igx-templates/igx-ts/linear-gauge/default/index.ts index a2299bd33..5414ff88b 100644 --- a/packages/igx-templates/igx-ts/linear-gauge/default/index.ts +++ b/packages/igx-templates/igx-ts/linear-gauge/default/index.ts @@ -16,7 +16,7 @@ class IgxLinearGaugeTemplate extends IgniteUIForAngularTemplate { from: "igniteui-angular-gauges" } ]; - this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-gauges@~15.0.0"]; + this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-gauges@~16.0.0"]; } } module.exports = new IgxLinearGaugeTemplate(); diff --git a/packages/igx-templates/igx-ts/map/default/index.ts b/packages/igx-templates/igx-ts/map/default/index.ts index 393e8698c..7a1d62fa7 100644 --- a/packages/igx-templates/igx-ts/map/default/index.ts +++ b/packages/igx-templates/igx-ts/map/default/index.ts @@ -20,7 +20,7 @@ class IgxGeographicMapTemplate extends IgniteUIForAngularTemplate { from: "igniteui-angular-charts" } ]; - this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-charts@~15.0.0", "igniteui-angular-maps@~15.0.0"]; + this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-charts@~16.0.0", "igniteui-angular-maps@~16.0.0"]; } } module.exports = new IgxGeographicMapTemplate(); diff --git a/packages/igx-templates/igx-ts/radial-gauge/default/index.ts b/packages/igx-templates/igx-ts/radial-gauge/default/index.ts index fe448e91c..381f5d2da 100644 --- a/packages/igx-templates/igx-ts/radial-gauge/default/index.ts +++ b/packages/igx-templates/igx-ts/radial-gauge/default/index.ts @@ -16,7 +16,7 @@ class IgxRadialGaugeTemplate extends IgniteUIForAngularTemplate { from: "igniteui-angular-gauges" } ]; - this.packages = ["igniteui-angular-core@~15.0.0", "igniteui-angular-gauges@~15.0.0"]; + this.packages = ["igniteui-angular-core@~16.0.0", "igniteui-angular-gauges@~16.0.0"]; } } module.exports = new IgxRadialGaugeTemplate(); diff --git a/spec/unit/packageManager-spec.ts b/spec/unit/packageManager-spec.ts index 24fa9a237..ab4491c30 100644 --- a/spec/unit/packageManager-spec.ts +++ b/spec/unit/packageManager-spec.ts @@ -223,7 +223,7 @@ describe("Unit - Package Manager", () => { await TestPackageManager.ensureIgniteUISource(true, mockTemplateMgr, true); expect(TestPackageManager.addPackage).toHaveBeenCalledWith(`@infragistics/ignite-ui-full@"~20.1"`, true); expect(Util.execSync).toHaveBeenCalledWith( - `npm install @infragistics/ignite-ui-full@"~20.1" --force --quiet --save`, + `npm install @infragistics/ignite-ui-full@"~20.1" --quiet --save`, jasmine.any(Object) ); expect(TestPackageManager.removePackage).toHaveBeenCalledWith("ignite-ui", true); @@ -232,7 +232,7 @@ describe("Unit - Package Manager", () => { await TestPackageManager.ensureIgniteUISource(true, mockTemplateMgr, true); expect(TestPackageManager.addPackage).toHaveBeenCalledWith(`@infragistics/ignite-ui-full@"^17.1"`, true); expect(Util.execSync).toHaveBeenCalledWith( - `npm install @infragistics/ignite-ui-full@"^17.1" --force --quiet --save`, + `npm install @infragistics/ignite-ui-full@"^17.1" --quiet --save`, jasmine.any(Object) ); @@ -240,7 +240,7 @@ describe("Unit - Package Manager", () => { await TestPackageManager.ensureIgniteUISource(true, mockTemplateMgr, true); expect(TestPackageManager.addPackage).toHaveBeenCalledWith(`@infragistics/ignite-ui-full@">=0.1.0 <0.2.0"`, true); expect(Util.execSync).toHaveBeenCalledWith( - `npm install @infragistics/ignite-ui-full@">=0.1.0 <0.2.0" --force --quiet --save`, + `npm install @infragistics/ignite-ui-full@">=0.1.0 <0.2.0" --quiet --save`, jasmine.any(Object) ); done(); @@ -263,7 +263,7 @@ describe("Unit - Package Manager", () => { expect(Util.log).toHaveBeenCalledWith(`Installing npm packages`); expect(Util.log).toHaveBeenCalledWith(`Error installing npm packages.`); expect(Util.log).toHaveBeenCalledWith(`Example`); - expect(Util.execSync).toHaveBeenCalledWith(`npm install --force --quiet`, + expect(Util.execSync).toHaveBeenCalledWith(`npm install --quiet`, { stdio: ["inherit"], killSignal: "SIGINT" }); expect(ProjectConfig.setConfig).toHaveBeenCalledWith({ packagesInstalled: true }); done(); @@ -280,7 +280,7 @@ describe("Unit - Package Manager", () => { expect(Util.log).toHaveBeenCalledTimes(2); expect(Util.log).toHaveBeenCalledWith(`Installing npm packages`); expect(Util.log).toHaveBeenCalledWith(`Packages installed successfully`); - expect(Util.execSync).toHaveBeenCalledWith(`npm install --force --quiet`, + expect(Util.execSync).toHaveBeenCalledWith(`npm install --quiet`, { stdio: ["inherit"], killSignal: "SIGINT" }); expect(ProjectConfig.setConfig).toHaveBeenCalledWith({ packagesInstalled: true }); done(); @@ -301,7 +301,7 @@ describe("Unit - Package Manager", () => { await PackageManager.installPackages(true); expect(Util.log).toHaveBeenCalledTimes(1); expect(Util.log).toHaveBeenCalledWith(`Installing npm packages`); - expect(Util.execSync).toHaveBeenCalledWith(`npm install --force --quiet`, + expect(Util.execSync).toHaveBeenCalledWith(`npm install --quiet`, { stdio: ["inherit"], killSignal: "SIGINT" }); expect(process.exit).toHaveBeenCalled(); expect(ProjectConfig.setConfig).toHaveBeenCalledTimes(0); @@ -345,7 +345,7 @@ describe("Unit - Package Manager", () => { expect(Util.log).toHaveBeenCalledWith(`Error installing package example-package with npm`); expect(Util.log).toHaveBeenCalledWith(`Error`); expect(Util.execSync).toHaveBeenCalledWith( - `npm install example-package --force --quiet --save`, { stdio: "pipe", encoding: "utf8" }); + `npm install example-package --quiet --save`, { stdio: "pipe", encoding: "utf8" }); done(); }); it("Should run addPackage properly without error code", async done => { @@ -355,7 +355,7 @@ describe("Unit - Package Manager", () => { expect(Util.log).toHaveBeenCalledTimes(1); expect(Util.log).toHaveBeenCalledWith(`Package example-package installed successfully`); expect(Util.execSync).toHaveBeenCalledWith( - `npm install example-package --force --quiet --save`, { stdio: "pipe", encoding: "utf8" }); + `npm install example-package --quiet --save`, { stdio: "pipe", encoding: "utf8" }); done(); }); @@ -380,7 +380,7 @@ describe("Unit - Package Manager", () => { expect(Util.log).toHaveBeenCalledTimes(0); expect(cp.exec).toHaveBeenCalledTimes(1); expect(cp.exec).toHaveBeenCalledWith( - `npm install test-pack --force --quiet --no-save`, {}, jasmine.any(Function)); + `npm install test-pack --quiet --no-save`, {}, jasmine.any(Function)); done(); }); diff --git a/spec/unit/upgrade-spec.ts b/spec/unit/upgrade-spec.ts index 9233c24d5..5139351fb 100644 --- a/spec/unit/upgrade-spec.ts +++ b/spec/unit/upgrade-spec.ts @@ -55,7 +55,7 @@ describe("Unit - Upgrade command", () => { upgradeIgniteUIPackagesSpy.and.returnValue(Promise.resolve(true)); await upgradeCmd.execute({ skipInstall: false }); expect(mockProject.upgradeIgniteUIPackages).toHaveBeenCalledTimes(3); - expect(Util.execSync).toHaveBeenCalledWith("npm install --force --quiet"); + expect(Util.execSync).toHaveBeenCalledWith("npm install --quiet"); done(); }); From fc61052d68f5fffbaf96c0f7c71220c39c7d5ef2 Mon Sep 17 00:00:00 2001 From: lipata Date: Fri, 2 Jun 2023 15:43:46 +0300 Subject: [PATCH 2/3] fix(igx): replace DataGridSelectionMode with GridSelectionMode --- .../grid-editing/files/src/app/__path__/__filePrefix__.ts | 4 ++-- .../files/src/app/__path__/__filePrefix__.component.ts | 4 ++-- .../files/src/app/__path__/__filePrefix__.component.ts | 4 ++-- .../files/src/app/__path__/__filePrefix__.component.ts | 4 ++-- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/cli/templates/webcomponents/igc-ts/grid/grid-editing/files/src/app/__path__/__filePrefix__.ts b/packages/cli/templates/webcomponents/igc-ts/grid/grid-editing/files/src/app/__path__/__filePrefix__.ts index 83ec64969..9e8635bd8 100644 --- a/packages/cli/templates/webcomponents/igc-ts/grid/grid-editing/files/src/app/__path__/__filePrefix__.ts +++ b/packages/cli/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, - DataGridSelectionMode, + GridSelectionMode, 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 = DataGridSelectionMode.SingleCell; + grid.selectionMode = GridSelectionMode.SingleCell; grid.editMode = EditModeType.Cell; grid.cellValueChanging = onCellValueChanging; } diff --git a/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.ts index 4017c5fdf..67be3deb9 100644 --- a/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.ts +++ b/packages/igx-templates/igx-ts/custom-templates/crm-grid/files/src/app/__path__/__filePrefix__.component.ts @@ -10,7 +10,7 @@ import { import { CloseScrollStrategy, ConnectedPositioningStrategy, - DataGridSelectionMode, + GridSelectionMode, HorizontalAlignment, IColumnExportingEventArgs, ColumnType, @@ -54,7 +54,7 @@ export class <%=ClassName%>Component implements OnInit, AfterViewInit { public searchText = ''; public caseSensitive = false; - public selectionMode: DataGridSelectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public displayType = SparklineDisplayType; public positionSettings: PositionSettings = { diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.ts index 5a5456a49..e3a061f92 100644 --- a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.ts +++ b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.ts @@ -2,7 +2,7 @@ import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, OnDestroy, OnI import { CellType, DefaultSortingStrategy, - DataGridSelectionMode, + GridSelectionMode, IButtonGroupEventArgs, IChangeSwitchEventArgs, IGridKeydownEventArgs, @@ -36,7 +36,7 @@ export class <%=ClassName%>Component implements OnInit, AfterViewInit, OnDestroy public showToolbar: boolean = false; public properties: string[] = []; - public selectionMode: DataGridSelectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public chartType = CategoryChartType; public theme: boolean = false; public volume: number = 1000; diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.ts b/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.ts index 72fd3020b..32ed14d62 100644 --- a/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.ts +++ b/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.ts @@ -5,7 +5,7 @@ import { import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, - DataGridSelectionMode, + GridSelectionMode, HorizontalAlignment, IButtonGroupEventArgs, IChangeSwitchEventArgs, @@ -35,7 +35,7 @@ export class <%=ClassName%>Component implements OnInit, AfterViewInit, OnDestroy @ViewChild('slider2', { static: true }) public intervalSlider!: IgxSliderComponent; public showToolbar: boolean = true; - public selectionMode: DataGridSelectionMode = 'multiple'; + public selectionMode: GridSelectionMode = 'multiple'; public theme: boolean = false; public volume: number = 1000; public frequency: number = 500; From 1373d18e45d8fa9bb69bf5692b360bb4ecec531b Mon Sep 17 00:00:00 2001 From: lipata Date: Fri, 2 Jun 2023 16:18:35 +0300 Subject: [PATCH 3/3] fix(igx): more fixes --- .../files/src/app/__path__/__filePrefix__.component.scss | 2 +- .../igx-ts/custom-templates/fintech-grid/index.ts | 3 ++- .../files/src/app/__path__/__filePrefix__.component.scss | 2 +- .../igx-ts/custom-templates/fintech-tree-grid/index.ts | 3 ++- 4 files changed, 6 insertions(+), 4 deletions(-) diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.scss index 40bc3a1c1..1f69471a9 100644 --- a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.scss +++ b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/files/src/app/__path__/__filePrefix__.component.scss @@ -236,7 +236,7 @@ $green-palette: palette($primary: #09f, $secondary: #72da67, $surface: #333); ::ng-deep { .fin-dark-theme { - @include dark-theme($dark-palette); + @include dark-theme($green-palette); background: #333; igx-grid-cell { diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/index.ts b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/index.ts index d3accf895..74bb71abd 100644 --- a/packages/igx-templates/igx-ts/custom-templates/fintech-grid/index.ts +++ b/packages/igx-templates/igx-ts/custom-templates/fintech-grid/index.ts @@ -15,11 +15,12 @@ class IgxFinTechGridTemplate extends IgniteUIForAngularTemplate { { import: [ "IgxButtonGroupModule", - "IgxButtonModule", "IgxDialogModule", + "IgxFocusModule", "IgxGridModule", "IgxIconModule", "IgxRippleModule", + "IgxSelectModule", "IgxSliderModule", "IgxSwitchModule", "IgxToggleModule" diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.scss index 5da5ea607..abeacb70a 100644 --- a/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.scss +++ b/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/files/src/app/__path__/__filePrefix__.component.scss @@ -218,7 +218,7 @@ $green-palette: palette($primary: #09f, $secondary: #72da67, $surface: #333); ::ng-deep { .fin-dark-theme { - @include dark-theme($dark-palette); + @include dark-theme($green-palette); background: #333; ::-moz-placeholder { diff --git a/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/index.ts b/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/index.ts index 1c317525a..4d4b286cb 100644 --- a/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/index.ts +++ b/packages/igx-templates/igx-ts/custom-templates/fintech-tree-grid/index.ts @@ -14,8 +14,9 @@ class IgxTreeGridFinTechTemplate extends IgniteUIForAngularTemplate { { provide: "IgxExcelExporterService", from: "<%=igxPackage%>" }, { import: [ + "IgxButtonGroupModule", "IgxCheckboxModule", - "IgxButtonModule", + "IgxIconModule", "IgxSwitchModule", "IgxSliderModule" ],