chore(*): Makes filteredSortedData adequate to row pinning

Author: 3phase

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

@@ -80,7 +80,7 @@
             | visibleColumns:hasVisibleColumns
             | treeGridRowPinning:id:pipeTrigger
             | treeGridFiltering:filteringExpressionsTree:filterStrategy:advancedFilteringExpressionsTree:id:pipeTrigger:filteringPipeTrigger:true
-            | treeGridSorting:sortingExpressions:sortStrategy:id:pipeTrigger as pinnedData'>
+            | treeGridSorting:sortingExpressions:sortStrategy:id:pipeTrigger:true as pinnedData'>
             <div #pinContainer *ngIf='pinnedData.length > 0' 
                 [ngClass]="{
                     'igx-grid__tr--pinned-bottom':  !isRowPinningToTop,

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

@@ -137,8 +137,8 @@ export class IgxTreeGridComponent extends IgxGridBaseDirective implements GridTy
      */
     set filteredData(value) {
         this._filteredData = value;
-
     }
+    
 
     /**
      * Get transactions service for the grid.
@@ -366,6 +366,28 @@ export class IgxTreeGridComponent extends IgxGridBaseDirective implements GridTy
         super.ngAfterContentInit();
     }
 
+    /**
+     * @hidden @internal
+     */
+    public setFilteredSortedData(data, pinned: boolean) {
+        super.setFilteredSortedData(data, pinned);
+        const flatFilteredSortedData = [];
+        this.flattenTreeGridRecords(this.filteredSortedData, flatFilteredSortedData);
+        this.filteredSortedData = flatFilteredSortedData;
+    }
+
+    /**
+     * @hidden @internal
+     */
+    private flattenTreeGridRecords(records: ITreeGridRecord[], flatData: any[]) {
+        if (records && records.length) {
+            for (const record of records) {
+                flatData.push(record.data);
+                this.flattenTreeGridRecords(record.children, flatData);
+            }
+        }
+    }
+
     private loadChildrenOnRowExpansion(args: IRowToggleEventArgs) {
         if (this.loadChildrenOnDemand) {
             const parentID = args.rowID;

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

@@ -202,7 +202,8 @@ export class IgxTreeGridSortingPipe implements PipeTransform {
         expressions: ISortingExpression[],
         sorting: IGridSortingStrategy,
         id: string,
-        pipeTrigger: number): ITreeGridRecord[] {
+        pipeTrigger: number, 
+        pinned?: boolean): ITreeGridRecord[] {
         const grid = this.gridAPI.grid;
 
         let result: ITreeGridRecord[];
@@ -211,21 +212,10 @@ export class IgxTreeGridSortingPipe implements PipeTransform {
         } else {
             result = DataUtil.treeGridSort(hierarchicalData, expressions, sorting);
         }
-        const filteredSortedData = [];
-        this.flattenTreeGridRecords(result, filteredSortedData);
-        grid.filteredSortedData = filteredSortedData;
+        grid.setFilteredSortedData(result, pinned);
 
         return result;
     }
-
-    private flattenTreeGridRecords(records: ITreeGridRecord[], flatData: any[]) {
-        if (records && records.length) {
-            for (const record of records) {
-                flatData.push(record.data);
-                this.flattenTreeGridRecords(record.children, flatData);
-            }
-        }
-    }
 }
 
 /** @hidden */