Merge branch 'master' of https://github.com/IgniteUI/igniteui-angular

Author: zdrawku

.github/workflows/nodejs.yml

@@ -16,7 +16,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [14.x, 16.x]
+        node-version: [14.x, 16.x, 18.x]
 
     steps:
       - name: Checkout
@@ -36,15 +36,10 @@ jobs:
         run: npm run lint:i18n
       - name: Build
         run: npm run build:lib
-    #   - name: Test
-    #     run: |
-    #         npm run test:lib
-    #         npm run test:styles
-    #         npm run test:schematics
-    #         npm run test:i18n
       - name: Test
         run: |
             npm run test:lib
+            npm run test:styles
             npm run test:schematics
             npm run test:i18n
         env:

CHANGELOG.md

@@ -2,6 +2,53 @@
 
 All notable changes for each version of this project will be documented in this file.
 
+## 15.0.0
+
+### New Features
+- `igxGrid` - exposing new Input properties:
+
+    - `excelStyleHeaderIconTemplate` - Gets/Sets the excel style header icon.
+    - `groupRowTemplate` - Gets/Sets the template reference for the group row.
+    - `headSelectorTemplate` - Gets/Sets the header row selector template.
+    - `rowSelectorTemplate` - Gets/Sets the custom template used for row selectors.
+    - `groupByRowSelectorTemplate` - Gets/Sets the custom template used for the group row selectors.
+    - `sortHeaderIconTemplate` - Gets/Sets a custom template that should be used when rendering a header sorting indicator when columns are not sorted.
+    - `sortAscendingHeaderIconTemplate` - Gets/Sets a custom template that should be used when rendering a header sorting indicator when columns are sorted in asc order.
+    - `sortDescendingHeaderIconTemplate` - Gets/Sets a custom template that should be used when rendering a header sorting indicator when columns are sorted in desc order.
+    - `rowEditActionsTemplate` - Gets/Sets the row edit actions template.
+    - `rowAddTextTemplate` - Gets/Sets the row add text template.
+    - `rowEditTextTemplate` - Gets/Sets the row edit text template.
+    - `dragGhostCustomTemplate` - Gets/Sets the custom template used for row drag.
+    - `dragIndicatorIconTemplate` - Gets/Sets the custom template used for row drag indicator.
+    - `detailTemplate` - Gets/Sets the master-detail template.
+
+## 14.2.0
+
+### New Features
+- The filtering logic inside the grid's Advanced Filtering  is now extracted as a separate  `IgxQueryBuilder` component. The Query Builder allows you to build complex queries by specifying AND/OR operators, conditions and values using the UI. It outputs an object describing the structure of the query. Use the `locale` property to modify the locale settings. The default value is resolved to the global Angular application locale. The `resourceStrings` allows changing the displayed strings.
+    
+    - Code example below:
+
+    ```html
+    <igx-query-builder [fields]="fields">
+        <!-- Custom header -->
+        <igx-query-builder-header [title]="'Custom title'"
+            [showLegend]="false">
+        </igx-query-builder-header>
+    </igx-query-builder>
+    ```
+
+    - For more information, check out the [README](https://github.com/IgniteUI/igniteui-angular/blob/master/projects/igniteui-angular/src/lib/query-builder/README.md), [specification](https://github.com/IgniteUI/igniteui-angular/wiki/Query-Builder) and [official documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/query-builder).
+
+- `IgxExcelExporterService`
+    - Added support for exporting `igxPivotGrid`.
+
+### General
+
+- **Breaking Changes** - The Excel exporter service `exportEnded` event has its `xlsx` argument type changed as `igniteui-angular` no longer depends on `JSZip`. Instead of providing a `JSZip` instance it is now an object describing the structure of the Excel file with property names corresponding to folders or files, folders being objects themselves that can be traversed down, while files have their contents as `Uint8Array`. The same structure is used to package as a zip file by `fflate`'s API.
+- `IgxDropDown`
+    - The `aria-label` attribute of the `IgxDropDownItemBase` can now be se to a custom value for its descendants (of which `IgxDropDownItem`) by the `ariaLabel` property.
+
 ## 14.1.0
 
 ### New Features
@@ -63,14 +110,40 @@ All notable changes for each version of this project will be documented in this
     ```
 
 - `igxGrid`
+    - Added built-in validation mechanism for Grid Editing. Extends the [Angular Form validation](https://angular.io/guide/form-validation) functionality
+        You can configure it in 2 ways:
+        1. Via template-driven configuration on the `igx-column` of the grid:
+            ```html
+            <igx-column required minlength="4" ...>
+            ```
+        2. Via reactive forms using the FormGroup exposed via the `formGroupCreated` event of the grid:
+
+            ```html
+            <igx-grid (formGroupCreated)='formCreateHandler($event)' ...>
+            ```
+
+            ```ts
+            public formCreateHandler(formGr: FormGroup) {
+                // add a validator
+                const prodName = formGr.get('UserName');
+                prodName.addValidators(forbiddenNameValidator(/bob/i))
+            }
+            ```
+
+        Edited cells will enter an invalid state when validation fails and will show an error icon and message. Cell will remain invalid until the value is edited to a valid value or the related state in the validation service is cleared.
+
+        You can refer to the documentation for more details: https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/validation
     - Added ability to auto-size columns to the size of their cells and header content on initialization by setting width `auto`:
     ```
     <column width='auto' ...>
     ```
     - Added support for restoring filtering expressions with custom filtering operands for the `IgxGridStateDirective`.
+    
 
 - Added the `IgcFormControl` directive that, when imported with its `IgcFormsModule`, is designed to seamlessly attach to form components from the Ignite UI for WebComponents package and allows using them in Angular templates and reactive forms with support for `ngModel` and `formControlName` directives. Currently the only Web Component with support through the directive is `igc-rating`.
 
+
+
 ### General
 
 - **Breaking Changes** - `filterable` property of `IgxComboComponent` is now deprecated and will be removed in future version. Use `filteringOptions.filterable` instead.