feat(pivot): column dimensions keyboard nav

Author: dkamburov

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

@@ -23,26 +23,30 @@ export class IgxPivotGridNavigationService extends IgxGridNavigationService {
         }
         event.preventDefault();
 
-        const newActiveNode = {
-            row: this.activeNode.row, column: this.activeNode.column, level: null,
-            mchCache: null,
-            layout: null,
-            isRowDimensionHeader: this.activeNode.isRowDimensionHeader
-        }
+        if (this.activeNode.isRowDimensionHeader) {
+            const newActiveNode = {
+                row: this.activeNode.row, column: this.activeNode.column, level: null,
+                mchCache: null,
+                layout: null,
+                isRowDimensionHeader: this.activeNode.isRowDimensionHeader
+            }
 
-        if ((key.includes('left') || key === 'home') && this.activeNode.column > 0) {
-            newActiveNode.column = ctrl || key === 'home' ? 0 : this.activeNode.column - 1;
-        }
-        if ((key.includes('right') || key === 'end') && this.activeNode.column < this.lastRowDimensionsIndex) {
-            newActiveNode.column = ctrl || key === 'end' ? this.lastRowDimensionsIndex : this.activeNode.column + 1;
-        }
-        if ((key.includes('up')) && this.activeNode.row > 0) {
-            newActiveNode.row = ctrl ? 0 : this.activeNode.row - 1;
-        }
-        if ((key.includes('down')) && this.activeNode.row < this.findLastDataRowIndex()) {
-            newActiveNode.row = ctrl ? this.findLastDataRowIndex() : this.activeNode.row + 1;
+            if ((key.includes('left') || key === 'home') && this.activeNode.column > 0) {
+                newActiveNode.column = ctrl || key === 'home' ? 0 : this.activeNode.column - 1;
+            }
+            if ((key.includes('right') || key === 'end') && this.activeNode.column < this.lastRowDimensionsIndex) {
+                newActiveNode.column = ctrl || key === 'end' ? this.lastRowDimensionsIndex : this.activeNode.column + 1;
+            }
+            if ((key.includes('up')) && this.activeNode.row > 0) {
+                newActiveNode.row = ctrl ? 0 : this.activeNode.row - 1;
+            }
+            if ((key.includes('down')) && this.activeNode.row < this.findLastDataRowIndex()) {
+                newActiveNode.row = ctrl ? this.findLastDataRowIndex() : this.activeNode.row + 1;
+            }
+            this.setActiveNode(newActiveNode);
+            this.grid.navigateTo(newActiveNode.row);
+        } else {
+            super.headerNavigation(event);
         }
-        this.setActiveNode(newActiveNode);
-        this.grid.navigateTo(newActiveNode.row);
     }
 }

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts

@@ -680,13 +680,6 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
         return;
     }
 
-    /**
-     * @hidden @internal
-     */
-    public getColumnByVisibleIndex(_index: number): IgxColumnComponent {
-        return;
-    }
-
     /**
      * @hidden @internal
      */

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row.component.ts

@@ -106,7 +106,6 @@ export class IgxPivotRowComponent extends IgxRowDirective implements OnChanges {
 
     public isCellActive(visibleColumnIndex) {
         const node = this.grid.navigation.activeNode;
-        console.log(node && Object.keys(node).length === 0 && !node.isRowDimensionHeader && super.isCellActive(visibleColumnIndex));
         return node && Object.keys(node).length !== 0 ?
             !node.isRowDimensionHeader &&
             super.isCellActive(visibleColumnIndex) :