Merge remote-tracking branch 'origin/master' into dkamburov/expose-change

Author: dkamburov

CHANGELOG.md

@@ -11,6 +11,16 @@ All notable changes for each version of this project will be documented in this
     - **Deprecation** - `tabIndex` has been deprecated and will be removed in a future version.
 - `IgxGrid`, `IgxHierarchicalGrid`, `IgxTreeGrid`
     - A column's `minWidth` and `maxWidth` constrain the user-specified `width` so that it cannot go outside their bounds.
+    - In SSR mode grid with height 100% or with no height will render on the server with % size and with no data. The grid will show either the empty grid template or the loading indicator (if isLoading is true).
+    - In SSR mode grid with width 100% or with no width will render on the server with % size and with all columns.
+    - The `pagingMode` property can now be set as simple strings `'local'` and `'remote'` and does not require importing the `GridPagingMode` enum.
+- `IgxHierarchicalGrid`
+    - Introduced a new advanced filtering capability that enables top-level records to be dynamically refined based on the attributes or data of their associated child records.
+    - Added a new `schema` input property that can be used to pass collection of `EntityType` objects. This property is required for remote data scenarios.
+- `IgxQueryBuilderComponent`, `IgxAdvancedFilteringDialogComponent`
+    - Added support for entities with hierarchical structure.
+- `EntityType`
+    - A new optional property called `childEntities` has been introduced that can be used to create nested entities.
 
 ## 19.1.1
 ### New Features
@@ -28,7 +38,7 @@ All notable changes for each version of this project will be documented in this
     - Introduced a new `expanded` input property, enabling dynamic control over the banner's state. The banner can now be programmatically set to expanded (visible) or collapsed (hidden) both initially and at runtime. Animations will trigger during runtime updates — the **open animation** plays when `expanded` is set to `true`, and the **close animation** plays when set to `false`. However, no animations will trigger when the property is set initially.
     - The banner's event lifecycle (`opening`, `opened`, `closing`, `closed`) only triggers through **user interactions** (e.g., clicking to open/close). Programmatic updates using the `expanded` property will not fire any events.
     - If the `expanded` property changes during an ongoing animation, the current animation will **stop** and the opposite animation will begin from the **point where the previous animation left off**. For instance, if the open animation (10 seconds) is interrupted at 6 seconds and `expanded` is set to `false`, the close animation (5 seconds) will start from its 3rd second.
-- `IgxQueryBuilder` has new design that comes with updated appearance and new functionality
+- `IgxQueryBuilder` has a new design that comes with an updated appearance and new functionality
     - `IgxQueryBuilderComponent`
         - Introduced the ability to create nested queries by specifying IN/NOT IN operators.
         - Introduced the ability to reposition condition chips by dragging or using `Arrow Up/Down`.

package-lock.json

@@ -74,7 +74,7 @@
     "@types/source-map": "0.5.2",
     "express": "^4.21.1",
     "fflate": "^0.8.1",
-    "igniteui-theming": "^17.1.0",
+    "igniteui-theming": "^17.2.0",
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
     "rxjs": "^7.8.2",

package.json

@@ -7,20 +7,20 @@ import {
 } from "../../../igniteui-angular/src/public_api";
 import { IgxPaginatorComponent } from "../../../igniteui-angular/src/lib/paginator/paginator.component";
 import { IgxPaginatorToken } from "../../../igniteui-angular/src/lib/paginator/token";
-import { IgxActionStripComponent } from "../../../igniteui-angular/src/lib/action-strip/action-strip.component";
-import { IgxActionStripToken } from "../../../igniteui-angular/src/lib/action-strip/token";
-import { IgxGridEditingActionsComponent } from "../../../igniteui-angular/src/lib/action-strip/grid-actions/grid-editing-actions.component";
-import { IgxGridActionsBaseDirective } from "../../../igniteui-angular/src/lib/action-strip/grid-actions/grid-actions-base.directive";
-import { IgxGridPinningActionsComponent } from "../../../igniteui-angular/src/lib/action-strip/grid-actions/grid-pinning-actions.component";
-import { IgxColumnComponent } from "../../../igniteui-angular/src/lib/grids/columns/column.component";
-import { IgxColumnGroupComponent } from "../../../igniteui-angular/src/lib/grids/columns/column-group.component";
-import { IgxColumnLayoutComponent } from "../../../igniteui-angular/src/lib/grids/columns/column-layout.component";
 import { IgxGridToolbarTitleComponent } from "../../../igniteui-angular/src/lib/grids/toolbar/common";
 import { IgxGridToolbarActionsComponent } from "../../../igniteui-angular/src/lib/grids/toolbar/common";
 import { IgxGridToolbarAdvancedFilteringComponent } from "../../../igniteui-angular/src/lib/grids/toolbar/grid-toolbar-advanced-filtering.component";
 import { IgxGridToolbarComponent } from "../../../igniteui-angular/src/lib/grids/toolbar/grid-toolbar.component";
 import { IgxToolbarToken } from "../../../igniteui-angular/src/lib/grids/toolbar/token";
+import { IgxColumnComponent } from "../../../igniteui-angular/src/lib/grids/columns/column.component";
+import { IgxColumnGroupComponent } from "../../../igniteui-angular/src/lib/grids/columns/column-group.component";
 import { IgxRowIslandComponent } from "../../../igniteui-angular/src/lib/grids/hierarchical-grid/row-island.component";
+import { IgxActionStripComponent } from "../../../igniteui-angular/src/lib/action-strip/action-strip.component";
+import { IgxActionStripToken } from "../../../igniteui-angular/src/lib/action-strip/token";
+import { IgxGridEditingActionsComponent } from "../../../igniteui-angular/src/lib/action-strip/grid-actions/grid-editing-actions.component";
+import { IgxGridActionsBaseDirective } from "../../../igniteui-angular/src/lib/action-strip/grid-actions/grid-actions-base.directive";
+import { IgxGridPinningActionsComponent } from "../../../igniteui-angular/src/lib/action-strip/grid-actions/grid-pinning-actions.component";
+import { IgxColumnLayoutComponent } from "../../../igniteui-angular/src/lib/grids/columns/column-layout.component";
 import { IgxGridToolbarExporterComponent } from "../../../igniteui-angular/src/lib/grids/toolbar/grid-toolbar-exporter.component";
 import { IgxGridToolbarHidingComponent } from "../../../igniteui-angular/src/lib/grids/toolbar/grid-toolbar-hiding.component";
 import { IgxGridToolbarPinningComponent } from "../../../igniteui-angular/src/lib/grids/toolbar/grid-toolbar-pinning.component";

projects/igniteui-angular-elements/src/analyzer/elements.config.ts

@@ -708,47 +708,4 @@ export class CsvExportComponent {
             )
         ).toEqual(expectedContent);
     });
-
-    it('should update GridPagingMode enum from lowerCase to TitleCase', async () => {
-        appTree.create(
-            '/testSrc/appPrefix/component/paging-test.component.ts',
-`import { Component } from '@angular/core';
-import { GridPagingMode } from "igniteui-angular";
-
-@Component({
-    selector: "app-paging-test",
-    styleUrls: ["./paging-test.component.scss"],
-    templateUrl: "./paging-test.component.html"
-})
-export class PagingComponent {
-    public pagingLocal: GridPagingMode = GridPagingMode.local;
-    public pagingRemote: GridPagingMode = GridPagingMode.remote;
-    constructor(){}
-}
-`);
-
-        const tree = await runner
-            .runSchematic('migration-19', {}, appTree);
-
-        const expectedContent =
-`import { Component } from '@angular/core';
-import { GridPagingMode } from "igniteui-angular";
-
-@Component({
-    selector: "app-paging-test",
-    styleUrls: ["./paging-test.component.scss"],
-    templateUrl: "./paging-test.component.html"
-})
-export class PagingComponent {
-    public pagingLocal: GridPagingMode = GridPagingMode.Local;
-    public pagingRemote: GridPagingMode = GridPagingMode.Remote;
-    constructor(){}
-}
-`;
-        expect(
-            tree.readContent(
-                '/testSrc/appPrefix/component/paging-test.component.ts'
-            )
-        ).toEqual(expectedContent);
-    });
 });

projects/igniteui-angular/migrations/update-11_1_0/index.spec.ts

@@ -30,6 +30,30 @@
         "remove": true,
         "owner": "switch-theme",
         "type": "property"
+      },
+      {
+        "name": "$date-selected-current-outline",
+        "remove": true,
+        "owner": "calendar-theme",
+        "type": "property"
+      },
+      {
+        "name": "$date-selected-current-hover-outline",
+        "remove": true,
+        "owner": "calendar-theme",
+        "type": "property"
+      },
+      {
+        "name": "$date-selected-current-focus-outline",
+        "remove": true,
+        "owner": "calendar-theme",
+        "type": "property"
+      },
+      {
+        "name": "$date-special-current-border-color",
+        "remove": true,
+        "owner": "calendar-theme",
+        "type": "property"
       }
     ]
   }

projects/igniteui-angular/migrations/update-19_2_0/changes/theme-changes.json

@@ -58,4 +58,27 @@ describe(`Update to ${version}`, () => {
             );`
         );
     });
+
+    it('should remove unused properties from the calendar theme', async () => {
+        const testFilePath = `/testSrc/appPrefix/component/test.component.scss`;
+
+        appTree.create(
+            testFilePath,
+            `$calendar-theme: calendar-theme(
+                $date-special-current-border-color: orange,
+                $date-selected-current-outline: orange,
+                $date-selected-current-hover-outline: orange,
+                $date-selected-current-focus-outline: orange,
+                $content-background: black
+            );`
+        );
+
+        const tree = await schematicRunner.runSchematic(migrationName, {}, appTree);
+
+        expect(tree.readContent(testFilePath)).toEqual(
+            `$calendar-theme: calendar-theme(
+                $content-background: black
+            );`
+        );
+    });
 });

projects/igniteui-angular/migrations/update-19_2_0/index.spec.ts

@@ -73,7 +73,7 @@
         "tslib": "^2.3.0",
         "igniteui-trial-watermark": "^3.0.2",
         "lodash-es": "^4.17.21",
-        "igniteui-theming": "^17.1.0",
+        "igniteui-theming": "^17.2.0",
         "@igniteui/material-icons-extended": "^3.1.0"
     },
     "peerDependencies": {

projects/igniteui-angular/package.json

@@ -200,5 +200,11 @@
         igx-icon {
             color: var-get($theme, 'delete-action');
         }
+
+        [igxIconButton] {
+            igx-icon {
+                color: var-get($theme, 'delete-action');
+            }
+        }
     }
 }

projects/igniteui-angular/src/lib/core/styles/components/action-strip/_action-strip-theme.scss

@@ -179,6 +179,10 @@
             @extend %date-range-preview !optional;
         }
 
+        @include e(date, $mods: ('range-preview', 'inactive')) {
+            @extend %date-range-preview-inactive !optional;
+        }
+
         @include e(date, $mods: ('range-preview', 'current')) {
             @extend %date-range-preview-current !optional;
         }
@@ -389,6 +393,18 @@
             @extend %date-last-preview-special !optional;
         }
 
+        @include e(date, $mods: ('first', 'range-preview', 'active')) {
+            @extend %date-first-preview-active !optional;
+        }
+
+        @include e(date, $mods: ('last', 'range-preview', 'active')) {
+            @extend %date-last-preview-active !optional;
+        }
+
+        @include e(date, $mods: ('first', 'last', 'selected')) {
+            @extend %date-first-last-selected !optional;
+        }
+
         @include e(date, $mods: ('first', 'range-preview', 'special', 'current')) {
             @extend %date-first-preview-special-current !optional;
         }