Merge branch 'pivot-grid-master' of https://github.com/IgniteUI/igniteui-angular into mdragnev/pivot-selection

Author: mddragnev

projects/igniteui-angular/src/lib/core/styles/themes/schemas/light/_chip.scss

@@ -59,7 +59,7 @@ $light-chip: extend(
         ),
 
         background: (
-            igx-color: ('grays', 300)
+            igx-color: ('grays', 400, .38)
         ),
 
         border-color: transparent,
@@ -73,7 +73,7 @@ $light-chip: extend(
         ),
 
         hover-background: (
-            igx-color: ('grays', 400, .5)
+            igx-color: ('grays', 400, .54)
         ),
 
         hover-border-color: transparent,
@@ -83,7 +83,7 @@ $light-chip: extend(
         ),
 
         focus-background: (
-            igx-color: ('grays', 400, .5)
+            igx-color: ('grays', 600, .54)
         ),
 
         focus-border-color: transparent,
@@ -93,7 +93,7 @@ $light-chip: extend(
         ),
 
         selected-background: (
-            igx-color: ('grays', 300)
+            igx-color: ('grays', 600, .38)
         ),
 
         selected-border-color: transparent,
@@ -103,7 +103,7 @@ $light-chip: extend(
         ),
 
         hover-selected-background: (
-            igx-color: ('grays', 400, .8)
+            igx-color: ('grays', 400, .54)
         ),
 
         hover-selected-border-color: transparent,
@@ -113,7 +113,7 @@ $light-chip: extend(
         ),
 
         focus-selected-background: (
-            igx-color: ('grays', 400, .8)
+            igx-color: ('grays', 600, .54)
         ),
 
         focus-selected-border-color: transparent

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

@@ -963,7 +963,7 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
 
     protected generateDimensionColumns(): IgxColumnComponent[] {
         const config = this.pivotConfiguration;
-        const allDimensions = config.rows.concat(config.columns).concat(config.filters).filter(x => x !== null);
+        const allDimensions = config.rows.concat(config.columns).concat(config.filters).filter(x => x !== null && x !== undefined);
         const leafFields = PivotUtil.flatten(allDimensions, 0).filter(x => !x.childLevel).map(x => x.memberName);
         const columns = [];
         const factory = this.resolver.resolveComponentFactory(IgxColumnComponent);