Merge branch 'master' into astaev/formatFilterStrategy

# Conflicts:
#	projects/igniteui-angular/src/lib/grids/filtering/excel-style/grid.excel-style-filtering.component.ts

Author: DiyanDimitrov

CHANGELOG.md

@@ -2,26 +2,34 @@
 
 All notable changes for each version of this project will be documented in this file.
 ## 11.1.0
-### General
-- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
-    - The following new events are introduced: `sorting`, `filtering`, `columnPinned`, `columnVisibilityChanging`.
-    - **Behavioral Change** -
-    - `onColumnPinning` to emit `IPinColumnCancellableEventArgs` instead of `IPinColumnEventArgs`.
 
 ### New Features
 - `IgxDropDown`
     - The `igx-drop-down-item` now allows for `igxPrefix`, `igxSuffix` and `igx-divider` directives to be passed as `ng-content` and they will be renderer accordingly in the item's content.
 - `IgxGrid`
     - Added support for exporting grouped data.
+- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
+    - Support for `currency` type columns is added in the grid.
+- `IgxPaginator`
+    - `paging` and `pagingDone` events are now emitted.
 - `IgxInput` now supports `type="file"` and its styling upon all themes.  
    _Note: validation of file type input is not yet supported._
 
 ### General
+- **Breaking Change** - Many outputs are renamed with the introduction of new rules in Ignite UI for Angular's naming convention. Please, ensure that when you update to 11.1 you do so through
+    ```
+    ng update igniteui-angular
+    ```
+    or execute the update migrations manually afterwards
+    ```
+    ng update igniteui-angular --migrate-only
+    ```
+    This will ensure your application is updated to use the new output names.
 - `IgxDialog`
     - The dialog content has been moved inside the dialog window container in the template. This means that if you have added something in-between the opening and closing tags of the dialog, you may have to adjust its styling a bit since that content is now rendered inside a container that has padding on it.
 - `IgxCalendar`
     - A new string enumeration `IgxCalendarView` is exported. Either the new one or the current `CalendarView` can be used. `CalendarView` will be deprecated in a future release.
-    - `onSelection` is now `selected` 
+    - `onSelection` is now `selected`
     - `onViewChanging` is now `viewChanging`
     - `onDateSelection` is now `dateSelection`
     - `onYearSelection` is now `yearSelection`
@@ -42,21 +50,46 @@ All notable changes for each version of this project will be documented in this
 - `IgxDialog`
     - Added new `onOpened` and `onClosed` events.
 - `IgxIcon`
-    - **Deprecated** - The `color` input property has been deprecated. 
+    - **Deprecated** - The `color` input property has been deprecated.
     - **Renamed inputs**
         `isActive` to `active`
         `fontSet` to `family`
 - `IgxToast`
-    - **Breaking Change** - 
+    - **Breaking Change** -
     `show` and `hide` methods have been deprecated. `open` and `close` should be used instead.
     `onShowing`,`onShown`,`onHiding` and `onHiden` events have been deprecated. `onOpening`, `onOpened`, `onClosing` and `onClosed`should be used instead.
 - `IgxInputGroup`
     - Added new property `theme` that allows you to set the theme explicitly and at runtime.
 - `IgxSnackbar`
     - `show` and `hide` methods have been deprecated. `open` and `close` should be used instead.
+- `IgxSplitter`
+    - **Breaking Change** - the `onToggle` output is deprecated. A new output is introduced to replace it - `collapsedChange`. This allows for the `collapsed` state to be two-way bindable using the syntax ```[(collapsed)]="paneCollapse"```
+- `IgxChip`
+    - **Breaking Change** - The following outputs are renamed:
+        - `onMoveStart` to `moveStart`
+        - `onMoveEnd` to `moveEnd`
+        - `onRemove` to `remove`
+        - `onClick` to `chipClick`
+        - `onSelection` to `selectedChanging`
+        - `onSelectionDone` to `selectedChanged`
+        - `onKeyDown` to `keyDown`
+        - `onDragEnter` to `dragEnter`
+- `IgxChipArea`
+    - **Breaking Change** - The following outputs are renamed:
+        - `onReorder` to `reorder`
+        - `onSelection` to `selectionChange`
+        - `onMoveStart` to `moveStart`
+        - `onMoveEnd` to `moveEnd`
 - `IgxGrid`, `IgxHierarchicalGrid`, `IgxTreeGrid`
     - Added new property `selectRowOnClick` that determines whether clicking over a row will change its selection state or not. Set to `true` by default.
     - `GridPagingMode` enum members rename - `local` to `Local` and `remote` to `Remote`. Example:  `GridPagingMode.Local`.
+    - The following new events are introduced: `sorting`, `filtering`, `columnPinned`, `columnVisibilityChanging`.
+    - **Behavioral Change** -
+        - `onColumnPinning` to emit `IPinColumnCancellableEventArgs` instead of `IPinColumnEventArgs`.
+    - **Breaking Change**:
+        - `onPagingDone` output is removed. Use the `paging` and `pagingDone` outputs exposed by the `IgxPaginator`.
+        - `page`, `perPage`, `paginate`, `nextPage`, `previousPage` and `totalPages` in the grids are deprecated and will be removed. Use the corresponding `IgxPaginator` outputs/inputs. When using an external paginator, take care to provide the corresponding slice of data. See [`Paging with Custom Template`](https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/paging#remote-paging-with-custom-template)
+    
 
 ## 11.0.4
 

projects/igniteui-angular/migrations/update-11_1_0/changes/members.json

@@ -57,6 +57,90 @@
                 "IgxIconComponent"
             ]
         },
+        {
+            "member": "onMoveStart",
+            "replaceWith": "moveStart",
+            "definedIn": [
+                "IgxChipComponent"
+            ]
+        },
+        {
+            "member": "onMoveEnd",
+            "replaceWith": "moveEnd",
+            "definedIn": [
+                "IgxChipComponent"
+            ]
+        },
+        {
+            "member": "onRemove",
+            "replaceWith": "remove",
+            "definedIn": [
+                "IgxChipComponent"
+            ]
+        },
+        {
+            "member": "onClick",
+            "replaceWith": "chipClick",
+            "definedIn": [
+                "IgxChipComponent"
+            ]
+        },
+        {
+            "member": "onSelection",
+            "replaceWith": "selectedChanging",
+            "definedIn": [
+                "IgxChipComponent"
+            ]
+        },
+        {
+            "member": "onSelectionDone",
+            "replaceWith": "selectedChanged",
+            "definedIn": [
+                "IgxChipComponent"
+            ]
+        },
+        {
+            "member": "onKeyDown",
+            "replaceWith": "keyDown",
+            "definedIn": [
+                "IgxChipComponent"
+            ]
+        },
+        {
+            "member": "onDragEnter",
+            "replaceWith": "dragEnter",
+            "definedIn": [
+                "IgxChipComponent"
+            ]
+        },
+        {
+            "member": "onReorder",
+            "replaceWith": "reorder",
+            "definedIn": [
+                "IgxChipsAreaComponent"
+            ]
+        },
+        {
+            "member": "onSelection",
+            "replaceWith": "selectionChange",
+            "definedIn": [
+                "IgxChipsAreaComponent"
+            ]
+        },
+        {
+            "member": "onMoveStart",
+            "replaceWith": "moveStart",
+            "definedIn": [
+                "IgxChipsAreaComponent"
+            ]
+        },
+        {
+            "member": "onMoveEnd",
+            "replaceWith": "moveEnd",
+            "definedIn": [
+                "IgxChipsAreaComponent"
+            ]
+        },
         {
             "member": "onExportEnded",
             "replaceWith": "exportEnded",

projects/igniteui-angular/migrations/update-11_1_0/changes/outputs.json

@@ -1,14 +1,6 @@
 {
     "$schema": "../../common/schema/binding.schema.json",
     "changes": [
-        {
-            "name": "onToggle",
-            "replaceWith": "collapsedChange",
-            "owner": {
-                "selector": "igx-splitter-pane",
-                "type": "component"
-            }
-        },
         {
             "name": "onTabItemSelected",
             "replaceWith": "tabItemSelected",
@@ -232,6 +224,102 @@
                 "selector": "igx-months-view",
                 "type": "component"
             }
+        },
+        {
+            "name": "onReorder",
+            "replaceWith": "reorder",
+            "owner": {
+                "selector": "igx-chips-area",
+                "type": "component"
+            }
+        },
+        {
+            "name": "onSelection",
+            "replaceWith": "selectionChange",
+            "owner": {
+                "selector": "igx-chips-area",
+                "type": "component"
+            }
+        },
+        {
+            "name": "onMoveStart",
+            "replaceWith": "moveStart",
+            "owner": {
+                "selector": "igx-chips-area",
+                "type": "component"
+            }
+        },
+        {
+            "name": "onMoveEnd",
+            "replaceWith": "moveEnd",
+            "owner": {
+                "selector": "igx-chips-area",
+                "type": "component"
+            }
+        },
+        {
+            "name": "onMoveStart",
+            "replaceWith": "moveStart",
+            "owner": {
+                "selector": "igx-chip",
+                "type": "component"
+            }
+        },
+        {
+            "name": "onMoveEnd",
+            "replaceWith": "moveEnd",
+            "owner": {
+                "selector": "igx-chip",
+                "type": "component"
+            }
+        },
+        {
+            "name": "onRemove",
+            "replaceWith": "remove",
+            "owner": {
+                "selector": "igx-chip",
+                "type": "component"
+            }
+        },
+        {
+            "name": "onClick",
+            "replaceWith": "chipClick",
+            "owner": {
+                "selector": "igx-chip",
+                "type": "component"
+            }
+        },
+        {
+            "name": "onSelection",
+            "replaceWith": "selectedChanging",
+            "owner": {
+                "selector": "igx-chip",
+                "type": "component"
+            }
+        },
+        {
+            "name": "onSelectionDone",
+            "replaceWith": "selectedChanged",
+            "owner": {
+                "selector": "igx-chip",
+                "type": "component"
+            }
+        },
+        {
+            "name": "onKeyDown",
+            "replaceWith": "keyDown",
+            "owner": {
+                "selector": "igx-chip",
+                "type": "component"
+            }
+        },
+        {
+            "name": "onDragEnter",
+            "replaceWith": "dragEnter",
+            "owner": {
+                "selector": "igx-chip",
+                "type": "component"
+            }
         }
     ]
 }

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

@@ -184,22 +184,54 @@ export class IconTestComponent {
         ).toEqual(expectedContent);
     });
 
-    it('should replace onToggle with collapsedChange ', async () => {
+    it('should replace on-prefixed outputs in chip and chips-area', async () => {
         appTree.create(
-            `/testSrc/appPrefix/component/splitter.component.html`,
-            `<igx-splitter style='height: 30vh;' [type]='0'>
-                <igx-splitter-pane (onToggle)="toggled()">
-                </igx-splitter-pane>
-            </igx-splitter>`
+            `/testSrc/appPrefix/component/chips.component.html`,
+            `<igx-chips-area #chipsAreaTo class="chipAreaTo"
+                (onReorder)="chipsOrderChangedTo($event)"
+                (onSelection)="chipsSelectionChanged($event)"
+                (onMoveStart)="chipsMoveStart($event)"
+                (onMoveEnd)="chipsMoveEnd($event)">
+                <igx-chip *ngFor="let chip of chipListTo"
+                    [id]="chip.id"
+                    [draggable]="true"
+                    (onClick)="chipClicked()"
+                    (onRemove)="chipRemoved()"
+                    (onKeyDown)="chipKeyDown()"
+                    (onDragEnter)="dragEnter()"
+                    (onSelection)="chipSelection()"
+                    (onSelectionDone)="chipSelectionDone()"
+                    (onMoveStart)="onMoveStartTo()"
+                    (onMoveEnd)="moveEndedTo()">
+                    <igx-avatar igxPrefix class="chip-area-avatar"></igx-avatar>
+                    <span>{{chip.text}}</span>
+                </igx-chip>
+            </igx-chips-area>`
         );
+        const tree = await runner.runSchematicAsync(migrationName, {}, appTree)
+            .toPromise();
 
-        const tree = await runner.runSchematicAsync(migrationName, {}, appTree).toPromise();
-
-        expect(tree.readContent('/testSrc/appPrefix/component/splitter.component.html'))
-            .toEqual(`<igx-splitter style='height: 30vh;' [type]='0'>
-                <igx-splitter-pane (collapsedChange)="toggled()">
-                </igx-splitter-pane>
-            </igx-splitter>`);
+        expect(tree.readContent('/testSrc/appPrefix/component/chips.component.html'))
+            .toEqual(`<igx-chips-area #chipsAreaTo class="chipAreaTo"
+                (reorder)="chipsOrderChangedTo($event)"
+                (selectionChange)="chipsSelectionChanged($event)"
+                (moveStart)="chipsMoveStart($event)"
+                (moveEnd)="chipsMoveEnd($event)">
+                <igx-chip *ngFor="let chip of chipListTo"
+                    [id]="chip.id"
+                    [draggable]="true"
+                    (chipClick)="chipClicked()"
+                    (remove)="chipRemoved()"
+                    (keyDown)="chipKeyDown()"
+                    (dragEnter)="dragEnter()"
+                    (selectedChanging)="chipSelection()"
+                    (selectedChanged)="chipSelectionDone()"
+                    (moveStart)="onMoveStartTo()"
+                    (moveEnd)="moveEndedTo()">
+                    <igx-avatar igxPrefix class="chip-area-avatar"></igx-avatar>
+                    <span>{{chip.text}}</span>
+                </igx-chip>
+            </igx-chips-area>`);
     });
 
     it('should replace IgxTabsComponent event name onTabItemSelected with tabItemSelected', async () => {