Merge branch 'master' of https://github.com/IgniteUI/igniteui-angular into ha-mutliview-calendar-2

Author: hanastasov

CHANGELOG.md

@@ -2,6 +2,35 @@
 
 All notable changes for each version of this project will be documented in this file.
 
+## 8.2.0
+
+### New Features
+- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
+    - `uniqueColumnValuesStrategy` input is added. This property provides a callback for loading unique column values on demand. If this property is provided, the unique values it generates will be used by the Excel Style Filtering (instead of using the unique values from the data that is bound to the grid).
+    - `igxExcelStyleLoading` directive is added, which can be used to provide a custom loading template for the Excel Style Filtering. If this property is not provided, a default loading template will be used instead.
+### General
+- `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`
+    - **Breaking Change** `igxExcelStyleSortingTemplate` directive is renamed to `igxExcelStyleSorting`.
+    - **Breaking Change** `igxExcelStyleMovingTemplate` directive is renamed to `igxExcelStyleMoving`.
+    - **Breaking Change** `igxExcelStyleHidingTemplate` directive is renamed to `igxExcelStyleHiding`.
+    - **Breaking Change** `igxExcelStylePinningTemplate` directive is renamed to `igxExcelStylePinning`.
+
+## 8.1.3
+- `IgxCombo`
+    - Combo `onSelectionChange` events now emits the item(s) that were added to or removed from the collection:
+    ```html
+    <igx-combo (onSelectionChange)="handleChange($event)">
+    ```
+    ```typescript
+        export class Example {
+            ...
+            handleChange(event: IComboSelectionChangeEventArgs) {
+            console.log("Items added: ", [...event.added]); // the items added to the selection in this change
+            console.log("Items removed: ", [...event.removed]); // the items removed from the selection in this change
+            }
+        }
+    ```
+
 ## 8.1.2
 
 ### New Features

projects/igniteui-angular/migrations/migration-collection.json

@@ -45,6 +45,11 @@
             "version": "7.3.4",
             "description": "Updates Ignite UI for Angular from v7.2.0 to v7.3.4",
             "factory": "./update-7_3_4"
+        },
+        "migration-10": {
+            "version": "8.2.0",
+            "description": "Updates Ignite UI for Angular from v8.1.x to v8.2.0",
+            "factory": "./update-8_2_0"
         }
     }
 }

projects/igniteui-angular/migrations/update-8_2_0/changes/selectors.json

@@ -0,0 +1,25 @@
+{
+    "$schema": "../../common/schema/selector.schema.json",
+    "changes": [
+        {
+            "type": "directive",
+            "selector": "igxExcelStyleSortingTemplate",
+            "replaceWith": "igxExcelStyleSorting"
+        },
+        {
+            "type": "directive",
+            "selector": "igxExcelStyleMovingTemplate",
+            "replaceWith": "igxExcelStyleMoving"
+        },
+        {
+            "type": "directive",
+            "selector": "igxExcelStyleHidingTemplate",
+            "replaceWith": "igxExcelStyleHiding"
+        },
+        {
+            "type": "directive",
+            "selector": "igxExcelStylePinningTemplate",
+            "replaceWith": "igxExcelStylePinning"
+        }
+    ]
+}

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

@@ -0,0 +1,53 @@
+import * as path from 'path';
+
+// tslint:disable:no-implicit-dependencies
+import { virtualFs } from '@angular-devkit/core';
+import { EmptyTree } from '@angular-devkit/schematics';
+// tslint:disable-next-line:no-submodule-imports
+import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
+
+describe('Update 8.2.0', () => {
+    let appTree: UnitTestTree;
+    const schematicRunner = new SchematicTestRunner('ig-migrate', path.join(__dirname, '../migration-collection.json'));
+    const configJson = {
+        defaultProject: 'testProj',
+        projects: {
+            testProj: {
+                sourceRoot: '/testSrc'
+            }
+        },
+        schematics: {
+            '@schematics/angular:component': {
+                prefix: 'appPrefix'
+            }
+        }
+      };
+
+    beforeEach(() => {
+        appTree = new UnitTestTree(new EmptyTree());
+        appTree.create('/angular.json', JSON.stringify(configJson));
+    });
+
+    it('should update Excel Style Filtering template selectors', done => {
+        appTree.create(
+            '/testSrc/appPrefix/component/custom.component.html',
+            `<igx-grid [data]="data" height="500px" [autoGenerate]="true" [allowFiltering]='true' [filterMode]="'excelStyleFilter'">
+                <ng-template igxExcelStyleSortingTemplate><div class="esf-custom-sorting">Sorting Template</div></ng-template>
+                <ng-template igxExcelStyleHidingTemplate><div class="esf-custom-hiding">Hiding Template</div></ng-template>
+                <ng-template igxExcelStyleMovingTemplate><div class="esf-custom-moving">Moving Template</div></ng-template>
+                <ng-template igxExcelStylePinningTemplate><div class="esf-custom-pinning">Pinning Template</div></ng-template>
+            </igx-grid>`);
+
+        const tree = schematicRunner.runSchematic('migration-10', {}, appTree);
+        expect(tree.readContent('/testSrc/appPrefix/component/custom.component.html'))
+            .toEqual(
+            `<igx-grid [data]="data" height="500px" [autoGenerate]="true" [allowFiltering]='true' [filterMode]="'excelStyleFilter'">
+                <ng-template igxExcelStyleSorting><div class="esf-custom-sorting">Sorting Template</div></ng-template>
+                <ng-template igxExcelStyleHiding><div class="esf-custom-hiding">Hiding Template</div></ng-template>
+                <ng-template igxExcelStyleMoving><div class="esf-custom-moving">Moving Template</div></ng-template>
+                <ng-template igxExcelStylePinning><div class="esf-custom-pinning">Pinning Template</div></ng-template>
+            </igx-grid>`);
+
+        done();
+    });
+});

projects/igniteui-angular/migrations/update-8_2_0/index.ts

@@ -0,0 +1,17 @@
+import {
+    Rule,
+    SchematicContext,    
+    Tree
+} from '@angular-devkit/schematics';
+import { UpdateChanges } from '../common/UpdateChanges';
+
+const version = '8.2.0';
+
+export default function(): Rule {
+    return (host: Tree, context: SchematicContext) => {
+        context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
+
+        const update = new UpdateChanges(__dirname, host, context);
+        update.applyChanges();
+    };
+}

projects/igniteui-angular/src/lib/banner/banner.component.ts

@@ -47,13 +47,13 @@ export class IgxBannerComponent implements IToggleView {
     @ViewChild('expansionPanel', { static: true })
     private _expansionPanel: IgxExpansionPanelComponent;
 
-    @ContentChild(IgxBannerActionsDirective, { static: true })
+    @ContentChild(IgxBannerActionsDirective, { static: false })
     private _bannerActionTemplate: IgxBannerActionsDirective;
 
     /**
      * @hidden
      */
-    @ContentChild(IgxIconComponent, { static: true })
+    @ContentChild(IgxIconComponent, { static: false })
     public bannerIcon: IgxIconComponent;
 
     /**

projects/igniteui-angular/src/lib/chips/chip.component.ts

@@ -19,7 +19,7 @@ import {
     IDragStartEventArgs,
     IgxDropEnterEventArgs,
     IgxDropEventArgs
-} from '../directives/dragdrop/dragdrop.directive';
+} from '../directives/drag-drop/drag-drop.directive';
 
 
 export interface IBaseChipEventArgs {

projects/igniteui-angular/src/lib/chips/chips-area.component.ts

@@ -23,7 +23,7 @@ import {
 } from './chip.component';
 import {
     IgxDropEnterEventArgs
-} from '../directives/dragdrop/dragdrop.directive';
+} from '../directives/drag-drop/drag-drop.directive';
 import { takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs/internal/Subject';
 

projects/igniteui-angular/src/lib/chips/chips.module.ts

@@ -6,7 +6,7 @@ import { IgxAvatarModule } from '../avatar/avatar.component';
 import { IgxIconModule } from '../icon/index';
 import { IgxChipComponent } from './chip.component';
 import { IgxChipsAreaComponent } from './chips-area.component';
-import { IgxDragDropModule } from '../directives/dragdrop/dragdrop.directive';
+import { IgxDragDropModule } from '../directives/drag-drop/drag-drop.directive';
 import { IgxPrefixModule, IgxPrefixDirective} from '../directives/prefix/prefix.directive';
 import { IgxSuffixModule, IgxSuffixDirective } from '../directives/suffix/suffix.directive';
 

projects/igniteui-angular/src/lib/combo/README.md

@@ -276,14 +276,14 @@ Setting `[displayDensity]` affects the control's items' and inputs' css properti
 
 | Name                | Description                                                             | Cancelable   | Parameters                              |
 |------------------   |-------------------------------------------------------------------------|------------- |-----------------------------------------|
-| `onSelectionChange` | Emitted when item selection is changing, before the selection completes | true         | { oldSelection: `Array<any>`, newSelection: `Array<any>`, event: Event } |
+| `onSelectionChange` | Emitted when item selection is changing, before the selection completes | true         | [`IComboSelectionChangeEventArgs`](https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/interfaces/icomboselectionchangeeventargs.html) |
 | `onSearchInput`     | Emitted when an the search input's input event is triggered             | false        | { searchValue: `string` }               |
-| `onAddition`        | Emitted when an item is being added to the data collection              | false        | { oldCollection: `Array<any>`, addedItem: `<any>`, newCollection: `Array<any>` }|
-| `onDataPreLoad`     | Emitted when new chunk of data is loaded from the virtualization        | false        | { event: Event }                        |
-| `onOpening`   | Emitted before the dropdown is opened                                   | false        | { event: Event }                        |
-| `onOpened`    | Emitted after the dropdown is opened                                    | false        | { event: Event }                        |
-| `onClosing`   | Emitted before the dropdown is closed                                   | false        | { event: Event }                        |
-| `onClosed`    | Emitted after the dropdown is closed                                    | false        | { event: Event }                        |
+| `onAddition`        | Emitted when an item is being added to the data collection              | false        | { oldCollection: `any[]`, addedItem: `<any>`, newCollection: `any[]` }|
+| `onDataPreLoad`     | Emitted when new chunk of data is loaded from the virtualization        | false        | { event: `Event` }                        |
+| `onOpening`   | Emitted before the dropdown is opened                                   | false        | { event: `Event` }                        |
+| `onOpened`    | Emitted after the dropdown is opened                                    | false        | { event: `Event` }                        |
+| `onClosing`   | Emitted before the dropdown is closed                                   | false        | { event: `Event` }                        |
+| `onClosed`    | Emitted after the dropdown is closed                                    | false        | { event: `Event` }                        |
 
 ### Methods
 
@@ -292,9 +292,9 @@ Setting `[displayDensity]` affects the control's items' and inputs' css properti
 | `open`           | Opens drop down             | `void`               | `None`                      |
 | `close`          | Closes drop down            | `void`               | `None`                      |
 | `toggle`         | Toggles drop down           | `void`               | `None`                      |
-| `selectedItems`  | Get current selection state | `Array<any>`         | `None`                      |
-| `selectItems`    | Select defined items        | `void`               | items: `Array<any>`, clearCurrentSelection: `boolean` |
-| `deselectItems`  | Deselect defined items      | `void`               | items: `Array<any>`         |
+| `selectedItems`  | Get current selection state | `any[]`         | `None`                      |
+| `selectItems`    | Select defined items        | `void`               | items: `any[]`, clearCurrentSelection: `boolean` |
+| `deselectItems`  | Deselect defined items      | `void`               | items: `any[]`         |
 | `selectAllItems` | Select all (filtered) items | `void`               | ignoreFilter?: `boolean` - if `true` selects **all** values |
 | `deselectAllItems` | Deselect (filtered) all items | `void`           | ignoreFilter?: `boolean` - if `true` deselects **all** values |
 | `setSelectedItem` | Toggles (select/deselect) an item by key | `void` | itemID: any, select = true, event?: Event |