sccoreui 6.2.17 → 6.2.19

package/dist/App.scss

@@ -2471,6 +2471,10 @@ button[aria-expanded="true"] {
 //   }
 // }
 
+.ag-center-cols-viewport {
+  min-height: 0px !important;
+}
+
 .filter-dropdown-grid {
   .p-placeholder {
     margin-top: 3px;

package/dist/components/ag-grid/AgGrid.js

@@ -17,6 +17,6 @@ const LicenceKey_1 = require("./LicenceKey");
 core_1.ModuleRegistry.registerModules([client_side_row_model_1.ClientSideRowModelModule, range_selection_1.RangeSelectionModule, infinite_row_model_1.InfiniteRowModelModule, server_side_row_model_1.ServerSideRowModelModule, row_grouping_1.RowGroupingModule, set_filter_1.SetFilterModule]);
 core_2.LicenseManager.setLicenseKey(LicenceKey_1.LICENSEKEY);
 const AgGrid = ({ style, gridOptions, onGridReady, gridRef }) => {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ag-theme-quartz ", style: { height: style.height, width: style.width } }, { children: (0, jsx_runtime_1.jsx)(react_1.AgGridReact, Object.assign({ ref: gridRef, onGridReady: onGridReady, reactiveCustomComponents: true }, gridOptions)) })) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ag-theme-quartz ", style: { height: style === null || style === void 0 ? void 0 : style.height, width: style === null || style === void 0 ? void 0 : style.width } }, { children: (0, jsx_runtime_1.jsx)(react_1.AgGridReact, Object.assign({ ref: gridRef, onGridReady: onGridReady, reactiveCustomComponents: true }, gridOptions)) })) }));
 };
 exports.default = AgGrid;

package/dist/components/ag-grid/advancedFeature/column-group.js

@@ -10,18 +10,23 @@ const drag_and_drop_icon_png_1 = tslib_1.__importDefault(require("../../../asset
 const checkbox_1 = require("primereact/checkbox");
 const button_1 = require("primereact/button");
 const context_provider_1 = require("../context-provider");
+const helper_1 = require("../helper");
 // import { ColumnDef } from "../Types";
 const ColumnGroup = (props) => {
     var _a, _b, _c, _d;
     const { dataFromProps } = props;
     const columnGroupRef = (0, react_1.useRef)(null);
     const btnRef = (0, react_1.useRef)(null);
-    const [inpVlaue, setInpValue] = (0, react_1.useState)("");
-    const { gridApi, setGridData, setSelectedGroup, setFeatureDetails, featureDetails, initialCheckBoxData } = (0, react_1.useContext)(context_provider_1.FeatureContext);
+    const [searchText, setSearchedText] = (0, react_1.useState)("");
+    const [checkedColumns, setCheckedColumns] = (0, react_1.useState)(new Set());
+    const { gridApi, setGridData, setSelectedGroup, setFeatureDetails, featureDetails, initialCheckBoxData, intialColumns,
+    // setIntialColumns,
+     } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const [columns, setColumns] = (0, react_1.useState)([]);
     const [renderColumns, setRenderColumns] = (0, react_1.useState)([]);
     const [columnsSelectedForGroup, setColumnsSelectedForGroup] = (0, react_1.useState)([]);
     const [selectedCheckBoxesLength, setSelectedCheckBoxesLength] = (0, react_1.useState)(null);
+    console.log("intiallllllllll", intialColumns, selectedCheckBoxesLength);
     // const [featureDetails, setFeatureDetails] = useState<Features>({
     //   searchedText: "",
     //   filterQueries: [],
@@ -54,8 +59,15 @@ const ColumnGroup = (props) => {
     };
     const onSelectedCheckbox = (item, e) => {
         const isChecked = e.checked;
-        const updatedColumns = renderColumns.map((listItem) => listItem.id === item.id
-            ? Object.assign(Object.assign({}, listItem), { rowGroup: isChecked }) : listItem);
+        const updatedCheckedColumns = new Set(checkedColumns);
+        if (isChecked) {
+            updatedCheckedColumns.add(item.id);
+        }
+        else {
+            updatedCheckedColumns.delete(item.id);
+        }
+        setCheckedColumns(updatedCheckedColumns);
+        const updatedColumns = renderColumns.map((listItem) => listItem.id === item.id ? Object.assign(Object.assign({}, listItem), { rowGroup: isChecked }) : listItem);
         // Sort columns: checked (true) come before unchecked (false)
         const sortedColumns = updatedColumns.sort((a, b) => (b.rowGroup ? 1 : 0) - (a.rowGroup ? 1 : 0));
         // setColumns(sortedColumns);
@@ -63,66 +75,105 @@ const ColumnGroup = (props) => {
         const lengthOfSelectedCheckBoxes = sortedColumns.filter((col) => col.rowGroup).length;
         setSelectedCheckBoxesLength(lengthOfSelectedCheckBoxes);
     };
-    const searchResults = (e) => {
-        // console.log
-        setRenderColumns(() => columns.filter((column) => {
-            var _a, _b, _c;
-            return (_b = (_a = column.headerName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes((_c = e.target.value) === null || _c === void 0 ? void 0 : _c.toLowerCase());
-        }));
-        setInpValue(e.target.value);
+    (0, react_1.useEffect)(() => {
+        // Filter columns based on search text
+        const filteredColumns = columns === null || columns === void 0 ? void 0 : columns.filter((column) => { var _a, _b; return (_b = (_a = column === null || column === void 0 ? void 0 : column.headerName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(searchText === null || searchText === void 0 ? void 0 : searchText.toLowerCase()); });
+        // Ensure checked columns are first in the filtered list
+        const sortedFilteredColumns = [...filteredColumns].sort((a, b) => {
+            if (checkedColumns.has(a.id) && !checkedColumns.has(b.id))
+                return -1;
+            if (!checkedColumns.has(a.id) && checkedColumns.has(b.id))
+                return 1;
+            return 0;
+        });
+        setRenderColumns(sortedFilteredColumns);
+    }, [searchText, columns, checkedColumns]);
+    const clearSearchAndSaveGrouping = (e) => {
+        const sortedFilteredColumns = [...columns].sort((a, b) => {
+            if (checkedColumns.has(a.id) && !checkedColumns.has(b.id))
+                return -1;
+            if (!checkedColumns.has(a.id) && checkedColumns.has(b.id))
+                return 1;
+            return 0;
+        });
+        setRenderColumns(sortedFilteredColumns);
+        setSearchedText("");
+        saveGrouping(e, sortedFilteredColumns);
     };
-    // Save Grouping 
-    const saveGrouping = (e) => {
+    console.log("columns innnnnnnn", dataFromProps);
+    // Save Grouping
+    const saveGrouping = (e, renderColumns) => {
         var _a, _b;
+        // Clear previously selected groups
         setSelectedGroup([]);
         const groupedColumns = [];
+        // Update feature details
         setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: initialCheckBoxData }));
+        // Log the renderColumns and checkedColumns for debugging
+        console.log("Rendering Columns:", renderColumns);
+        console.log("Checked Columns:", checkedColumns);
+        // Deep clone the render columns to avoid mutation
+        const columnsData = (0, helper_1.deepClone)(renderColumns);
         // Iterate over the columns to identify grouped and pinned columns
-        const updateColumns = renderColumns === null || renderColumns === void 0 ? void 0 : renderColumns.map((column) => {
-            // Collect columns that are marked for grouping
-            if (column.rowGroup) {
-                groupedColumns.push(column);
+        const updateColumns = columnsData.map((column) => {
+            const newColumn = Object.assign({}, column); // Create a new object to avoid direct mutation
+            // Set rowGroup to true or false based on checked columns
+            if (checkedColumns.has(newColumn.id)) {
+                newColumn.rowGroup = true; // Group this column
+                groupedColumns.push(newColumn);
+            }
+            else {
+                newColumn.rowGroup = false; // Ungroup this column
             }
-            // Hide columns that are pinned
-            if (column.pinned) {
-                column.hide = true;
+            // Handle hiding of pinned columns
+            if (newColumn.pinned) {
+                newColumn.hide = true;
             }
-            return column;
+            return newColumn;
         });
         // Update the grid's column definitions with the modified columns
-        (_a = gridApi.current) === null || _a === void 0 ? void 0 : _a.api.setGridOption("columnDefs", updateColumns);
+        (_a = gridApi.current) === null || _a === void 0 ? void 0 : _a.api.setColumnDefs(updateColumns);
         // Apply the grouping order based on the updated columns
-        (_b = gridApi.current) === null || _b === void 0 ? void 0 : _b.api.setRowGroupColumns(updateColumns);
+        const groupedColumnIds = groupedColumns.map((col) => col.colId); // Get the IDs of grouped columns
+        (_b = gridApi.current) === null || _b === void 0 ? void 0 : _b.api.setRowGroupColumns(groupedColumnIds.slice(0, 2)); // Ensure max 2 columns are grouped
         // Update the grid's data state to reflect the new column configuration
-        setGridData((prev) => {
-            return { rowData: prev.rowData, columnData: updateColumns };
-        });
+        setGridData((prev) => (Object.assign(Object.assign({}, prev), { columnData: updateColumns })));
         // Store the grouped columns in the state for future reference
         setColumnsSelectedForGroup(groupedColumns);
         // Update the render columns state to reflect the new configuration
         setRenderColumns(updateColumns);
         // Hide the column grouping UI element if it exists
-        (columnGroupRef === null || columnGroupRef === void 0 ? void 0 : columnGroupRef.current) && (columnGroupRef === null || columnGroupRef === void 0 ? void 0 : columnGroupRef.current.hide(e));
+        if (columnGroupRef === null || columnGroupRef === void 0 ? void 0 : columnGroupRef.current) {
+            columnGroupRef.current.hide(e);
+        }
+        console.log("Updated Columns:", updateColumns); // Log updated columns for debugging
     };
     // Remove grouping
     const clearListItems = (e) => {
-        var _a, _b;
         e.stopPropagation();
         setSelectedGroup([]);
-        // Update the grid's column definitions with the modified columns
-        gridApi && ((_a = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current) === null || _a === void 0 ? void 0 : _a.api.setGridOption("columnDefs", dataFromProps.columData));
-        gridApi && ((_b = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current) === null || _b === void 0 ? void 0 : _b.columnApi.setRowGroupColumns([])); // Clear row group columns
-        // Update the grid's data state to reflect the new column configuration
-        setGridData((prev) => (Object.assign(Object.assign({}, prev), { columnData: dataFromProps.columnData })));
-        // Reset the state
-        setColumnsSelectedForGroup([]);
-        setRenderColumns(dataFromProps.columnData);
-        setSelectedCheckBoxesLength(0);
-        // Reset the feature details state
-        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: initialCheckBoxData }));
-        // Hide the column grouping UI element
-        (columnGroupRef === null || columnGroupRef === void 0 ? void 0 : columnGroupRef.current) && (columnGroupRef === null || columnGroupRef === void 0 ? void 0 : columnGroupRef.current.hide());
+        setCheckedColumns(new Set());
+        setSearchedText("");
+        if (gridApi) {
+            // Use deep copy of `intialColumns` to ensure no unintended mutation
+            const clonedInitialColumns = (0, helper_1.deepClone)(intialColumns);
+            console.log("clonedInitialColumns", clonedInitialColumns);
+            // Update grid's column definitions
+            gridApi.current.api.setColumnDefs(clonedInitialColumns);
+            gridApi.current.columnApi.setRowGroupColumns([]);
+            // Reflect the new column configuration in the state
+            setGridData((prev) => (Object.assign(Object.assign({}, prev), { columnData: clonedInitialColumns })));
+            // Reset states accordingly
+            setColumnsSelectedForGroup([]);
+            setRenderColumns(clonedInitialColumns);
+            setSelectedCheckBoxesLength(0);
+            setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: initialCheckBoxData }));
+            if (columnGroupRef === null || columnGroupRef === void 0 ? void 0 : columnGroupRef.current) {
+                columnGroupRef.current.hide();
+            }
+        }
     };
+    console.log("intialllllll columns", intialColumns);
     const handleHide = () => {
         var _a, _b, _c;
         // Reset the renderColumns when the OverlayPanel is hidden
@@ -134,16 +185,20 @@ const ColumnGroup = (props) => {
     };
     (0, react_1.useEffect)(() => {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        // Get columns from grd
+        // Get columns from grid
         if ((_d = (_c = (_b = (_a = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.columnModel) === null || _c === void 0 ? void 0 : _c.columnDefs) === null || _d === void 0 ? void 0 : _d.length) {
+            // Deep clone columns from the grid to avoid mutation
             const columnsFromGrid = (_h = (_g = (_f = (_e = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current) === null || _e === void 0 ? void 0 : _e.api) === null || _f === void 0 ? void 0 : _f.columnModel) === null || _g === void 0 ? void 0 : _g.columnDefs) === null || _h === void 0 ? void 0 : _h.map((column) => {
-                column.rowGroup = false;
-                return column;
+                return Object.assign(Object.assign({}, column), { rowGroup: false }); // Create a shallow copy with `rowGroup` set to false
             });
+            // Update state with the cloned columns
             setColumns(columnsFromGrid);
             setRenderColumns(columnsFromGrid);
         }
     }, [(_d = (_c = (_b = (_a = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.columnModel) === null || _c === void 0 ? void 0 : _c.columnDefs) === null || _d === void 0 ? void 0 : _d.length]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `${(columnsSelectedForGroup === null || columnsSelectedForGroup === void 0 ? void 0 : columnsSelectedForGroup.length) > 0 ? "bg-primary-50" : "bg-white"} hover:bg-primary-25 br-8 cursor-pointer pd-9 flex align-items-cente gap-1 zoom_animate`, ref: btnRef, onClick: showColumnOptions }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "grid-01", size: 18, color: (columnsSelectedForGroup === null || columnsSelectedForGroup === void 0 ? void 0 : columnsSelectedForGroup.length) > 0 ? "text-primary-400" : "text-gray-500" }), (columnsSelectedForGroup === null || columnsSelectedForGroup === void 0 ? void 0 : columnsSelectedForGroup.length) > 0 && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-center" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-primary-400 font-semibold ml-1" }, { children: columnsSelectedForGroup === null || columnsSelectedForGroup === void 0 ? void 0 : columnsSelectedForGroup.length })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-2 text-primary-400 font-semibold" }, { children: [(0, jsx_runtime_1.jsx)("p", Object.assign({ className: "ml-2" }, { children: "Selected" })), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: (e) => clearListItems(e), className: "h-auto p-0", text: true, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", color: "text-primary-400", size: 18 }) })] }))] })))] })), (0, jsx_runtime_1.jsxs)(overlaypanel_1.OverlayPanel, Object.assign({ ref: columnGroupRef, className: "column-group p-1", onHide: handleHide }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "column-header" }, { children: [(0, jsx_runtime_1.jsx)("h3", Object.assign({ className: "my-0" }, { children: "Grouping" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "my-0 mb-4" }, { children: "Select one or two columns for sorting" }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "column-body" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-input-icon-right w-full p-2 bg-gray-50" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix top-0", style: { right: "20px" } }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "search-md" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { onChange: (e) => searchResults(e), value: inpVlaue, disabled: false, placeholder: "Enter any column name", className: "text-lg font-normal text-gray-500 hover:text-gray-900 w-full" })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column gap-1 mt-1 mr-1 max-h-15rem max-w-30rem overflow-y-auto" }, { children: renderColumns.map((column, index) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-2 pl-2" }, { children: [column.rowGroup && ((0, jsx_runtime_1.jsx)("img", { onDragStart: (e) => onDragStart(e, index), onDragOver: onDragOver, onDrop: (e) => onDrop(e, index), src: drag_and_drop_icon_png_1.default, width: 20, height: 20 })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex gap-2 ${column.rowGroup && "bg-primary-25"} hover:bg-primary-25 border-round-sm p-3 w-full` }, { children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: column.rowGroup, onChange: (e) => onSelectedCheckbox(column, e), disabled: selectedCheckBoxesLength === 2 && !column.rowGroup }), (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "max-w-28rem line-clamp line-clamp-1 inline-block", title: column.headerName }, { children: column.headerName }))] }))] }), column.id))) }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "column-footer gap-2 border-top-1 border-gray-200 flex align-items-center justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "cursor-pointer", text: true, label: "Remove Grouping", onClick: (e) => clearListItems(e) }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "cursor-pointer", label: "Save Grouping", onClick: (e) => saveGrouping(e) })] }))] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `${(columnsSelectedForGroup === null || columnsSelectedForGroup === void 0 ? void 0 : columnsSelectedForGroup.length) > 0 ? "bg-primary-50" : "bg-white"} hover:bg-primary-25 br-8 cursor-pointer pd-9 flex align-items-cente gap-1 zoom_animate`, ref: btnRef, onClick: showColumnOptions }, { children: [(0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "grid-01", size: 18, color: (columnsSelectedForGroup === null || columnsSelectedForGroup === void 0 ? void 0 : columnsSelectedForGroup.length) > 0
+                            ? "text-primary-400"
+                            : "text-gray-500" }), (columnsSelectedForGroup === null || columnsSelectedForGroup === void 0 ? void 0 : columnsSelectedForGroup.length) > 0 && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-center" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-primary-400 font-semibold ml-1" }, { children: columnsSelectedForGroup === null || columnsSelectedForGroup === void 0 ? void 0 : columnsSelectedForGroup.length })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-2 text-primary-400 font-semibold" }, { children: [(0, jsx_runtime_1.jsx)("p", Object.assign({ className: "ml-2" }, { children: "Selected" })), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: (e) => clearListItems(e), className: "h-auto p-0", text: true, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", color: "text-primary-400", size: 18 }) })] }))] })))] })), (0, jsx_runtime_1.jsxs)(overlaypanel_1.OverlayPanel, Object.assign({ ref: columnGroupRef, className: "column-group p-1", onHide: handleHide }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "column-header" }, { children: [(0, jsx_runtime_1.jsx)("h3", Object.assign({ className: "my-0" }, { children: "Grouping" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "my-0 mb-4" }, { children: "Select one or two columns for sorting" }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "column-body" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-input-icon-right w-full p-2 bg-gray-50" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix top-0", style: { right: "20px" } }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "search-md" }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { onChange: (e) => setSearchedText(e.target.value), value: searchText, disabled: false, placeholder: "Enter any column name", className: "text-lg font-normal text-gray-500 hover:text-gray-900 w-full" })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column gap-1 mt-1 mr-1 max-h-15rem max-w-30rem overflow-y-auto" }, { children: renderColumns === null || renderColumns === void 0 ? void 0 : renderColumns.map((column, index) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-2 pl-2" }, { children: [checkedColumns.has(column === null || column === void 0 ? void 0 : column.id) && ((0, jsx_runtime_1.jsx)("img", { onDragStart: (e) => onDragStart(e, index), onDragOver: onDragOver, onDrop: (e) => onDrop(e, index), src: drag_and_drop_icon_png_1.default, width: 20, height: 20 })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex gap-2 ${checkedColumns.has(column === null || column === void 0 ? void 0 : column.id) && "bg-primary-25"} hover:bg-primary-25 border-round-sm p-3 w-full` }, { children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: checkedColumns.has(column === null || column === void 0 ? void 0 : column.id), onChange: (e) => onSelectedCheckbox(column, e), disabled: checkedColumns.size === 2 &&
+                                                        !checkedColumns.has(column === null || column === void 0 ? void 0 : column.id) }), (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "max-w-28rem line-clamp line-clamp-1 inline-block", title: column.headerName }, { children: column.headerName }))] }))] }), column === null || column === void 0 ? void 0 : column.id))) }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "column-footer gap-2 border-top-1 border-gray-200 flex align-items-center justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "cursor-pointer", text: true, label: "Remove Grouping", onClick: (e) => clearListItems(e) }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "cursor-pointer", label: "Save Grouping", onClick: (e) => clearSearchAndSaveGrouping(e), disabled: (checkedColumns === null || checkedColumns === void 0 ? void 0 : checkedColumns.size) === 0 })] }))] }))] }));
 };
 exports.default = ColumnGroup;

package/dist/components/ag-grid/advancedFeature/hide-column.js

@@ -56,9 +56,9 @@ function HideColumn() {
         setInputValue(text);
         const searchedColumns = [];
         storeNodes.filter((column) => {
-            var _a;
+            var _a, _b;
             if (column === null || column === void 0 ? void 0 : column.visibleInPanel) {
-                if ((_a = column === null || column === void 0 ? void 0 : column.headerName) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(text.toLowerCase())) {
+                if ((_b = (_a = column === null || column === void 0 ? void 0 : column.headerName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(text === null || text === void 0 ? void 0 : text.toLowerCase())) {
                     searchedColumns.push(column);
                 }
             }

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

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const helper_1 = require("./helper");
 exports.FeatureContext = (0, react_1.createContext)(null);
 function MyProvider({ children, value }) {
-    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData } = value;
+    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData, intialColumns, setIntialColumns } = value;
     // States for sort
     const [columnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
     const [sortValue, setSortValue] = (0, react_1.useState)({});
@@ -51,7 +51,8 @@ function MyProvider({ children, value }) {
         if (clearFilters) {
             let currentFeature = featureDetails;
             currentFeature.filterQueries = [];
-            setFeatureDetails(currentFeature);
+            setSelectedGroup([]);
+            setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: initialCheckBoxData }));
             setGlobalFilters([]);
             callGrid(currentFeature);
         }
@@ -95,7 +96,9 @@ function MyProvider({ children, value }) {
             columnToRender,
             selectedGroup,
             setSelectedGroup,
-            initialCheckBoxData
+            initialCheckBoxData,
+            intialColumns,
+            setIntialColumns
         } }, { children: children })));
 }
 exports.default = MyProvider;