igniteui-angular 22.1.0-beta.4 → 22.1.0-beta.5

package/lib/core/styles/components/button/_button-theme.scss

@@ -44,7 +44,24 @@
         --component-size: var(--ig-size, var(--ig-size-large));
         --ig-icon-size: #{$icon-in-button-size};
 
-        justify-content: center;
+        &:is(a, span) {
+            @include restore-properties(
+                display,
+                min-width,
+                min-height,
+                padding-inline,
+                padding-block,
+                border,
+                border-radius,
+                background,
+                color,
+                box-shadow,
+                cursor
+            );
+
+            justify-content: center;
+            text-decoration: none;
+        }
     }
 
     @each $key, $theme in meta.keywords($themes) {
@@ -476,11 +493,7 @@
                 &::after {
                     @extend %fluent-border;
 
-                    box-shadow: 0
-                        0
-                        0
-                        rem(1px)
-                        var-get($flat-theme, 'focus-visible-border-color');
+                    box-shadow: 0 0 0 rem(1px) var-get($flat-theme, 'focus-visible-border-color');
                 }
             }
 
@@ -579,17 +592,9 @@
             }
 
             @if $variant == 'bootstrap' {
-                box-shadow: 0
-                    0
-                    0
-                    rem(4px)
-                    var-get($outlined-theme, 'shadow-color');
+                box-shadow: 0 0 0 rem(4px) var-get($outlined-theme, 'shadow-color');
             } @else if $variant == 'indigo' {
-                box-shadow: 0
-                    0
-                    0
-                    rem(3px)
-                    var-get($outlined-theme, 'shadow-color');
+                box-shadow: 0 0 0 rem(3px) var-get($outlined-theme, 'shadow-color');
             }
 
             &:hover {
@@ -624,11 +629,7 @@
                 &::after {
                     @extend %fluent-border;
 
-                    box-shadow: 0
-                        0
-                        0
-                        rem(1px)
-                        var-get($outlined-theme, 'focus-visible-border-color');
+                    box-shadow: 0 0 0 rem(1px) var-get($outlined-theme, 'focus-visible-border-color');
                 }
             }
         }
@@ -719,11 +720,7 @@
                 &::after {
                     @extend %fluent-border;
 
-                    box-shadow: 0
-                        0
-                        0
-                        rem(1px)
-                        var-get($contained-theme, 'focus-visible-border-color');
+                    box-shadow: 0 0 0 rem(1px) var-get($contained-theme, 'focus-visible-border-color');
                 }
             }
 
@@ -876,11 +873,7 @@
                     border-radius: calc(
                         #{var-get($fab-theme, 'border-radius')} - #{$btn-indent}
                     );
-                    box-shadow: 0
-                        0
-                        0
-                        rem(1px)
-                        var-get($fab-theme, 'focus-visible-border-color');
+                    box-shadow: 0 0 0 rem(1px) var-get($fab-theme, 'focus-visible-border-color');
                 }
             }
 

package/lib/core/styles/components/icon-button/_icon-button-theme.scss

@@ -32,6 +32,27 @@
 
     .igx-icon-button {
         --ig-icon-size: #{$icon-in-button-size};
+
+        &:is(a, span) {
+            @include restore-properties(
+                position,
+                display,
+                align-items,
+                justify-content,
+                width,
+                height,
+                font-size,
+                border,
+                border-radius,
+                background,
+                color,
+                box-shadow,
+                cursor,
+                outline
+            );
+
+            text-decoration: none;
+        }
     }
 
     @each $key, $theme in meta.keywords($themes) {

package/lib/core/styles/spec/_mixins.spec.scss

@@ -2,6 +2,7 @@
 @use 'sass-true' as *;
 @use '../base' as *;
 @use '../components' as *;
+@use '../themes/scoping' as scoping;
 
 @include describe('Register Component') {
     $components: () !default;
@@ -12,6 +13,25 @@
     }
 }
 
+@include describe('Restore layered properties') {
+    @include it('should revert only the specified properties') {
+        @include assert() {
+            @include output() {
+                .test {
+                    @include scoping.restore-properties(display, color);
+                }
+            }
+
+            @include expect() {
+                .test {
+                    display: revert-layer;
+                    color: revert-layer;
+                }
+            }
+        }
+    }
+}
+
 @include describe('Generate color class') {
     @include it('should concatenate the name, variant, prefix, and suffix in the correct order.') {
         $name: primary;
@@ -28,7 +48,7 @@
             }
 
             @include expect() {
-                .#{$selector}{
+                .#{$selector} {
                     content: 'test'
                 }
             }

package/lib/core/styles/themes/_scoping.scss

@@ -11,6 +11,18 @@
         @content;
     }
 }
+
+/// Restores selected properties from the preceding cascade layer.
+/// This mixin is intended for narrowly scoped, unlayered component styles that need to
+/// reject generic unlayered element styles without unlayering the component's full ruleset.
+/// @access private
+/// @param {List} $properties - CSS property names to restore.
+@mixin restore-properties($properties...) {
+    @each $property in $properties {
+        #{$property}: revert-layer;
+    }
+}
+
 /// Gates the passed content behind the live `--ig-theme` / `--ig-theme-variant`
 /// custom properties, inside the shared components cascade layer. This is the
 /// single source of truth for coupling any emitted CSS (tokens or structural

package/lib/core/styles/themes/generators/_base.scss

@@ -151,7 +151,6 @@
 
     @if is-used('igx-calendar', $exclude) {
         @include std.component-tokens('igx-calendar', 'calendar', $schema);
-        @include std.component-tokens('igx-calendar-picker--standalone', 'calendar', $schema);
         @include std.component-tokens('igx-calendar-view--standalone', 'calendar', $schema);
         @include std.component-tokens('igx-days-view--standalone', 'calendar', $schema);
         @include std.component-tokens('igx-month-picker', 'calendar', $schema);

package/migrations/migration-collection.json

@@ -299,6 +299,13 @@
             "version": "22.1.0",
             "description": "Updates Ignite UI for Angular from v22.0.x to v22.1.0",
             "factory": "./update-22_1_0"
+        },
+        "migration-59": {
+            "version": "22.1.0",
+            "description": "Migrates imports for exports moved to new entry points (IgxSummaryOperand -> core, IGroupingDoneEventArgs -> grids/core)",
+            "factory": "./update-22_1_0_import-migration",
+            "recommended": true,
+            "optional": true
         }
     }
 }

package/migrations/update-22_1_0_import-migration/index.d.ts

@@ -0,0 +1,2 @@
+import type { Rule } from '@angular-devkit/schematics';
+export default function migrate(): Rule;

package/migrations/update-22_1_0_import-migration/index.js

@@ -0,0 +1,200 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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.default = migrate;
+const ts = __importStar(require("typescript"));
+const tsUtils_1 = require("../common/tsUtils");
+const version = '22.1.0';
+// Exports that moved to a different entry point in 22.1.0.
+// Keyed by exported symbol -> { from: source entry point, to: target entry point }.
+const EXPORT_MOVES = new Map([
+    // IgxSummaryOperand definitions moved from grids/core to core
+    ['IgxSummaryOperand', { from: 'grids/core', to: 'core' }],
+    ['IgxNumberSummaryOperand', { from: 'grids/core', to: 'core' }],
+    ['IgxDateSummaryOperand', { from: 'grids/core', to: 'core' }],
+    ['IgxTimeSummaryOperand', { from: 'grids/core', to: 'core' }],
+    // Selection/transaction types moved from grids/core to core
+    ['GridSelectionRange', { from: 'grids/core', to: 'core' }],
+    ['ISelectionNode', { from: 'grids/core', to: 'core' }],
+    ['IMultiRowLayoutNode', { from: 'grids/core', to: 'core' }],
+    ['ISelectionKeyboardState', { from: 'grids/core', to: 'core' }],
+    ['ISelectionPointerState', { from: 'grids/core', to: 'core' }],
+    ['IColumnSelectionState', { from: 'grids/core', to: 'core' }],
+    ['SelectionState', { from: 'grids/core', to: 'core' }],
+    ['IgxGridTransaction', { from: 'grids/core', to: 'core' }],
+    // IGroupingDoneEventArgs moved from grids/grid to grids/core
+    ['IGroupingDoneEventArgs', { from: 'grids/grid', to: 'grids/core' }]
+]);
+// Distinct source entry points we need to inspect, e.g. 'grids/core', 'grids/grid'.
+const SOURCE_ENTRY_POINTS = [...new Set([...EXPORT_MOVES.values()].map(m => m.from))];
+/**
+ * Resolves an import module specifier to its base package and entry point,
+ * e.g. `igniteui-angular/grids/core` -> { basePackage: 'igniteui-angular', entry: 'grids/core' }.
+ * Returns null for specifiers that are not an Ignite UI entry point.
+ */
+function resolveEntryPoint(importPath) {
+    for (const basePackage of [tsUtils_1.IG_PACKAGE_NAME, tsUtils_1.IG_LICENSED_PACKAGE_NAME]) {
+        if (importPath.startsWith(`${basePackage}/`)) {
+            return { basePackage, entry: importPath.substring(basePackage.length + 1) };
+        }
+    }
+    return null;
+}
+function migrateImportDeclaration(node, sourceFile) {
+    var _a;
+    if (!(0, tsUtils_1.igNamedImportFilter)(node)) {
+        return null;
+    }
+    const importPath = node.moduleSpecifier.text;
+    const namedBindings = node.importClause.namedBindings;
+    // Only process imports coming from a known source entry point for this migration
+    const source = resolveEntryPoint(importPath);
+    if (!source || !SOURCE_ENTRY_POINTS.includes(source.entry)) {
+        return null;
+    }
+    // Group moved imports by target entry point; keep everything else where it is
+    const entryPointGroups = new Map();
+    const remaining = [];
+    for (const element of namedBindings.elements) {
+        const name = element.name.text;
+        const alias = (_a = element.propertyName) === null || _a === void 0 ? void 0 : _a.text;
+        const importName = alias || name;
+        const fullImport = alias ? `${importName} as ${name}` : importName;
+        // Check if this import moved out of the current source entry point
+        const move = EXPORT_MOVES.get(importName);
+        if (move && move.from === source.entry) {
+            if (!entryPointGroups.has(move.to)) {
+                entryPointGroups.set(move.to, []);
+            }
+            entryPointGroups.get(move.to).push(fullImport);
+        }
+        else {
+            // Keep in the original entry point
+            remaining.push(fullImport);
+        }
+    }
+    // If nothing changed, return null
+    if (entryPointGroups.size === 0) {
+        return null;
+    }
+    // Generate new import statements
+    const newImports = [];
+    // Add remaining imports for the original entry point first
+    if (remaining.length > 0) {
+        const sortedImports = remaining.sort();
+        newImports.push(`import { ${sortedImports.join(', ')} } from '${importPath}';`);
+    }
+    // Add moved imports
+    for (const [entryPoint, imports] of entryPointGroups) {
+        const sortedImports = imports.sort();
+        newImports.push(`import { ${sortedImports.join(', ')} } from '${source.basePackage}/${entryPoint}';`);
+    }
+    return {
+        start: node.getStart(sourceFile),
+        end: node.getEnd(),
+        replacement: newImports.join('\n')
+    };
+}
+function migrateFile(filePath, content) {
+    const sourceFile = ts.createSourceFile(filePath, content, ts.ScriptTarget.Latest, true);
+    const changes = [];
+    function visit(node) {
+        if (ts.isImportDeclaration(node)) {
+            const change = migrateImportDeclaration(node, sourceFile);
+            if (change) {
+                changes.push(change);
+            }
+        }
+        ts.forEachChild(node, visit);
+    }
+    visit(sourceFile);
+    // Apply changes in reverse order to maintain positions
+    changes.sort((a, b) => b.start - a.start);
+    let result = content;
+    for (const change of changes) {
+        result = result.substring(0, change.start) + change.replacement + result.substring(change.end);
+    }
+    return result;
+}
+/** Fast-path check: does the file import from any of the source entry points we migrate? */
+function hasRelevantImport(content) {
+    return SOURCE_ENTRY_POINTS.some(entry => [tsUtils_1.IG_PACKAGE_NAME, tsUtils_1.IG_LICENSED_PACKAGE_NAME].some(basePackage => content.includes(`from '${basePackage}/${entry}'`) ||
+        content.includes(`from "${basePackage}/${entry}"`)));
+}
+function migrate() {
+    return (host, context) => __awaiter(this, void 0, void 0, function* () {
+        context.logger.info(`Applying optional import migration for Ignite UI for Angular to version ${version}`);
+        context.logger.info('Migrating imports to new entry points...');
+        const visit = (filePath) => {
+            // Only process TypeScript files
+            if (!filePath.endsWith('.ts')) {
+                return;
+            }
+            // Skip node_modules and dist
+            if (filePath.includes('node_modules') || filePath.includes('dist')) {
+                return;
+            }
+            const content = host.read(filePath);
+            if (!content) {
+                return;
+            }
+            const originalContent = content.toString();
+            // Check if file imports from any migrated source entry point
+            if (!hasRelevantImport(originalContent)) {
+                return;
+            }
+            const migratedContent = migrateFile(filePath, originalContent);
+            if (migratedContent !== originalContent) {
+                host.overwrite(filePath, migratedContent);
+                context.logger.info(`  ✓ Migrated ${filePath}`);
+            }
+        };
+        host.visit(visit);
+        context.logger.info('Migration complete!');
+        context.logger.info('Breaking changes:');
+        for (const [symbol, move] of EXPORT_MOVES) {
+            context.logger.info(`  - ${symbol} moved from ${tsUtils_1.IG_PACKAGE_NAME}/${move.from} to ${tsUtils_1.IG_PACKAGE_NAME}/${move.to}`);
+        }
+    });
+}

package/migrations/update-22_1_0_import-migration/index.spec.d.ts

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

package/migrations/update-22_1_0_import-migration/index.spec.js

@@ -0,0 +1,132 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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 });
+const path = __importStar(require("path"));
+const index_js_1 = require("@angular-devkit/schematics/testing/index.js");
+const setup_spec_1 = require("../common/setup.spec");
+const version = '22.1.0';
+describe(`Update to ${version}`, () => {
+    let appTree;
+    const schematicRunner = new index_js_1.SchematicTestRunner('ig-migrate', path.join(__dirname, '../migration-collection.json'));
+    beforeEach(() => {
+        appTree = (0, setup_spec_1.setupTestTree)();
+    });
+    const migrationName = 'migration-58';
+    const filePath = '/testSrc/appPrefix/component/test.component.ts';
+    it('should move a single IgxSummaryOperand import from grids/core to core', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxSummaryOperand } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxSummaryOperand } from 'igniteui-angular/core';`);
+    }));
+    it('should move all summary operand imports from grids/core to core', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxSummaryOperand, IgxNumberSummaryOperand, IgxDateSummaryOperand, IgxTimeSummaryOperand } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxDateSummaryOperand, IgxNumberSummaryOperand, IgxSummaryOperand, IgxTimeSummaryOperand } from 'igniteui-angular/core';`);
+    }));
+    it('should split mixed imports, keeping non-operand exports in grids/core', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxGridComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxGridComponent } from 'igniteui-angular/grids/core';\n` +
+            `import { IgxNumberSummaryOperand } from 'igniteui-angular/core';`);
+    }));
+    it('should preserve aliased operand imports', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxSummaryOperand as SummaryOperand } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxSummaryOperand as SummaryOperand } from 'igniteui-angular/core';`);
+    }));
+    it('should migrate imports from the licensed package', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxTimeSummaryOperand } from '@infragistics/igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxTimeSummaryOperand } from '@infragistics/igniteui-angular/core';`);
+    }));
+    it('should NOT modify operand imports that already come from core', () => __awaiter(void 0, void 0, void 0, function* () {
+        const content = `import { IgxSummaryOperand } from 'igniteui-angular/core';`;
+        appTree.create(filePath, content);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath)).toEqual(content);
+    }));
+    it('should NOT modify grids/core imports that are not moved operands', () => __awaiter(void 0, void 0, void 0, function* () {
+        const content = `import { IgxGridComponent } from 'igniteui-angular/grids/core';`;
+        appTree.create(filePath, content);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath)).toEqual(content);
+    }));
+    it('should move selection and transaction types from grids/core to core', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { GridSelectionRange, ISelectionNode, IMultiRowLayoutNode, ISelectionKeyboardState, ISelectionPointerState, IColumnSelectionState, SelectionState, IgxGridTransaction } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { GridSelectionRange, IColumnSelectionState, IMultiRowLayoutNode, ISelectionKeyboardState, ISelectionNode, ISelectionPointerState, IgxGridTransaction, SelectionState } from 'igniteui-angular/core';`);
+    }));
+    it('should split a mixed grids/core import, keeping non-moved exports in place', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxGridComponent, SelectionState, IgxSummaryOperand } from 'igniteui-angular/grids/core';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxGridComponent } from 'igniteui-angular/grids/core';\n` +
+            `import { IgxSummaryOperand, SelectionState } from 'igniteui-angular/core';`);
+    }));
+    it('should move IGroupingDoneEventArgs from grids/grid to grids/core', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IGroupingDoneEventArgs } from 'igniteui-angular/grids/grid';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IGroupingDoneEventArgs } from 'igniteui-angular/grids/core';`);
+    }));
+    it('should split IGroupingDoneEventArgs out of grids/grid, keeping other exports', () => __awaiter(void 0, void 0, void 0, function* () {
+        appTree.create(filePath, `import { IgxGridComponent, IGroupingDoneEventArgs } from 'igniteui-angular/grids/grid';`);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath))
+            .toEqual(`import { IgxGridComponent } from 'igniteui-angular/grids/grid';\n` +
+            `import { IGroupingDoneEventArgs } from 'igniteui-angular/grids/core';`);
+    }));
+    it('should NOT move IGroupingDoneEventArgs when imported from grids/core', () => __awaiter(void 0, void 0, void 0, function* () {
+        const content = `import { IGroupingDoneEventArgs } from 'igniteui-angular/grids/core';`;
+        appTree.create(filePath, content);
+        const tree = yield schematicRunner.runSchematic(migrationName, {}, appTree);
+        expect(tree.readContent(filePath)).toEqual(content);
+    }));
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "22.1.0-beta.4",
+  "version": "22.1.0-beta.5",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",