ms-data-grid 0.0.72 → 0.0.73

package/fesm2022/ms-data-grid.mjs

@@ -2141,10 +2141,10 @@ class DataGridComponent {
                     this.selectedTableLayout = 'medium';
                     this.bodyTextFontsSize = 14;
                     this.globalSearchText = '';
-                    // this.autosizeAllColumns();
+                    this.autosizeAllColumns();
                 }
                 this.cdr.detectChanges();
-            }, 500);
+            }, 0);
         }
     }
     async setColumnsColumnDropdownValus() {
@@ -2338,13 +2338,27 @@ class DataGridComponent {
         this.cdr.detectChanges();
     }
     cleanColumns(columns) {
-        const cleanedColumns = columns.map(({ __typename, _id, column_dropdown_value, filterValue, search, expandedFilter, query, isRowGrouped, ...rest }) => {
+        return columns.map((col) => {
+            const { __typename, _id, column_dropdown_value, filterValue, expandedFilter, query, isRowGrouped, ...rest } = col;
+            // Clean dropdown values (__typename removed)
+            const cleanedDropdown = Array.isArray(column_dropdown_value)
+                ? column_dropdown_value.map(({ __typename, ...dRest }) => dRest)
+                : column_dropdown_value
+                    ? (({ __typename, ...dRest }) => dRest)(column_dropdown_value)
+                    : null;
+            // Clean query (__typename removed)
+            const cleanedQuery = Array.isArray(query)
+                ? query.map(({ __typename, ...qRest }) => qRest)
+                : query
+                    ? (({ __typename, _ids, ...qRest }) => qRest)(query)
+                    : null;
             return {
                 ...rest,
+                column_dropdown_value: cleanedDropdown,
+                query: cleanedQuery,
                 is_groupable: rest.type !== 'image',
             };
         });
-        return cleanedColumns;
     }
     onResizeColumn(event, col) {
         event.preventDefault();
@@ -2950,6 +2964,15 @@ class DataGridComponent {
                 this.cdr.detectChanges();
             }, 100);
         }, 100);
+        setTimeout(() => {
+            const sendData = {
+                columns: this.cleanColumns(this.columns),
+                filters: this.cleanFilterdColumns(),
+                no_of_records: this.paginationConfig.pageSize,
+                type: this.tableType,
+            };
+            this.createUpdateConfigListing.emit(sendData);
+        }, 500);
     }
     visibleColumns() {
         const flatten = this.flattenColumns(this.columns);
@@ -3762,7 +3785,7 @@ class DataGridComponent {
             this.currentFilterSelectedIds.clear();
             const savedIds = col?.query?._ids || [];
             savedIds.forEach((id) => this.currentFilterSelectedIds.add(id));
-            this.selectedFilterOptions = this.selectedColumnForFilter?.column_dropdown_value.filter((option) => this.currentFilterSelectedIds.has(option?.id || option?._id || option));
+            this.selectedFilterOptions = this.selectedColumnForFilter?.column_dropdown_value?.filter((option) => this.currentFilterSelectedIds.has(option?.id || option?._id || option));
             setTimeout(() => {
                 if (this.filterMenueSearchInput) {
                     this.filterMenueSearchInput.nativeElement.focus();