Merge pull request #10729 from IgniteUI/mkirova/fix-10728

fix(igxPivot): Fix issue with cached data view for pivot grid.

Author: dkamburov

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -2704,6 +2704,7 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
     protected _transactions: TransactionService<Transaction, State>;
     protected _batchEditing = false;
     protected _autoGeneratedCols = [];
+    protected _dataView = [];
 
     /** @hidden @internal */
     public get paginator() {
@@ -2763,7 +2764,6 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
     private _unpinnedWidth = NaN;
     private _visibleColumns = [];
     private _columnGroups = false;
-    private _dataView = [];
 
     private _columnWidth: string;
 
@@ -3447,7 +3447,7 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
             this._filteredSortedData = data;
             this.refreshSearch(true, false);
         }
-        this.buildDataView();
+        this.buildDataView(data);
     }
 
     /**
@@ -6925,7 +6925,7 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
         column.resetCaches();
     }
 
-    private buildDataView() {
+    protected buildDataView(data: any[]) {
         this._dataView = this.isRowPinningToTop ?
             [...this.pinnedDataView, ...this.unpinnedDataView] :
             [...this.unpinnedDataView, ...this.pinnedDataView];

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

@@ -1014,6 +1014,10 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
     protected calcGridHeadRow() {
     }
 
+    protected buildDataView(data: any[]) {
+        this._dataView = data;
+    }
+
     /**
      * @hidden @internal
      */

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

@@ -1,4 +1,4 @@
-import { Pipe, PipeTransform } from '@angular/core';
+import { Inject, Pipe, PipeTransform } from '@angular/core';
 import { cloneArray } from '../../core/utils';
 import { DataUtil } from '../../data-operations/data-util';
 import { FilteringExpressionsTree, IFilteringExpressionsTree } from '../../data-operations/filtering-expressions-tree';
@@ -11,7 +11,7 @@ import {
 import { PivotUtil } from './pivot-util';
 import { FilteringLogic } from '../../data-operations/filtering-expression.interface';
 import { ISortingExpression, SortingDirection } from '../../data-operations/sorting-strategy';
-import { GridType } from '../common/grid.interface';
+import { GridType, IGX_GRID_BASE } from '../common/grid.interface';
 import { GridBaseAPIService } from '../api.service';
 import { IgxGridBaseDirective } from '../grid-base.directive';
 import { IGridSortingStrategy } from '../common/strategy';
@@ -51,7 +51,7 @@ export class IgxPivotRowPipe implements PipeTransform {
 })
 export class IgxPivotRowExpansionPipe implements PipeTransform {
 
-    constructor() { }
+    constructor(@Inject(IGX_GRID_BASE) private grid?: GridType) { }
 
     public transform(
         collection: any[],
@@ -74,6 +74,10 @@ export class IgxPivotRowExpansionPipe implements PipeTransform {
         }
         const finalData = config.columnStrategy ? data : data.filter(x => x[pivotKeys.records]);
         this.cleanState(finalData, pivotKeys);
+
+        if (this.grid) {
+            this.grid.setFilteredSortedData(finalData, false);
+        }
         return finalData;
     }
 
@@ -168,7 +172,6 @@ export class IgxPivotGridFilterPipe implements PipeTransform {
     pure: true
 })
 export class IgxPivotGridColumnSortingPipe implements PipeTransform {
-
     public transform(
         collection: any[],
         expressions: ISortingExpression[],