Merge branch 'master' into ibarakov/fix-8162-master

Author: igdmdimitrov

CHANGELOG.md

@@ -30,15 +30,17 @@ All notable changes for each version of this project will be documented in this
     - `onOpening` and `onClosing` events are emitting now arguments of `ToggleViewCancelableEventArgs` type.
 - `IgxSelect`
     - Added `aria-labelledby` property for the items list container(marked as `role="listbox"`). This will ensure the users of assistive technologies will also know what the list items container is used for, upon opening.
-- `IgxDatePicker`	
+- `IgxDatePicker`
     - **Breaking Change** - Deprecated the `label` property.
     - Added `aria-labelledby` property for the input field. This will ensure the users of assistive technologies will also know what component is used for, upon input focus.
 - `igxNavigationDrawer`
     - Added `disableAnimation` property which enables/disables the animation, when toggling the drawer. Set to `false` by default.
 - `igxTabs`
     - Added `disableAnimation` property which enables/disables the transition animation of the tabs' content. Set to `false` by default.
 - `IgxExpansionPanel`
-    - `IExpansionPanelEventArgs.panel` - Deprecated. Usе `owner` property to get a reference to the panel. 
+    - `IExpansionPanelEventArgs.panel` - Deprecated. Usе `owner` property to get a reference to the panel.
+- `IgxCalendarComponent`, `IgxMonthsViewComponent` and `IgxYearsViewComponent`
+    - `tabIndex` property was removed  in order to improve on page navigation and to be compliant with W3 accessability recommendations; Also the date grid in the calendar is now only one tab stop, the same approach is applied and in the `IgxMonthsViewComponent` and `IgxYearsViewComponent`;
 
 ### New Features
 - `IgxGrid`, `IgxTreeGrid`, `IgxHierarchicalGrid`

package-lock.json

@@ -52,7 +52,7 @@
     "@angular/platform-browser": "^10.1.0",
     "@angular/platform-browser-dynamic": "^10.1.0",
     "@angular/router": "^10.1.0",
-    "@igniteui/material-icons-extended": "^2.3.0",
+    "@igniteui/material-icons-extended": "^2.4.0",
     "@types/hammerjs": "^2.0.36",
     "@types/source-map": "0.5.2",
     "classlist.js": "^1.1.20150312",

package.json

@@ -236,7 +236,7 @@ export function getTypeDefinitionAtPosition(langServ: tss.LanguageService, entry
             .filter(<(a: ts.Statement) => a is ts.ClassDeclaration>(m => m.kind === ts.SyntaxKind.ClassDeclaration))
             .find(m => m.name.getText() === definition.containerName);
         const member: ts.ClassElement = classDeclaration
-            .members
+            ?.members
             .find(m => m.name.getText() === definition.name);
         if (!member || !member.name) { return null; }
         typeDefs = langServ.getTypeDefinitionAtPosition(definition.fileName, member.name.getStart() + 1);

projects/igniteui-angular/migrations/common/tsUtils.ts

@@ -9,6 +9,58 @@
                 "IgxTreeGridComponent",
                 "IgxHierarchicalGridComponent"
             ]
+        },
+        {
+            "member": "onRowEditEnter",
+            "replaceWith": "rowEditEnter",
+            "definedIn": [
+                "IgxGridComponent",
+                "IgxTreeGridComponent",
+                "IgxHierarchicalGridComponent"
+            ]
+        },
+        {
+            "member": "onCellEditEnter",
+            "replaceWith": "cellEditEnter",
+            "definedIn": [
+                "IgxGridComponent",
+                "IgxTreeGridComponent",
+                "IgxHierarchicalGridComponent"
+            ]
+        },
+        {
+            "member": "onCellEdit",
+            "replaceWith": "cellEdit",
+            "definedIn": [
+                "IgxGridComponent",
+                "IgxTreeGridComponent",
+                "IgxHierarchicalGridComponent"
+            ]
+        },
+        {
+            "member": "onCellEditCancel",
+            "replaceWith": "cellEditExit",
+            "definedIn": [
+                "IgxGridComponent",
+                "IgxTreeGridComponent",
+                "IgxHierarchicalGridComponent"
+            ]
+        },
+        {
+            "member": "onRowEditCancel",
+            "replaceWith": "rowEditExit",
+            "definedIn": [
+                "IgxGridComponent",
+                "IgxTreeGridComponent",
+                "IgxHierarchicalGridComponent"
+            ]
+        },
+        {
+            "member": "panel",
+            "replaceWith": "owner",
+            "definedIn": [
+                "IExpansionPanelEventArgs"
+            ]
         }
     ]
 }

projects/igniteui-angular/migrations/update-10_2_0/changes/members.json

@@ -50,4 +50,51 @@ describe('Update 10.2.0', () => {
     it('should replace selectedRows() with selectedRows in ts files', async () => {
         pending('set up tests for migrations through lang service');
     });
+
+    it('Should remove references to deprecated `pane` property of `IExpansionPanelEventArgs`', async () => {
+        pending('set up tests for migrations through lang service');
+        appTree.create(
+            '/testSrc/appPrefix/component/expansion-test.component.ts',
+            `import { Component, ViewChild } from '@angular/core';
+import { IExpansionPanelEventArgs, IgxExpansionPanelComponent } from 'igniteui-angular';
+
+@Component({
+    selector: 'app-expansion-test',
+    templateUrl: './expansion-test.component.html',
+    styleUrls: ['./expansion-test.component.scss']
+})
+export class ExpansionTestComponent {
+
+    @ViewChild(IgxExpansionPanelComponent, { static: true })
+    public panel: IgxExpansionPanelComponent;
+
+    public onPanelOpened(event: IExpansionPanelEventArgs) {
+        console.log(event.panel);
+    }
+}`
+        );
+        const tree = await schematicRunner
+            .runSchematicAsync('migration-17', {}, appTree)
+            .toPromise();
+        const expectedContent =  `import { Component, ViewChild } from '@angular/core';
+import { IExpansionPanelEventArgs, IgxExpansionPanelComponent } from 'igniteui-angular';
+
+@Component({
+    selector: 'app-expansion-test',
+    templateUrl: './expansion-test.component.html',
+    styleUrls: ['./expansion-test.component.scss']
+})
+export class ExpansionTestComponent {
+
+    @ViewChild(IgxExpansionPanelComponent, { static: true })
+    public panel: IgxExpansionPanelComponent;
+
+    public onPanelOpened(event: IExpansionPanelEventArgs) {
+        console.log(event.owner);
+    }
+}`;
+        expect(
+                tree.readContent('/testSrc/appPrefix/component/expansion-test.component.ts')
+            ).toEqual(expectedContent);
+    });
 });

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

@@ -12,6 +12,7 @@
       "resize-observer-polyfill",
       "igniteui-trial-watermark",
       "lodash.merge",
-      "uuid"
+      "uuid",
+      "@igniteui/material-icons-extended"
     ]
 }

projects/igniteui-angular/ng-package.json

@@ -14,6 +14,7 @@
       "resize-observer-polyfill",
       "igniteui-trial-watermark",
       "lodash.merge",
-      "uuid"
+      "uuid",
+      "@igniteui/material-icons-extended"
     ]
 }

projects/igniteui-angular/ng-package.prod.json

@@ -73,7 +73,8 @@
         "resize-observer-polyfill": "^1.5.1",
         "igniteui-trial-watermark": "^1.0.3",
         "lodash.merge": "^4.6.2",
-        "uuid": "^8.3.0"
+        "uuid": "^8.3.0",
+        "@igniteui/material-icons-extended": "^2.4.0"
     },
     "peerDependencies": {
         "@angular/common": "^10.0.0",

projects/igniteui-angular/package.json

@@ -31,12 +31,13 @@ export const DEPENDENCIES_MAP: PackageEntry[] = [
         { name: 'igniteui-trial-watermark', target: PackageTarget.NONE },
         { name: 'lodash.merge', target: PackageTarget.NONE },
         { name: 'uuid', target: PackageTarget.NONE },
+        { name: 'web-animations-js', target: PackageTarget.REGULAR },
+        { name: '@igniteui/material-icons-extended', target: PackageTarget.REGULAR },
         // peerDependencies
         { name: '@angular/forms', target: PackageTarget.NONE },
         { name: '@angular/common', target: PackageTarget.NONE },
         { name: '@angular/core', target: PackageTarget.NONE },
         { name: '@angular/animations', target: PackageTarget.NONE },
-        { name: 'web-animations-js', target: PackageTarget.REGULAR },
         // igxDevDependencies
         { name: '@igniteui/angular-schematics', target: PackageTarget.DEV }
 ];