sccoreui 6.4.98 → 6.4.99

package/dist/components/ag-grid/parent-for-grid.js

@@ -159,7 +159,7 @@ function ParentForGrid(props) {
         setIsDataLoading(true);
         try {
             const response = yield (props === null || props === void 0 ? void 0 : props.getRowData(startRow, endRow, currentFeatures, params));
-            setGridData(Object.assign(Object.assign({}, gridData), { rowData: [] }));
+            setGridData(prev => (Object.assign(Object.assign({}, prev), { rowData: [] })));
             // To identify when to stop the callBack
             const actualEndRow = (response === null || response === void 0 ? void 0 : response.totalRecords) < constants_1.MAX_RECORDS_TO_LOAD
                 ? response === null || response === void 0 ? void 0 : response.totalRecords
@@ -199,7 +199,7 @@ function ParentForGrid(props) {
             const result = gridViewData.rowData.length > 0 ? { rowData: gridViewData.rowData, totalRecords: gridViewData.rowData.length } : yield getData(0, 0, currentFeatures);
             if (((_m = result.rowData) === null || _m === void 0 ? void 0 : _m.length) > 0) {
                 gridViewData.rowData.length > 0 && setGridViewData({ rowData: [], searchText: "" });
-                setGridData(Object.assign(Object.assign({}, gridData), { rowData: result.rowData }));
+                setGridData(prev => (Object.assign(Object.assign({}, prev), { rowData: result.rowData })));
                 gridRef.current && gridRef.current.api.hideOverlay();
                 params && ((_o = params === null || params === void 0 ? void 0 : params.api) === null || _o === void 0 ? void 0 : _o.applyTransaction({ add: result.rowData }));
             }
@@ -219,7 +219,7 @@ function ParentForGrid(props) {
                     const response = yield getData(startRow, endRow, currentFeatures, params);
                     // simulating real server call with a 500ms delay
                     if (((_q = response.rowData) === null || _q === void 0 ? void 0 : _q.length) > 0) {
-                        setGridData(Object.assign(Object.assign({}, gridData), { rowData: response.rowData }));
+                        setGridData(prev => (Object.assign(Object.assign({}, prev), { rowData: response.rowData })));
                         gridRef.current.api.hideOverlay();
                         // supply rows for requested block to grid
                         params && params.success({ rowData: response.rowData, rowCount: response.actualEndRow });
@@ -335,7 +335,7 @@ function ParentForGrid(props) {
         }
         if (props === null || props === void 0 ? void 0 : props.rowData) {
             setTotalRecords(props === null || props === void 0 ? void 0 : props.rowData.length);
-            setGridData(Object.assign(Object.assign({}, gridData), { rowData: props.rowData }));
+            setGridData(prev => (Object.assign(Object.assign({}, prev), { rowData: props.rowData })));
         }
         if (props === null || props === void 0 ? void 0 : props.enableAdvancedFilter) {
             (_b = (_a = props === null || props === void 0 ? void 0 : props.getGridRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.api.setGridOption("advancedFilterParent", document.getElementById("advancedFilterParent"));
@@ -440,22 +440,47 @@ function ParentForGrid(props) {
         }
     }, [props.updateRowData]);
     (0, react_1.useEffect)(() => {
-        var _a, _b;
+        var _a, _b, _c;
         const existingColumns = (gridRef === null || gridRef === void 0 ? void 0 : gridRef.current) && ((_a = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current.api) === null || _a === void 0 ? void 0 : _a.getColumnDefs());
         if (!(props === null || props === void 0 ? void 0 : props.columnData) || !existingColumns)
             return;
         const columnFromProps = (0, helper_1.sortColumns)(props === null || props === void 0 ? void 0 : props.columnData);
-        const updatedColumnDefs = existingColumns.map((colDef) => {
-            columnFromProps.find((col) => {
-                if (col.id === colDef.id) {
-                    colDef.hide = col.hide;
-                    colDef.seq = col === null || col === void 0 ? void 0 : col.seq;
+        // Check if column IDs match — if not, this is a full column replacement (e.g. skeleton → real columns)
+        const existingIds = new Set(existingColumns.map((col) => col.id));
+        const propsIds = new Set(columnFromProps.map((col) => col.id));
+        const isStructuralChange = columnFromProps.some((col) => !existingIds.has(col.id)) ||
+            existingColumns.some((col) => !propsIds.has(col.id));
+        if (isStructuralChange) {
+            // Full column replacement — rebuild columnDefs with checkbox/header handling
+            const newColumnDefs = columnFromProps.map((column) => {
+                var _a, _b;
+                if ((column === null || column === void 0 ? void 0 : column.enableChildCheckbox) && (column === null || column === void 0 ? void 0 : column.enableHeaderCheckbox)) {
+                    return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params === null || params === void 0 ? void 0 : params.displayName, (column === null || column === void 0 ? void 0 : column.headerComponent) && ""), cellRenderer: (params) => (0, utilComponents_1.dataCellRenderer)(params, column, props), cellRendererParams: {
+                            initialRenderer: column === null || column === void 0 ? void 0 : column.body,
+                            cellCheckBoxRenderer: cellCheckBoxRenderer,
+                        }, headerName: (_a = column === null || column === void 0 ? void 0 : column.headerName) === null || _a === void 0 ? void 0 : _a.toUpperCase() });
+                }
+                else {
+                    return Object.assign(Object.assign({}, column), { headerName: (_b = column === null || column === void 0 ? void 0 : column.headerName) === null || _b === void 0 ? void 0 : _b.toUpperCase() });
                 }
             });
-            return colDef;
-        });
-        const reOrderedColumns = updatedColumnDefs.sort((a, b) => a.seq - b.seq);
-        (_b = gridRef.current.api) === null || _b === void 0 ? void 0 : _b.setGridOption("columnDefs", reOrderedColumns);
+            setGridData((prev) => (Object.assign(Object.assign({}, prev), { columnData: columnFromProps })));
+            (_b = gridRef.current.api) === null || _b === void 0 ? void 0 : _b.setGridOption("columnDefs", newColumnDefs);
+        }
+        else {
+            // Same structure — just update hide/seq
+            const updatedColumnDefs = existingColumns.map((colDef) => {
+                columnFromProps.find((col) => {
+                    if (col.id === colDef.id) {
+                        colDef.hide = col.hide;
+                        colDef.seq = col === null || col === void 0 ? void 0 : col.seq;
+                    }
+                });
+                return colDef;
+            });
+            const reOrderedColumns = updatedColumnDefs.sort((a, b) => a.seq - b.seq);
+            (_c = gridRef.current.api) === null || _c === void 0 ? void 0 : _c.setGridOption("columnDefs", reOrderedColumns);
+        }
     }, [props === null || props === void 0 ? void 0 : props.columnData]);
     (0, react_1.useEffect)(() => {
         if (props === null || props === void 0 ? void 0 : props.emptyCheckboxStatus) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "6.4.98",
+  "version": "6.4.99",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",