Change default expand state on init.

Author: MKirova

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

@@ -82,6 +82,7 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
 
     public columnGroupStates = new Map<IgxColumnGroupComponent, boolean>();
     public isPivot = true;
+    protected _defaultExpandState = true;
     private _data;
     private _filteredData;
     private p_id = `igx-pivot-grid-${NEXT_ID++}`;

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

@@ -29,7 +29,7 @@ export class IgxPivotRowPipe implements PipeTransform {
         // apply aggregations based on the created groups
         // PivotUtil.applyAggregations(hierarchies, values, pivotKeys);
         // generate flat data from the hierarchies
-        const data = PivotUtil.flattenHierarchy(hierarchies, collection[0] ?? [], rows, pivotKeys, 0, expansionStates);
+        const data = PivotUtil.flattenHierarchy(hierarchies, collection[0] ?? [], rows, pivotKeys, 0, expansionStates, true);
         return data;
     }
 }

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

@@ -102,7 +102,7 @@
             <igx-icon *ngIf="hasChild" [attr.draggable]="false"
                       (click)="grid.toggleRow(rowDimensionKey)"
                       style='cursor: pointer;'>
-                      {{grid.expansionStates.get(rowDimensionKey) ? 'expand_more' : 'expand_less'}}</igx-icon>
+                      {{ expandState ? 'expand_more' : 'expand_less'}}</igx-icon>
             {{column.header}}
         </div>
     </ng-template>

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

@@ -62,6 +62,10 @@ export class IgxPivotRowComponent extends IgxRowDirective<IgxPivotGridComponent>
         return this.rowDimension.map(x => x.header).join('_');
     }
 
+    public get expandState() {
+        return this.grid.gridAPI.get_row_expansion_state(this.rowDimensionKey);
+    }
+
     public ngOnInit() {
         // generate rowDimension
         const rowDimConfig = this.grid.pivotConfiguration.rows;

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

@@ -61,7 +61,8 @@ export class PivotUtil {
         return result;
     }
 
-    public static flattenHierarchy(hierarchies, rec, dims, pivotKeys, level = 0, expansionStates: Map<any, boolean>) {
+    public static flattenHierarchy(hierarchies, rec, dims, pivotKeys, level = 0,
+         expansionStates: Map<any, boolean>, defaultExpandState: boolean) {
         const flatData = [];
         for (const dim of dims) {
             hierarchies.forEach((h, key) => {
@@ -72,10 +73,11 @@ export class PivotUtil {
                 obj = { ...obj, ...h[pivotKeys.aggregations] };
                 obj[pivotKeys.level] = level;
                 flatData.push(obj);
-                const isExpanded = expansionStates.get(key);
+                const isExpanded = expansionStates.get(key) === undefined ? defaultExpandState : expansionStates.get(key);
+
                 if (h[pivotKeys.children] && h[pivotKeys.children].size > 0) {
                     obj[pivotKeys.records] = this.flattenHierarchy(h[pivotKeys.children], rec,
-                         dim.childLevels, pivotKeys, level + 1, expansionStates);
+                         dim.childLevels, pivotKeys, level + 1, expansionStates, defaultExpandState);
                     if (isExpanded) {
                         for (const record of obj[pivotKeys.records]) {
                             flatData.push(record);