fix(excel-exporter): correctly export hGrid with auto generated islands (#10012)

Co-authored-by: Galina Edinakova <[email protected]>

Author: onlyexeption

projects/igniteui-angular/src/lib/services/exporter-common/base-export-service.ts

@@ -226,7 +226,7 @@ export abstract class IgxBaseExporter {
             const childLayoutList = (grid as IgxHierarchicalGridComponent).childLayoutList;
 
             for (const island of childLayoutList) {
-                this.mapHierarchicalGridColumns(island);
+                this.mapHierarchicalGridColumns(island, grid.data[0]);
             }
         } else {
             this._ownersMap.set(DEFAULT_OWNER, columnList);
@@ -597,9 +597,8 @@ export abstract class IgxBaseExporter {
 
     private getAllChildColumnsAndData(island: IgxRowIslandComponent,
         childData: any[], expansionStateVal: boolean, grid: IgxHierarchicalGridComponent) {
-        const islandColumnList = island.childColumns.toArray();
-        const columnList = this.getColumns(islandColumnList);
-        const columnHeader = columnList.columns
+        const columnList = this._ownersMap.get(island).columns;
+        const columnHeader = columnList
             .filter(col => col.headerType === HeaderType.ColumnHeader)
             .map(col => col.header ? col.header : col.field);
 
@@ -837,7 +836,6 @@ export abstract class IgxBaseExporter {
         let lastVisibleColumnIndex = -1;
         let maxLevel = 0;
 
-
         columns.forEach((column) => {
             const columnHeader = !ExportUtilities.isNullOrWhitespaces(column.header) ? column.header : column.field;
             const exportColumn = !column.hidden || this.options.ignoreColumnsVisibility;
@@ -910,19 +908,74 @@ export abstract class IgxBaseExporter {
         return result;
     }
 
-    private mapHierarchicalGridColumns(island: IgxRowIslandComponent) {
-        const islandColumnList = island.childColumns.toArray();
-        const columnList = this.getColumns(islandColumnList);
+    private mapHierarchicalGridColumns(island: IgxRowIslandComponent, gridData: any) {
+        let columnList: IColumnList;
+        let keyData;
+
+        if (island.autoGenerate) {
+            keyData = gridData[island.key];
+            const islandKeys = island.children.map(i => i.key);
+
+            const islandData = keyData.map(i => {
+                const newItem = {};
+
+                Object.keys(i).map(k => {
+                    if (!islandKeys.includes(k)) {
+                        newItem[k] = i[k];
+                    }
+                });
+
+                return newItem;
+            });
+
+            columnList = this.getAutoGeneratedColumns(islandData);
+        } else {
+            const islandColumnList = island.childColumns.toArray();
+            columnList = this.getColumns(islandColumnList);
+        }
 
         this._ownersMap.set(island, columnList);
 
         if (island.children.length > 0) {
             for (const childIsland of island.children) {
-                this.mapHierarchicalGridColumns(childIsland);
+                const islandKeyData = keyData !== undefined ? keyData[0] : {};
+                this.mapHierarchicalGridColumns(childIsland, islandKeyData);
             }
         }
     }
 
+    private getAutoGeneratedColumns(data: any[]) {
+        const colList = [];
+        const colWidthList = [];
+        const keys = Object.keys(data[0]);
+
+        keys.forEach((colKey, i) => {
+            const columnInfo: IColumnInfo = {
+                header: colKey,
+                field: colKey,
+                dataType: 'string',
+                skip: false,
+                headerType: HeaderType.ColumnHeader,
+                columnSpan: 1,
+                level: 0,
+                startIndex: i,
+                pinnedIndex: Number.MAX_VALUE
+            };
+
+            colList.push(columnInfo);
+            colWidthList.push(DEFAULT_COLUMN_WIDTH);
+        });
+
+        const result: IColumnList = {
+            columns: colList,
+            columnWidths: colWidthList,
+            indexOfLastPinnedColumn: -1,
+            maxLevel: 0,
+        };
+
+        return result;
+    }
+
     private resetDefaults() {
         this._sort = null;
         this.flatRecords = [];