Merge remote-tracking branch 'origin/master' into dkamburov/pivot-pipes

Author: dkamburov

CHANGELOG.md

@@ -4,13 +4,15 @@ All notable changes for each version of this project will be documented in this
 
 ## 12.2.0
 
-### General
-- `igxGrid`, `igxHierarchicalGrid`, `igxTreeGrid`
-    - 'oddRowCSS' and 'evenRowCSS' properties has been deprecated
-
 ### New Features
 - `igxGrid`, `igxHierarchicalGrid`, `igxTreeGrid`
-    - Added two public methods that spawn the add row UI for an arbitrary record in the current data view. One that accepts a rowID to use as the row the UI spawns under and the other accepting an index that has a distinct implementation for `IgxTreeGrid`. Please, refer to the official documentation for more information:[Grid Row Adding](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/row-adding) and [Tree Grid Row Adding](https://www.infragistics.com/products/ignite-ui-angular/angular/components/treegrid/row-adding).
+    - Added capability to restore the state of multi column headers with `IgxGridStateDirective`.
+    - Introduced new 'rowStyles' and 'rowClasses' grid properties which allows to define a custom styling on each grid row
+    - Introduced two new *cancellable* outputs related to CRUD - `rowDelete` and `rowAdd`. Both use an `IGridEditEventArgs` object as an event argument.
+        ```html
+        <igx-grid #grid [data]="localData" (rowAdd)="rowAdd($event)" (rowDelete)="rowDelete($event)" [autoGenerate]="true"></igx-grid>
+        ```
+    - Added two public methods that spawn the add row UI for an arbitrary record in the current data view. One that accepts a rowID to use as the row the UI spawns under and the other accepting an index that has a distinct implementation for `IgxTreeGrid`. Please, refer to the official documentation for more information: [Grid Row Adding](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/row-adding) and [Tree Grid Row Adding](https://www.infragistics.com/products/ignite-ui-angular/angular/components/treegrid/row-adding).
 
         _Note:_ That the new record is still added at the end of the data view, after the end-user submits it.
         ```typescript
@@ -22,26 +24,26 @@ All notable changes for each version of this project will be documented in this
         this.treeGrid.beginAddRowByIndex(10, true);     // spawns the add row UI to add a child for the row at index 10
         this.treeGrid.beginAddRowByIndex(null);         // spawns the add row UI as the first record
         ```
-    - Added capability to restore the state of multi column headers with `IgxGridStateDirective`.
-    - Introduced new 'rowStyles' and 'rowClasses' grid properties which allows to define a custom styling on each grid row
+    - Added `headerStyles` and `headerGroupStyles` inputs to the column component.
+        Similar to `cellStyles` is exposes a way to bind CSS properties and style the grid headers.
+- `igxTreeGrid`
+    - Added `TreeGridMatchingRecordsOnlyFilteringStrategy`, which allows you to display only the records matching particular filtering condition without any trace for their parents.
 - `IgxSnackbarComponent`
     - Introduced new 'positionSettings' input which allows to define a custom animation and position.
 - `IgxToastComponent`
     - Introduced new 'positionSettings' input which allows to define a custom animation and position.
-## 12.1.3
-
-### New Features
-- `igxGrid`
-    - Added `headerStyles` and `headerGroupStyles` inputs to the column component.
-    Similar to `cellStyles` is exposes a way to bind CSS properties and style the grid headers.
 
-## 12.1.2
-- `igxGrid`
+### General
+- `igxGrid`, `igxHierarchicalGrid`, `igxTreeGrid`
+    - 'oddRowCSS' and 'evenRowCSS' properties has been deprecated
     - The column formatter callback signature now accepts the row data as an additional argument:
-    ```typescript formatter(value: any, rowData?: any)```
-    The `rowData` argument may be `undefined` in remote scenarios/applying the callback on filtering labels
-    so make sure to check its availability.
+        ```typescript
+        formatter(value: any, rowData?: any)
+        ```
+        The `rowData` argument may be `undefined` in remote scenarios/applying the callback on filtering labels so make sure to check its availability.
+- `IgxForOf` - now takes margins into account when calculating the space that each element takes.
 
+    _Note:_ If your virtualized items contain margins, please calculate them into the `itemSize` value for the best possible initial virtualized state.
 - `IgxExcelExporterService`
     - Added support for freezing column headers in **Excel**. By default, the column headers would not be frozen but this behavior can be controlled by the `freezeHeaders` option of the IgxExcelExporterOptions object.
 

README.md

@@ -4,7 +4,7 @@
 [![Build Status](https://dev.azure.com/IgniteUI/igniteui-angular/_apis/build/status/IgniteUI.igniteui-angular)](https://dev.azure.com/IgniteUI/igniteui-angular/_build/latest?definitionId=3)
 [![Coverage Status](https://coveralls.io/repos/github/IgniteUI/igniteui-angular/badge.svg?branch=master)](https://coveralls.io/github/IgniteUI/igniteui-angular?branch=master)
 [![npm version](https://badge.fury.io/js/igniteui-angular.svg)](https://badge.fury.io/js/igniteui-angular)
-![Discord](https://img.shields.io/discord/836634487483269200)
+[![Discord](https://img.shields.io/discord/836634487483269200?logo=discord&logoColor=ffffff)](https://discord.gg/39MjrTRqds)
 
 [Ignite UI for Angular](https://www.infragistics.com/products/ignite-ui-angular) is a complete set of Material-based UI Widgets, Components & Sketch UI kits, supporting directives for [Angular](https://angular.io/) by Infragistics. Ignite UI for Angular is designed to enable developers to build enterprise-ready, high-performance HTML5 & JavaScript apps for modern desktop browsers. With the use of all features, the world’s fastest Angular grid, 60+ real-time Angular charts, and more, you are empowered to engineer excellent mobile experiences and deliver progressive web apps (PWA’s) targeting Google's Angular framework. 
 

ROADMAP.md

@@ -8,12 +8,8 @@
 2. **[DONE]** Grid row styles and classes [#9969](https://github.com/IgniteUI/igniteui-angular/issues/9969)
 3. **[DONE]** Freezing Columns/Rows on Export to Excel (Angular) [#9863](https://github.com/IgniteUI/igniteui-angular/issues/9863)
 4. **[DONE]** Persistent State directive for column group [#8516](https://github.com/IgniteUI/igniteui-angular/issues/8516)
-5. IgxTreeGrid: display only filtered records [#9923](https://github.com/IgniteUI/igniteui-angular/issues/9923)
-6. IgxCombo: being able to set groups sorting order [#10125](https://github.com/IgniteUI/igniteui-angular/issues/10125)
-7. IgxCsvExporterService: Support multi-column headers export [#10078](https://github.com/IgniteUI/igniteui-angular/issues/10078)
-8. **[DONE]** Snackbar support for animation customization [#10126](https://github.com/IgniteUI/igniteui-angular/issues/10126)
-9. IgxLinearProgressBar: animate initial progress [#10068](https://github.com/IgniteUI/igniteui-angular/issues/10068)
-10. Getting only one sort and one filter event after changing the state of grid using setState function [#8064](https://github.com/IgniteUI/igniteui-angular/issues/8064)
+5. **[DONE]** IgxTreeGrid: display only filtered records [#9923](https://github.com/IgniteUI/igniteui-angular/issues/9923)
+6. **[DONE]** Snackbar support for animation customization [#10126](https://github.com/IgniteUI/igniteui-angular/issues/10126)
 
 ## Going down the road
 
@@ -24,6 +20,9 @@
 5. Themes: Split themes and aid with Grid refactoring [#9556](https://github.com/IgniteUI/igniteui-angular/issues/9556)
 6. Stepper component [#8667](https://github.com/IgniteUI/igniteui-angular/issues/8667)
 7. Make IgxDropDownBaseToken public [#10103](https://github.com/IgniteUI/igniteui-angular/issues/10103)
+8. IgxLinearProgressBar: animate initial progress [#10068](https://github.com/IgniteUI/igniteui-angular/issues/10068)
+9. IgxCombo: being able to set groups sorting order [#10125](https://github.com/IgniteUI/igniteui-angular/issues/10125)
+10. Getting only one sort and one filter event after changing the state of grid using setState function [#8064](https://github.com/IgniteUI/igniteui-angular/issues/8064)
 
 # Previous Milestone
 

projects/igniteui-angular-i18n/src/i18n/BG/calendar-resources.ts

@@ -9,7 +9,7 @@ const CalendarResourceStringsBG_: ExpandRequire<ICalendarResourceStrings> = {
     igx_calendar_range_start: 'Начало на диапазона',
     igx_calendar_range_end: 'Край на диапазона',
     igx_calendar_selected_month_is: 'Избраният месец е ',
-    igx_calendar_first_picker_of: 'Първия селктор от {0} започва от',
+    igx_calendar_first_picker_of: 'Първия селектор от {0} започва от',
     igx_calendar_multi_selection: 'Календар с множествен избор с {0} избирачи на дати',
     igx_calendar_range_selection: 'Календар с избор на диапазон с {0} избирачи на дати',
     igx_calendar_single_selection: 'Календар с {0} избирачи на дати',

projects/igniteui-angular-i18n/src/i18n/BG/chip-resources.ts

@@ -0,0 +1,12 @@
+import { IChipResourceStrings } from 'igniteui-angular';
+
+// exported below as re-cast to create declaration type with expanded properties
+const ChipResourceStringsBG_: ExpandRequire<IChipResourceStrings> = {
+    igx_chip_remove: 'Премахване на чипa',
+    igx_chip_select: 'Избор на чип'
+};
+
+/**
+ * Bulgarian resource strings for IgxChip
+ */
+export const ChipResourceStringsBG = ChipResourceStringsBG_ as ExpandRequire<IChipResourceStrings>;

projects/igniteui-angular-i18n/src/i18n/BG/input-resources.ts

@@ -0,0 +1,13 @@
+import { IInputResourceStrings } from 'igniteui-angular';
+
+// exported below as re-cast to create declaration type with expanded properties
+const InputResourceStringsBG_: ExpandRequire<IInputResourceStrings> = {
+    igx_input_upload_button: 'Качване на файл',
+    igx_input_clear_button: 'Изтриване',
+    igx_input_file_placeholder: 'Няма избран файл'
+};
+
+/**
+ * Bulgarian resource strings for IgxInput
+ */
+export const InputResourceStringsBG = InputResourceStringsBG_ as ExpandRequire<IInputResourceStrings>;

projects/igniteui-angular-i18n/src/i18n/BG/resources.ts

@@ -7,6 +7,8 @@ import { CarouselResourceStringsBG } from './carousel-resources';
 import { ListResourceStringsBG } from './list-resources';
 import { CalendarResourceStringsBG } from './calendar-resources';
 import { TreeResourceStringsBG } from './tree-resources';
+import { InputResourceStringsBG } from './input-resources';
+import { ChipResourceStringsBG} from './chip-resources';
 
 /**
  * Bulgarian resource strings for all components
@@ -20,5 +22,7 @@ export const IgxResourceStringsBG = {
     ...CarouselResourceStringsBG,
     ...ListResourceStringsBG,
     ...CalendarResourceStringsBG,
-    ...TreeResourceStringsBG
+    ...TreeResourceStringsBG,
+    ...InputResourceStringsBG,
+    ...ChipResourceStringsBG
 };

projects/igniteui-angular-i18n/src/i18n/CS/chip-resources.ts

@@ -0,0 +1,12 @@
+import { IChipResourceStrings } from 'igniteui-angular';
+
+// exported below as re-cast to create declaration type with expanded properties
+const ChipResourceStringsCS_: ExpandRequire<IChipResourceStrings> = {
+    igx_chip_remove: 'Odebrat čip',
+    igx_chip_select: 'Vybrat čip'
+};
+
+/**
+ * Czech resource strings for IgxChip
+ */
+export const ChipResourceStringsCS = ChipResourceStringsCS_ as ExpandRequire<IChipResourceStrings>;

projects/igniteui-angular-i18n/src/i18n/CS/input-resources.ts

@@ -0,0 +1,13 @@
+import { IInputResourceStrings } from 'igniteui-angular';
+
+// exported below as re-cast to create declaration type with expanded properties
+const InputResourceStringsCS_: ExpandRequire<IInputResourceStrings> = {
+    igx_input_upload_button: 'Nahrát soubor',
+    igx_input_clear_button: 'Vymazat',
+    igx_input_file_placeholder: 'Není zvolený žádný soubor'
+};
+
+/**
+ * Czech resource strings for IgxInput
+ */
+export const InputResourceStringsCS = InputResourceStringsCS_ as ExpandRequire<IInputResourceStrings>;

projects/igniteui-angular-i18n/src/i18n/CS/resources.ts

@@ -7,6 +7,8 @@ import { CarouselResourceStringsCS } from './carousel-resources';
 import { ListResourceStringsCS } from './list-resources';
 import { CalendarResourceStringsCS } from './calendar-resources';
 import { TreeResourceStringsCS } from './tree-resources';
+import { InputResourceStringsCS } from './input-resources';
+import { ChipResourceStringsCS } from './chip-resources';
 
 /**
  * Czech resource strings for all components
@@ -20,5 +22,7 @@ export const IgxResourceStringsCS = {
     ...CarouselResourceStringsCS,
     ...ListResourceStringsCS,
     ...CalendarResourceStringsCS,
-    ...TreeResourceStringsCS
+    ...TreeResourceStringsCS,
+    ...InputResourceStringsCS,
+    ...ChipResourceStringsCS
 };