Change default expand state to be collapsed. Allow setting it via Input.

Author: MKirova

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

@@ -35,7 +35,7 @@
         | pivotGridRow:pivotConfiguration:expansionStates:pipeTrigger:sortingExpressions
         | pivotGridColumn:pivotConfiguration:expansionStates:pipeTrigger:sortingExpressions
         | pivotGridColumnSort:sortingExpressions:sortStrategy:pipeTrigger
-        | pivotGridRowExpansion:pivotConfiguration:expansionStates:pipeTrigger"
+        | pivotGridRowExpansion:pivotConfiguration:expansionStates:defaultExpandState:pipeTrigger"
             let-rowIndex="index" [igxForScrollOrientation]="'vertical'" [igxForScrollContainer]='verticalScroll'
             [igxForContainerSize]='calcHeight'
             [igxForItemSize]="hasColumnLayouts ? rowHeight * multiRowLayoutRowSize + 1 : renderedRowHeight"

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

@@ -274,11 +274,24 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
      */
     public dragRowID = null;
 
-    protected _defaultExpandState = true;
+    protected _defaultExpandState = false;
     private _data;
     private _filteredData;
     private p_id = `igx-pivot-grid-${NEXT_ID++}`;
 
+
+     /**
+     * Gets/Sets the default expand state for all rows.
+     */
+      @Input()
+      public get defaultExpandState() {
+          return this._defaultExpandState;
+      }
+  
+      public set defaultExpandState(val: boolean) {
+          this._defaultExpandState = val;
+      }
+
     /**
      * @hidden @internal
      */

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

@@ -54,6 +54,7 @@ export class IgxPivotRowExpansionPipe implements PipeTransform {
         collection: any[],
         config: IPivotConfiguration,
         expansionStates: Map<any, boolean>,
+        defaultExpand: boolean,
         _pipeTrigger?: number,
         __?,
         pivotKeys: IPivotKeys = { aggregations: 'aggregations', records: 'records', children: 'children', level: 'level' }
@@ -65,7 +66,7 @@ export class IgxPivotRowExpansionPipe implements PipeTransform {
         for (const row of enabledRows) {
             const lvl = PivotUtil.getDimensionDepth(row);
             totalLlv += lvl;
-            PivotUtil.flattenHierarchy(data, config, row, expansionStates, pivotKeys, totalLlv, prevDims, 0);
+            PivotUtil.flattenHierarchy(data, config, row, expansionStates, defaultExpand, pivotKeys, totalLlv, prevDims, 0);
             prevDims.push(row);
         }
         this.cleanState(data, pivotKeys);

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

@@ -66,12 +66,12 @@ export class PivotUtil {
         config: IPivotConfiguration,
         dim: IPivotDimension,
         expansionStates: any,
+        defaultExpandState: boolean,
         pivotKeys: IPivotKeys,
         lvl: number,
         prevDims: IPivotDimension[],
         currDimLvl: number) {
         const data = records;
-        const defaultExpandState = true;
         for (let i = 0; i < data.length; i++) {
             const rec = data[i];
             const field = dim.memberName;
@@ -90,7 +90,7 @@ export class PivotUtil {
                 if (dim.childLevel) {
                     if (PivotUtil.getDimensionDepth(dim) > 1) {
                         dimData = this.flattenHierarchy(dimData, config, dim.childLevel,
-                            expansionStates, pivotKeys, lvl - 1, prevDims, currDimLvl + 1);
+                            expansionStates, defaultExpandState, pivotKeys, lvl - 1, prevDims, currDimLvl + 1);
                     } else {
                         dimData.forEach(d => {
                             d[dim.childLevel.memberName + '_' + pivotKeys.level] = currDimLvl + 1;