sccoreui 6.4.98 → 6.5.0

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

@@ -144,7 +144,7 @@ const TableFilter = () => {
             case Types_1.FilterDataType.COLORPICKER:
             case Types_1.FilterDataType.SELECT:
             case Types_1.FilterDataType.BOOLEAN:
-                return Array.isArray(value) ? value.length > 0 : Boolean(value);
+                return Array.isArray(value) ? value.length > 0 : value !== undefined && value !== "" && value !== null;
             default:
                 return true;
         }
@@ -388,6 +388,7 @@ const TableFilter = () => {
                         ? values.conditions
                         : conditionsArray;
                     const isFormReady = isValid && allFieldsFilled && enableApply;
+                    console.log(errors, "errors-data-check");
                     return ((0, jsx_runtime_1.jsxs)(dialog_1.Dialog, Object.assign({ visible: isVisible, onHide: () => filterLogoToggle(), className: "modal_filter mt-5 -ml-2" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-between text-lg font-semibold line-height-3 text-gray-900" }, { children: [(filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.header) ? filterModelText.header : "Filter", (0, jsx_runtime_1.jsx)(button_1.Button, { className: "p-0 h-auto px-1 bg-transparent hover:bg-gray-100", onClick: () => setIsVisible(false), icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 15, color: "text-gray-600" }) })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-sm text-gray-600" }, { children: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.subHeader)
                                             ? filterModelText.subHeader
                                             : "Streamline Your Search With Filters" }))] })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "w-full p-0 m-0" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-2" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "max-h-14rem overflow-y-auto overflow-x-hidden flex flex-column gap-1" }, { children: conditionsToRender.map((eachCondition, index) => {
@@ -405,7 +406,7 @@ const TableFilter = () => {
                                                             : "Enter", value: viewName, onChange: (e) => {
                                                             setViewName(e.target.value);
                                                             setFieldValue("viewName", e.target.value);
-                                                        }, className: "text-lg font-normal text-gray-500 hover:text-gray-900 w-full pl-3 pr-60 mr-3" })] }))), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-gray-600 p-1 focus:shadow-none text-white w-4rem", label: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.applyAction)
+                                                        }, className: "text-lg font-normal text-gray-500 hover:text-gray-900 w-full pl-3 pr-60 mr-3" })] }))), (0, jsx_runtime_1.jsx)(button_1.Button, { type: "submit", className: "text-base font-semibold text-gray-600 p-1 focus:shadow-none text-white w-4rem", label: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.applyAction)
                                                     ? filterModelText.applyAction
                                                     : "Apply", onClick: () => handleSubmit() })] }))] }))] })));
                 } }))] }));

package/dist/components/ag-grid/context-provider.js

@@ -13,7 +13,12 @@ function MyProvider({ children, value }) {
     // dynamicText
      } = value;
     // States for sort
-    const [columnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
+    const [columnData, setColumnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
+    (0, react_1.useEffect)(() => {
+        if (gridData === null || gridData === void 0 ? void 0 : gridData.columnData) {
+            setColumnData(gridData.columnData);
+        }
+    }, [gridData === null || gridData === void 0 ? void 0 : gridData.columnData]);
     const [inputValue, deboucedValue, setInputValue] = (0, hooks_1.useDebounce)("", 500);
     const [sortValue, setSortValue] = (0, react_1.useState)({});
     const [sortBy, setSortBy] = (0, react_1.useState)({});

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.5.0",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",