sccoreui 6.4.97 → 6.4.99

package/dist/App.scss

@@ -615,6 +615,11 @@ code {
     border-bottom-left-radius: 0 !important;
     overflow: auto;
     height: 44px;
+    .p-chips-token {
+      .p-chips-token-label {
+        white-space: nowrap;
+      }
+    }
 
     &:not(.p-disabled):hover {
       border-color: var(--gray-300);
@@ -865,7 +870,10 @@ div:has(ul.date_filter) .p-datepicker-footer {
 .PhoneInput {
   background: #ffffff;
   border: 1px solid var(--gray-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s,
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
     box-shadow 0.2s;
   border-radius: var(--border-radius);
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
@@ -882,7 +890,8 @@ div:has(ul.date_filter) .p-datepicker-footer {
   &:focus-within {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+    box-shadow:
+      0px 1px 2px rgba(16, 24, 40, 0.05),
       0px 0px 0px 2px var(--primary-100);
     border-radius: var(--border-radius);
     border: 1px solid var(--primary-300);
@@ -991,7 +1000,8 @@ button#formatOLOptions-1.fr-active::before {
 }
 
 button[data-cmd="fontFamily"]:focus {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+  box-shadow:
+    0px 1px 2px rgba(16, 24, 40, 0.05),
     0px 0px 0px 2px var(--primary-100);
   border: 1px solid var(--primary-300) !important;
   background: none !important;
@@ -1007,13 +1017,16 @@ button[data-cmd="fontFamily"]:focus {
 }
 
 .text-editor.focus-text-editor {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+  box-shadow:
+    0px 1px 2px rgba(16, 24, 40, 0.05),
     0px 0px 0px 4px var(--primary-100);
   border: 1px solid var(--primary-300) !important;
 }
 
 .text-editor.p-invalid.focus-text-editor {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--red-100);
+  box-shadow:
+    0px 1px 2px rgba(16, 24, 40, 0.05),
+    0px 0px 0px 4px var(--red-100);
   border: 1px solid var(--red-300) !important;
 }
 
@@ -2055,7 +2068,10 @@ div:has(ul.date_filter) .p-datepicker-footer {
 .PhoneInput {
   background: #ffffff;
   border: 1px solid var(--gray-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s,
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
     box-shadow 0.2s;
   border-radius: var(--border-radius);
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
@@ -2072,7 +2088,8 @@ div:has(ul.date_filter) .p-datepicker-footer {
   &:focus-within {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+    box-shadow:
+      0px 1px 2px rgba(16, 24, 40, 0.05),
       0px 0px 0px 2px var(--primary-100);
     border-radius: var(--border-radius);
     border: 1px solid var(--primary-300);
@@ -2181,7 +2198,8 @@ button#formatOLOptions-1.fr-active::before {
 }
 
 button[data-cmd="fontFamily"]:focus {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+  box-shadow:
+    0px 1px 2px rgba(16, 24, 40, 0.05),
     0px 0px 0px 2px var(--primary-100);
   border: 1px solid var(--primary-300) !important;
   background: none !important;
@@ -2197,13 +2215,16 @@ button[data-cmd="fontFamily"]:focus {
 }
 
 .text-editor.focus-text-editor {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+  box-shadow:
+    0px 1px 2px rgba(16, 24, 40, 0.05),
     0px 0px 0px 4px var(--primary-100);
   border: 1px solid var(--primary-300) !important;
 }
 
 .text-editor.p-invalid.focus-text-editor {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--red-100);
+  box-shadow:
+    0px 1px 2px rgba(16, 24, 40, 0.05),
+    0px 0px 0px 4px var(--red-100);
   border: 1px solid var(--red-300) !important;
 }
 
@@ -2810,8 +2831,9 @@ button[aria-expanded="true"] {
     width: 35px;
     aspect-ratio: 1;
     border-radius: 50%;
-    background: radial-gradient(farthest-side, var(--primary-500) 94%, #0000)
-        top/5px 5px no-repeat,
+    background:
+      radial-gradient(farthest-side, var(--primary-500) 94%, #0000) top/5px 5px
+        no-repeat,
       conic-gradient(#0000 5%, var(--primary-500));
     -webkit-mask: radial-gradient(
       farthest-side,

package/dist/components/ag-grid/advancedFeature/new-filter/table-filter.js

@@ -298,12 +298,7 @@ const TableFilter = () => {
      */
     const createViewFromFilters = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
-        yield Promise.all((_a = [formRef]) === null || _a === void 0 ? void 0 : _a.map((form) => {
-            var _a;
-            (_a = form.current) === null || _a === void 0 ? void 0 : _a.submitForm();
-            form.current.validateForm();
-        }));
-        const errors = formRef.current.errors;
+        const errors = yield ((_a = formRef.current) === null || _a === void 0 ? void 0 : _a.validateForm());
         if (errors && Object.keys(errors).length > 0) {
             return;
         }

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,10 +219,10 @@ 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 });
+                        params && params.success({ rowData: response.rowData, rowCount: response.actualEndRow });
                         return;
                     }
                     else {
@@ -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.97",
+  "version": "6.4.99",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",