chore(*): Refactors shadow row pipe to be after hierarchizing one

Author: 3phase

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

@@ -98,8 +98,8 @@
         <ng-template igxGridFor let-rowData [igxGridForOf]="data
         | treeGridTransaction:id:pipeTrigger
         | visibleColumns:hasVisibleColumns
-        | treeGridShadowRows:id:pipeTrigger
         | treeGridHierarchizing:primaryKey:foreignKey:childDataKey:id:pipeTrigger
+        | treeGridShadowRows:id:pipeTrigger
         | treeGridFiltering:filteringExpressionsTree:filterStrategy:advancedFilteringExpressionsTree:id:pipeTrigger:filteringPipeTrigger
         | treeGridSorting:sortingExpressions:sortStrategy:id:pipeTrigger
         | treeGridFlattening:id:expansionDepth:expansionStates:pipeTrigger

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

@@ -54,22 +54,20 @@ export class IgxTreeGridHierarchizingPipe implements PipeTransform {
         const result: ITreeGridRecord[] = [];
         const missingParentRecords: ITreeGridRecord[] = [];
         collection.forEach(row => {
-            const ghostRow = row.ghostRec !== undefined;
             const record: ITreeGridRecord = {
-                rowID: ghostRow ? this.getRowID(primaryKey, row.recordData) : this.getRowID(primaryKey, row),
+                rowID: this.getRowID(primaryKey, row),
                 data: row,
                 children: []
             };
-            const parent = ghostRow ? map.get(row.recordData[foreignKey]) : map.get(row[foreignKey]);
+            const parent = map.get(row[foreignKey]);
             if (parent) {
                 record.parent = parent;
                 parent.children.push(record);
             } else {
                 missingParentRecords.push(record);
             }
 
-            ghostRow ? map.set(row.recordData[primaryKey], record) :
-                map.set(row[primaryKey], record);
+            map.set(row[primaryKey], record);
         });
 
         missingParentRecords.forEach(record => {
@@ -92,7 +90,7 @@ export class IgxTreeGridHierarchizingPipe implements PipeTransform {
             const record = collection[i];
             record.level = indentationLevel;
             record.expanded = this.gridAPI.get_row_expansion_state(record);
-            this.gridAPI.grid.isGhostRecord(record.data) ? flatData.push(record.data.recordData) : flatData.push(record.data);
+            flatData.push(record.data);
 
             if (record.children && record.children.length > 0) {
                 this.setIndentationLevels(id, record.children, indentationLevel + 1, flatData);
@@ -364,16 +362,18 @@ export class IgxTreeGridShadowRowsPipe implements PipeTransform {
     }
 
     transform(collection: any[], id: string, pipeTrigger: number): any[] {
+        this.designateDisabledRows(collection);
+        return collection;
+    }
 
-        const result = [];
-
-        collection.forEach(value => {
-            if (this.gridAPI.grid.isRecordPinned(value)) {
-                value = { recordData: value, ghostRec: true };
+    private designateDisabledRows(collection: ITreeGridRecord[]) {
+        collection.forEach(record => {
+            if (this.gridAPI.grid.isRecordPinned(record.data)) {
+                record.data = { recordData: record.data, ghostRec: true };
+            }
+            if (record.children && record.children.length > 0) {
+                this.designateDisabledRows(record.children);
             }
-            result.push(value);
         });
-
-        return result;
     }
 }