Merge branch 'master' into mevtimov/feat-7344-master

Author: ChronosSF

projects/igniteui-angular/src/lib/core/utils.ts

@@ -354,9 +354,9 @@ export interface CancelableBrowserEventArgs extends CancelableEventArgs {
     event?: Event;
 }
 
-export interface IBaseCancelableBrowserEventArgs extends CancelableBrowserEventArgs, IBaseEventArgs {}
+export interface IBaseCancelableBrowserEventArgs extends CancelableBrowserEventArgs, IBaseEventArgs { }
 
-export interface IBaseCancelableEventArgs extends CancelableEventArgs, IBaseEventArgs {}
+export interface IBaseCancelableEventArgs extends CancelableEventArgs, IBaseEventArgs { }
 
 export const HORIZONTAL_NAV_KEYS = new Set(['arrowleft', 'left', 'arrowright', 'right', 'home', 'end']);
 
@@ -377,7 +377,8 @@ export const NAVIGATION_KEYS = new Set([
 ]);
 export const ROW_EXPAND_KEYS = new Set('right down arrowright arrowdown'.split(' '));
 export const ROW_COLLAPSE_KEYS = new Set('left up arrowleft arrowup'.split(' '));
-export const SUPPORTED_KEYS = new Set([...Array.from(NAVIGATION_KEYS), 'enter', 'f2', 'escape', 'esc', 'pagedown', 'pageup', '+', 'add']);
+export const ROW_ADD_KEYS = new Set(['+', 'add', '≠', '±', '=']);
+export const SUPPORTED_KEYS = new Set([...Array.from(NAVIGATION_KEYS), ...Array.from(ROW_ADD_KEYS), 'enter', 'f2', 'escape', 'esc', 'pagedown', 'pageup']);
 export const HEADER_KEYS = new Set([...Array.from(NAVIGATION_KEYS), 'escape', 'esc' , 'l',
     /** This symbol corresponds to the Alt + L combination under MAC. */
     '¬']);
@@ -492,7 +493,7 @@ export function yieldingLoop(count: number, chunkSize: number, callback: (index:
     let i = 0;
     const chunk = () => {
         const end = Math.min(i + chunkSize, count);
-        for ( ; i < end; ++i) {
+        for (; i < end; ++i) {
             callback(i);
         }
         if (i < count) {

projects/igniteui-angular/src/lib/grids/grid-navigation.service.ts

@@ -2,7 +2,7 @@ import { Injectable } from '@angular/core';
 import { first } from 'rxjs/operators';
 import { IgxForOfDirective } from '../directives/for-of/for_of.directive';
 import { GridType } from './common/grid.interface';
-import { NAVIGATION_KEYS, ROW_COLLAPSE_KEYS, ROW_EXPAND_KEYS, SUPPORTED_KEYS, HORIZONTAL_NAV_KEYS, HEADER_KEYS, isEdge } from '../core/utils';
+import { NAVIGATION_KEYS, ROW_COLLAPSE_KEYS, ROW_EXPAND_KEYS, SUPPORTED_KEYS, HORIZONTAL_NAV_KEYS, HEADER_KEYS, ROW_ADD_KEYS, isEdge } from '../core/utils';
 import { IgxGridBaseDirective } from './grid-base.directive';
 import { IMultiRowLayoutNode } from './selection/selection.service';
 import { GridKeydownTargetType, GridSelectionMode, FilterMode } from './common/enums';
@@ -93,7 +93,7 @@ export class IgxGridNavigationService {
                 this.grid.verticalScrollContainer.onChunkLoad
                     .pipe(first()).subscribe(() => {
                         if (editCell && this.grid.rowList.map(r => r.index).indexOf(editCell.rowIndex) < 0) {
-                            this.grid.tbody.nativeElement.focus({preventScroll: true});
+                            this.grid.tbody.nativeElement.focus({ preventScroll: true });
                         }
                     });
                 break;
@@ -655,6 +655,6 @@ export class IgxGridNavigationService {
     }
 
     private isAddKey(key: string): boolean {
-        return key === '+' || key === 'add'; // add is for IE and Edge
+        return ROW_ADD_KEYS.has(key);
     }
 }

src/app/grid-add-row/grid-add-row.sample.html

@@ -29,4 +29,6 @@
             <igx-grid-editing-actions [addRow]="true"></igx-grid-editing-actions>
         </igx-action-strip>
     </igx-grid>
+
+    <button igxButton="raised" (click)="data = data.length ? [] : dataFull">Switch Data/No Data</button>
 </div>

src/app/grid-add-row/grid-add-row.sample.ts

@@ -12,6 +12,7 @@ export class GridAddRowSampleComponent implements OnInit {
     public result: string;
 
     data: any[];
+    dataFull: any[];
     columns: any[];
     onMouseOver(event, grid, actionStrip) {
         if (event.target.nodeName.toLowerCase() === 'igx-grid-cell') {
@@ -35,7 +36,7 @@ export class GridAddRowSampleComponent implements OnInit {
             { field: 'ContactTitle', width: '300px', pinned: false }
         ];
 
-        this.data = [
+        this.dataFull = [
             // tslint:disable:max-line-length
             { 'ID': 'ALFKI', 'CompanyName': 'Alfreds Futterkiste', 'ContactName': 'Maria Anders', 'ContactTitle': 'Sales Representative'},
             { 'ID': 'ANATR', 'CompanyName': 'Ana Trujillo Emparedados y helados', 'ContactName': 'Ana Trujillo', 'ContactTitle': 'Owner'},