sccoreui 6.1.87 → 6.1.89

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

@@ -17,11 +17,12 @@ const ColumnGroup = (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 { 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);
     // const [featureDetails, setFeatureDetails] = useState<Features>({
     //   searchedText: "",
     //   filterQueries: [],
@@ -54,8 +55,7 @@ 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 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,6 +63,7 @@ const ColumnGroup = (props) => {
         const lengthOfSelectedCheckBoxes = sortedColumns.filter((col) => col.rowGroup).length;
         setSelectedCheckBoxesLength(lengthOfSelectedCheckBoxes);
     };
+    console.log("columns innnnnnnn", dataFromProps);
     const searchResults = (e) => {
         // console.log
         setRenderColumns(() => columns.filter((column) => {
@@ -71,7 +72,7 @@ const ColumnGroup = (props) => {
         }));
         setInpValue(e.target.value);
     };
-    // Save Grouping 
+    // Save Grouping
     const saveGrouping = (e) => {
         var _a, _b;
         setSelectedGroup([]);
@@ -106,22 +107,25 @@ const ColumnGroup = (props) => {
     };
     // 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());
+        if (gridApi) {
+            // Use deep copy of `intialColumns` to ensure no unintended mutation
+            const clonedInitialColumns = JSON.parse(JSON.stringify(intialColumns));
+            // 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();
+            }
+        }
     };
     const handleHide = () => {
         var _a, _b, _c;
@@ -134,16 +138,25 @@ 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);
+            // Initialize `intialColumns` only if it hasn't been set yet
+            if (!intialColumns) {
+                // Perform a deep copy of the columns array using `JSON.parse(JSON.stringify())`
+                const deepCopyOfColumns = JSON.parse(JSON.stringify(columnsFromGrid));
+                setIntialColumns(deepCopyOfColumns);
+            }
         }
     }, [(_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)(jsx_runtime_1.Fragment, { 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 gap-2 text-primary-400 font-semibold" }, { 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) => 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) })] }))] }))] }));
 };
 exports.default = ColumnGroup;

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)({});
@@ -95,7 +95,9 @@ function MyProvider({ children, value }) {
             columnToRender,
             selectedGroup,
             setSelectedGroup,
-            initialCheckBoxData
+            initialCheckBoxData,
+            intialColumns,
+            setIntialColumns
         } }, { children: children })));
 }
 exports.default = MyProvider;

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

@@ -1,14 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.autoGroupColumnDef = exports.fillOperation = exports.updateCells = exports.getCheckedStatus = exports.sortColumns = exports.parseIfNeeded = exports.applyDefaultFilters = void 0;
+exports.handleCheckboxClick = exports.getGroupIds = exports.handleUncheckedState = exports.handleCheckedState = exports.updateGroupState = exports.determineConditions = exports.updateRecords = exports.autoGroupColumnDef = exports.fillOperation = exports.updateCells = exports.getCheckedStatus = exports.sortColumns = exports.parseIfNeeded = exports.applyDefaultFilters = exports.initialCheckBoxData = void 0;
 const tslib_1 = require("tslib");
+const constants_1 = require("./constants");
+// initial checkbox data
+exports.initialCheckBoxData = {
+    allBoxChecked: false,
+    isIndeterminate: false,
+    includedRecords: [],
+    excludedRecords: [],
+    headerCheckBoxStatus: constants_1.GRID_CHECKBOX_STATUS.NEUTRAL,
+};
 const applyDefaultFilters = (defaultFilters) => {
     const filters = defaultFilters === null || defaultFilters === void 0 ? void 0 : defaultFilters.map((item) => {
         const obj = {
             logicalOperator: item === null || item === void 0 ? void 0 : item.logicalOperator,
             selectedColumn: item === null || item === void 0 ? void 0 : item.columnName,
             selectedOperation: item === null || item === void 0 ? void 0 : item.condition,
-            value: item === null || item === void 0 ? void 0 : item.value
+            value: item === null || item === void 0 ? void 0 : item.value,
         };
         return obj;
     });
@@ -35,8 +44,8 @@ const parseIfNeeded = (value) => {
 exports.parseIfNeeded = parseIfNeeded;
 const sortColumns = (columns) => {
     const sortedColumns = columns === null || columns === void 0 ? void 0 : columns.sort((a, b) => {
-        a.body = a.cellRenderer, // Update the rederer key to avoid recursion
-            b.body = b.cellRenderer; // Update the rederer key to avoid recursion
+        (a.body = a.cellRenderer), // Update the rederer key to avoid recursion
+            (b.body = b.cellRenderer); // Update the rederer key to avoid recursion
         if (!a.seq)
             return 1;
         if (!b.seq)
@@ -80,12 +89,12 @@ const updateCells = (updatedRowData, setUpdateRowData, api) => {
     }
 };
 exports.updateCells = updateCells;
-// Fill data in grid through drag 
+// Fill data in grid through drag
 const fillOperation = (params, api, editedRecords, setEditedRecords) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
     var _a, _b, _c, _d, _e, _f, _g;
     const { finalRange } = params;
     const { startRow, endRow, columns,
-    // startColumn 
+    // startColumn
      } = finalRange;
     const columnDetails = columns[0].colDef;
     const parentRowData = (_c = api.getDisplayedRowAtIndex((_b = (_a = params === null || params === void 0 ? void 0 : params.initialRange) === null || _a === void 0 ? void 0 : _a.startRow) === null || _b === void 0 ? void 0 : _b.rowIndex)) === null || _c === void 0 ? void 0 : _c.data;
@@ -99,11 +108,12 @@ const fillOperation = (params, api, editedRecords, setEditedRecords) => tslib_1.
             continue; // Skip if rowNode is undefined
         const rowData = rowNode === null || rowNode === void 0 ? void 0 : rowNode.data;
         // Check if rowData exists and update the field
-        if (rowData && (rowNode.id != (parentRowData === null || parentRowData === void 0 ? void 0 : parentRowData.id))) {
+        if (rowData && rowNode.id != (parentRowData === null || parentRowData === void 0 ? void 0 : parentRowData.id)) {
             // Skip edit for same values
-            if ((rowData === null || rowData === void 0 ? void 0 : rowData[columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field]) === (parentRowData === null || parentRowData === void 0 ? void 0 : parentRowData[columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field]))
+            if ((rowData === null || rowData === void 0 ? void 0 : rowData[columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field]) ===
+                (parentRowData === null || parentRowData === void 0 ? void 0 : parentRowData[columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field]))
                 continue;
-            // If Dragged cell is grouped only group headers should edit vice versa to child cells 
+            // If Dragged cell is grouped only group headers should edit vice versa to child cells
             if (((_d = rowData === null || rowData === void 0 ? void 0 : rowData.orgHierarchy) === null || _d === void 0 ? void 0 : _d.length) !== ((_e = parentRowData === null || parentRowData === void 0 ? void 0 : parentRowData.orgHierarchy) === null || _e === void 0 ? void 0 : _e.length))
                 continue;
             // if( rowData?.[columnDetails?.field] == EMPTY_RECORD || rowData?.type !== parentRowData?.type || !rowData?.[columnDetails?.field] ){
@@ -120,7 +130,7 @@ const fillOperation = (params, api, editedRecords, setEditedRecords) => tslib_1.
             const schemaForEdit = {
                 row: rowData,
                 field: [],
-                isCustomAttribute: columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.isCustomAttribute
+                isCustomAttribute: columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.isCustomAttribute,
             };
             if (!((_f = schemaForEdit === null || schemaForEdit === void 0 ? void 0 : schemaForEdit.field) === null || _f === void 0 ? void 0 : _f.includes(columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field))) {
                 (_g = schemaForEdit === null || schemaForEdit === void 0 ? void 0 : schemaForEdit.field) === null || _g === void 0 ? void 0 : _g.push(columnDetails === null || columnDetails === void 0 ? void 0 : columnDetails.field);
@@ -193,13 +203,348 @@ const autoGroupColumnDef = (isTreeEnable, headerName, groupField, GroupHeaderCom
                     return {
                         suppressCount: false,
                         checkbox: false,
-                        innerRenderer: HeaderRendererForGroup
+                        innerRenderer: HeaderRendererForGroup,
                     };
                 }
                 // Return specific params for group rows to use default rendering
-                return { suppressCount: typeof (displayGroupCount) === "boolean" ? !displayGroupCount : true };
+                return {
+                    suppressCount: typeof displayGroupCount === "boolean" ? !displayGroupCount : true,
+                };
             },
         };
     }
 };
 exports.autoGroupColumnDef = autoGroupColumnDef;
+// function to update the records based on checkbox state
+// This function determines how to update `includedRecords` and `excludedRecords`
+// depending on whether all checkboxes are checked or not (`allBoxChecked` state)
+const updateRecords = (rowData, featureDetails, gridData) => {
+    var _a, _b, _c, _d;
+    const { excludedRecords, includedRecords, allBoxChecked } = featureDetails.checkBoxSelection;
+    let newExcludedRecords = [...excludedRecords];
+    let newIncludedRecords = [...includedRecords];
+    // When all checkboxes are checked
+    if (allBoxChecked) {
+        // Update excluded records: add or remove the current rowData
+        newExcludedRecords = (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(rowData))
+            ? excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.filter((item) => (item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id))
+            : [...excludedRecords, rowData];
+        // Check if all records are included; reset if so
+        if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_a = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _a === void 0 ? void 0 : _a.length)) {
+            return {
+                excludedRecords: [],
+                includedRecords: [],
+                isIndeterminate: false,
+                allBoxChecked: true,
+            };
+        }
+        // Check if all records are excluded; reset if so
+        else if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_b = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
+            return exports.initialCheckBoxData;
+        }
+        // Otherwise, update the excluded records and indeterminate state
+        else {
+            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { excludedRecords: newExcludedRecords, isIndeterminate: !(excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(rowData)) });
+        }
+    }
+    // When not all checkboxes are checked
+    else {
+        // Update included records: add or remove the current rowData
+        newIncludedRecords = (includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.includes(rowData))
+            ? includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.filter((item) => (item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id))
+            : [...includedRecords, rowData];
+        // Check if all records are included; reset if so
+        if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_c = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _c === void 0 ? void 0 : _c.length)) {
+            return {
+                excludedRecords: [],
+                includedRecords: [],
+                isIndeterminate: false,
+                allBoxChecked: true,
+            };
+        }
+        // Check if all records are excluded; reset if so
+        else if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_d = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _d === void 0 ? void 0 : _d.length)) {
+            return exports.initialCheckBoxData;
+        }
+        // Otherwise, update the included records
+        else {
+            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { includedRecords: newIncludedRecords });
+        }
+    }
+};
+exports.updateRecords = updateRecords;
+// Utility function to determine conditions for updating group states
+// Based on various flags and states, determines whether to add or remove group IDs
+const determineConditions = (isChecked, allBoxChecked, isEveryParentGroupInclude, isEveryParentGroupExcluded, isEverySuperParentGroupExcluded) => ({
+    addParent: (!allBoxChecked && isChecked && isEveryParentGroupInclude) ||
+        (allBoxChecked && isChecked && isEveryParentGroupExcluded),
+    addSuperParent: (!allBoxChecked && isChecked && isEveryParentGroupInclude) ||
+        (allBoxChecked && isChecked && isEverySuperParentGroupExcluded),
+    removeParent: (!allBoxChecked && !isChecked && !isEveryParentGroupInclude) ||
+        (allBoxChecked && !isChecked && !isEveryParentGroupExcluded),
+    removeSuperParent: (!allBoxChecked && !isChecked && !isEveryParentGroupInclude) ||
+        (allBoxChecked && !isChecked && !isEverySuperParentGroupExcluded),
+});
+exports.determineConditions = determineConditions;
+// Function to update the selected groups in the state
+// Takes the group ID and a boolean flag `add` to decide whether to add or remove the group ID
+const updateSelectedGroup = (id, add, setSelectedGroup) => {
+    setSelectedGroup((prev) => {
+        if (add) {
+            // If `add` is true, add the group ID if it does not already exist in the state
+            if (!prev.includes(id)) {
+                return [...prev, id];
+            }
+        }
+        else {
+            // If `add` is false, remove the group ID from the state
+            return prev.filter((groupId) => groupId !== id);
+        }
+        return prev;
+    });
+};
+// function to update the selected groups in the state
+// Manages adding or removing group IDs based on the grouping column count and conditions
+const updateGroupState = (groupingColumns, parentId, superParentId, conditions, setSelectedGroup) => {
+    const { addParent, addSuperParent, removeParent, removeSuperParent } = conditions;
+    // Handle logic when there are 2 grouping columns
+    if (groupingColumns === 2) {
+        if (addSuperParent)
+            updateSelectedGroup(superParentId, true, setSelectedGroup); // Add super parent group ID
+        if (addParent) {
+            updateSelectedGroup(parentId, true, setSelectedGroup);
+        }
+        ; // Add parent group ID
+        if (removeSuperParent)
+            updateSelectedGroup(superParentId, false, setSelectedGroup); // Remove super parent group ID
+        if (removeParent)
+            updateSelectedGroup(parentId, false, setSelectedGroup); // Remove parent group ID
+    }
+    // Handle logic when there is 1 grouping column
+    else if (groupingColumns === 1) {
+        if (addParent)
+            updateSelectedGroup(parentId, true, setSelectedGroup); // Add parent group ID
+        if (removeParent)
+            updateSelectedGroup(parentId, false, setSelectedGroup); // Remove parent group ID
+    }
+};
+exports.updateGroupState = updateGroupState;
+// ------------------------------------- group header checkbox -------------------------------------------
+// Utility function to gather all child and parent data for a group
+const gatherGroupData = (params) => {
+    var _a, _b, _c, _d;
+    const groupData = (_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.allLeafChildren) === null || _b === void 0 ? void 0 : _b.map((childNode) => childNode === null || childNode === void 0 ? void 0 : childNode.data);
+    const parentGroupData = (_d = (_c = params === null || params === void 0 ? void 0 : params.node.parent) === null || _c === void 0 ? void 0 : _c.allLeafChildren) === null || _d === void 0 ? void 0 : _d.map((childNode) => childNode === null || childNode === void 0 ? void 0 : childNode.data);
+    return { groupData, parentGroupData };
+};
+// Utility function to handle checked state updates
+const handleCheckedState = (params, featureDetails, gridData, setFeatureDetails, setSelectedGroup, groupingColumns) => {
+    const { excludedRecords, includedRecords, allBoxChecked } = featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection;
+    const { groupData, parentGroupData } = gatherGroupData(params);
+    let newExcludedRecords = [...excludedRecords];
+    let newIncludedRecords = [...includedRecords];
+    // Update records based on the checkbox state
+    groupData.forEach((group) => {
+        var _a, _b;
+        if (allBoxChecked) {
+            newExcludedRecords = (newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.includes(group))
+                ? newExcludedRecords.filter((item) => item !== group)
+                : [...newExcludedRecords, group];
+        }
+        else if (!((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.leafGroup) && ((_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.level) === 0) {
+            newIncludedRecords = newIncludedRecords.includes(group)
+                ? newIncludedRecords
+                : [...newIncludedRecords, group];
+        }
+        else {
+            newIncludedRecords = newIncludedRecords.includes(group)
+                ? newIncludedRecords
+                : [...newIncludedRecords, group];
+        }
+    });
+    updateCheckboxData(newIncludedRecords, newExcludedRecords, gridData, featureDetails, setFeatureDetails);
+    const isParent = determineParentGroupState(parentGroupData, newIncludedRecords, newExcludedRecords, allBoxChecked);
+    handleGroupSelection(params, setSelectedGroup, groupingColumns, isParent);
+};
+exports.handleCheckedState = handleCheckedState;
+// Utility function to handle unchecked state updates
+const handleUncheckedState = (params, featureDetails, gridData, setFeatureDetails, setSelectedGroup, groupingColumns) => {
+    const { excludedRecords, includedRecords, allBoxChecked } = featureDetails.checkBoxSelection;
+    const { groupData, parentGroupData } = gatherGroupData(params);
+    let newExcludedRecords = [...excludedRecords];
+    let newIncludedRecords = [...includedRecords];
+    // Update records based on the checkbox state
+    groupData.forEach((group) => {
+        if (allBoxChecked) {
+            newExcludedRecords = newExcludedRecords.includes(group)
+                ? newExcludedRecords
+                : [...newExcludedRecords, group];
+        }
+        else {
+            newIncludedRecords = newIncludedRecords.includes(group)
+                ? newIncludedRecords.filter((item) => {
+                    if (item.id !== group.id)
+                        group.isSelected = false;
+                    return item.id !== group.id;
+                })
+                : [...newIncludedRecords, group];
+        }
+    });
+    updateCheckboxData(newIncludedRecords, newExcludedRecords, gridData, featureDetails, setFeatureDetails);
+    const isEveryParentGroupInclude = parentGroupData === null || parentGroupData === void 0 ? void 0 : parentGroupData.every((parent) => newIncludedRecords.some((included) => (included === null || included === void 0 ? void 0 : included.id) === (parent === null || parent === void 0 ? void 0 : parent.id)));
+    const isParent = determineParentGroupState(parentGroupData, newIncludedRecords, newExcludedRecords, allBoxChecked);
+    handleGroupDeselection(params, setSelectedGroup, groupingColumns, isParent, isEveryParentGroupInclude);
+};
+exports.handleUncheckedState = handleUncheckedState;
+// Utility function to update checkbox data in the state
+const updateCheckboxData = (newIncludedRecords, newExcludedRecords, gridData, featureDetails, setFeatureDetails) => {
+    var _a, _b;
+    if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_a = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _a === void 0 ? void 0 : _a.length)) {
+        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { excludedRecords: [], includedRecords: [], isIndeterminate: false, allBoxChecked: true }) }));
+    }
+    else if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_b = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
+        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: exports.initialCheckBoxData }));
+    }
+    else {
+        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { excludedRecords: newExcludedRecords, includedRecords: newIncludedRecords, isIndeterminate: featureDetails.checkBoxSelection.allBoxChecked ? true : featureDetails.checkBoxSelection.isIndeterminate }) }));
+    }
+};
+// Utility function to determine parent group inclusion or exclusion states
+const determineParentGroupState = (parentGroupData, newIncludedRecords, newExcludedRecords, allBoxChecked) => {
+    const isAnyParentGroupInclude = parentGroupData === null || parentGroupData === void 0 ? void 0 : parentGroupData.every((parent) => newIncludedRecords.some((included) => included.id === parent.id));
+    const isAnyParentGroupExcluded = parentGroupData === null || parentGroupData === void 0 ? void 0 : parentGroupData.some((parent) => newExcludedRecords.some((excluded) => excluded.id === parent.id));
+    return allBoxChecked ? isAnyParentGroupExcluded : isAnyParentGroupInclude;
+};
+// Utility function to handle group selection logic for checked state
+const handleGroupSelection = (params, setSelectedGroup, groupingColumns, isParent) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    if (groupingColumns === 2 && !((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.leafGroup) && ((_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.level) === 0) {
+        (_d = (_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.childrenAfterGroup) === null || _d === void 0 ? void 0 : _d.forEach((childNode) => {
+            setSelectedGroup((prev) => prev.includes(childNode.id) ? prev : [...prev, childNode.id]);
+        });
+        setSelectedGroup((prev) => prev.includes(params.node.id) ? prev : [...prev, params.node.id]);
+    }
+    else if (((_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.leafGroup) && ((_f = params === null || params === void 0 ? void 0 : params.node) === null || _f === void 0 ? void 0 : _f.level) === 1 && isParent) {
+        setSelectedGroup((prev) => prev.includes(params.node.id) ? prev : [...prev, params.node.id]);
+        setSelectedGroup((prev) => {
+            var _a, _b, _c, _d;
+            return prev.includes((_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.id)
+                ? prev
+                : [...prev, (_d = (_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.parent) === null || _d === void 0 ? void 0 : _d.id];
+        });
+    }
+    else if (((_g = params === null || params === void 0 ? void 0 : params.node) === null || _g === void 0 ? void 0 : _g.leafGroup) && ((_h = params === null || params === void 0 ? void 0 : params.node) === null || _h === void 0 ? void 0 : _h.level) === 1 && !isParent) {
+        setSelectedGroup((prev) => {
+            var _a, _b, _c, _d;
+            return prev.includes((_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.id)
+                ? prev
+                : [...prev, (_d = (_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.parent) === null || _d === void 0 ? void 0 : _d.id];
+        });
+        setSelectedGroup((prev) => {
+            var _a, _b;
+            return prev.includes((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.id)
+                ? prev
+                : [...prev, (_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.id];
+        });
+    }
+    else {
+        setSelectedGroup((prev) => { var _a; return prev.includes(params.node.id) ? prev : [...prev, (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.id]; });
+    }
+};
+// Utility function to handle group deselection logic for unchecked state
+const handleGroupDeselection = (params, setSelectedGroup, groupingColumns, isParent, isEveryParentGroupInclude) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    if (groupingColumns === 2 && !((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.leafGroup) && ((_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.level) === 0) {
+        (_d = (_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.childrenAfterGroup) === null || _d === void 0 ? void 0 : _d.forEach((childNode) => {
+            setSelectedGroup((prev) => prev === null || prev === void 0 ? void 0 : prev.filter((id) => id !== (childNode === null || childNode === void 0 ? void 0 : childNode.id)));
+        });
+        setSelectedGroup((prev) => prev === null || prev === void 0 ? void 0 : prev.filter((id) => { var _a; return id !== ((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.id); }));
+    }
+    else if (((_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.leafGroup) &&
+        ((_f = params === null || params === void 0 ? void 0 : params.node) === null || _f === void 0 ? void 0 : _f.level) === 1 &&
+        !isEveryParentGroupInclude) {
+        // Handle cases where current node is a leaf group at level 1
+        setSelectedGroup((prev) => {
+            if (prev === null || prev === void 0 ? void 0 : prev.includes(params.node.id)) {
+                return prev === null || prev === void 0 ? void 0 : prev.filter((id) => { var _a; return id !== ((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.id); });
+            }
+            return prev;
+        });
+        setSelectedGroup((prev) => {
+            var _a, _b;
+            if (prev === null || prev === void 0 ? void 0 : prev.includes((_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.id)) {
+                return prev === null || prev === void 0 ? void 0 : prev.filter((id) => { var _a, _b; return id !== ((_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.id); });
+            }
+            return prev;
+        });
+    }
+    else if (((_g = params === null || params === void 0 ? void 0 : params.node) === null || _g === void 0 ? void 0 : _g.leafGroup) && ((_h = params === null || params === void 0 ? void 0 : params.node) === null || _h === void 0 ? void 0 : _h.level) === 1 && !isParent) {
+        setSelectedGroup((prev) => {
+            if (prev === null || prev === void 0 ? void 0 : prev.includes(params.node.id)) {
+                return prev === null || prev === void 0 ? void 0 : prev.filter((id) => { var _a; return id !== ((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.id); });
+            }
+            return prev;
+        });
+        setSelectedGroup((prev) => {
+            var _a, _b;
+            if (prev === null || prev === void 0 ? void 0 : prev.includes((_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.id)) {
+                return prev === null || prev === void 0 ? void 0 : prev.filter((id) => { var _a, _b; return id !== ((_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.id); });
+            }
+            return prev;
+        });
+    }
+    else if (((_j = params === null || params === void 0 ? void 0 : params.node) === null || _j === void 0 ? void 0 : _j.leafGroup) && ((_k = params === null || params === void 0 ? void 0 : params.node) === null || _k === void 0 ? void 0 : _k.level) === 1 && isParent) {
+        setSelectedGroup((prev) => {
+            var _a, _b;
+            if (prev.includes((_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.id)) {
+                return prev.filter((id) => { var _a, _b; return id !== ((_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.id); });
+            }
+            return prev;
+        });
+    }
+    else {
+        setSelectedGroup((prev) => prev.filter((id) => id !== params.node.id));
+    }
+};
+// ------------------------------------- group header checkbox -------------------------------------------
+// iterating over eachnode and return first and second group ids
+const getGroupIds = (gridRef) => {
+    var _a, _b;
+    const firstGroupIds = [];
+    const secondGroupIds = [];
+    (_b = (_a = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.forEachNode((node) => {
+        if (node === null || node === void 0 ? void 0 : node.group) {
+            if ((node === null || node === void 0 ? void 0 : node.level) === 0) {
+                // Store the ID of the first level group
+                firstGroupIds === null || firstGroupIds === void 0 ? void 0 : firstGroupIds.push(node === null || node === void 0 ? void 0 : node.id);
+            }
+            else if ((node === null || node === void 0 ? void 0 : node.level) === 1) {
+                // Store the ID of the second level group
+                secondGroupIds === null || secondGroupIds === void 0 ? void 0 : secondGroupIds.push(node === null || node === void 0 ? void 0 : node.id);
+            }
+        }
+    });
+    return { firstGroupIds, secondGroupIds };
+};
+exports.getGroupIds = getGroupIds;
+const handleCheckboxClick = (e, params, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    const isChecked = e.checked;
+    const { data: rowData } = params;
+    // Update checkbox data and set the updated state
+    const updatedCheckBoxData = (0, exports.updateRecords)(rowData, featureDetails, gridData);
+    setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: updatedCheckBoxData }));
+    // Gather parent and super parent group data for condition checks
+    const parentGroupData = (_c = (_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.childrenAfterGroup) === null || _c === void 0 ? void 0 : _c.map((childNode) => childNode === null || childNode === void 0 ? void 0 : childNode.data);
+    const superParentData = (_g = (_f = (_e = (_d = params === null || params === void 0 ? void 0 : params.node) === null || _d === void 0 ? void 0 : _d.parent) === null || _e === void 0 ? void 0 : _e.parent) === null || _f === void 0 ? void 0 : _f.allLeafChildren) === null || _g === void 0 ? void 0 : _g.map((children) => children === null || children === void 0 ? void 0 : children.data);
+    // Determine if all or any parent groups are included/excluded
+    const isEveryParentGroupInclude = parentGroupData === null || parentGroupData === void 0 ? void 0 : parentGroupData.every((parent) => { var _a; return (_a = updatedCheckBoxData === null || updatedCheckBoxData === void 0 ? void 0 : updatedCheckBoxData.includedRecords) === null || _a === void 0 ? void 0 : _a.some((included) => (included === null || included === void 0 ? void 0 : included.id) === (parent === null || parent === void 0 ? void 0 : parent.id)); });
+    const isEveryParentGroupExcluded = parentGroupData === null || parentGroupData === void 0 ? void 0 : parentGroupData.every((parent) => { var _a; return (_a = updatedCheckBoxData === null || updatedCheckBoxData === void 0 ? void 0 : updatedCheckBoxData.excludedRecords) === null || _a === void 0 ? void 0 : _a.some((excluded) => (excluded === null || excluded === void 0 ? void 0 : excluded.id) === (parent === null || parent === void 0 ? void 0 : parent.id)); });
+    const isEverySuperParentGroupExcluded = superParentData === null || superParentData === void 0 ? void 0 : superParentData.every((parent) => { var _a; return (_a = updatedCheckBoxData === null || updatedCheckBoxData === void 0 ? void 0 : updatedCheckBoxData.excludedRecords) === null || _a === void 0 ? void 0 : _a.some((excluded) => (excluded === null || excluded === void 0 ? void 0 : excluded.id) === (parent === null || parent === void 0 ? void 0 : parent.id)); });
+    // Determine the conditions to update group state
+    const conditions = (0, exports.determineConditions)(isChecked, updatedCheckBoxData.allBoxChecked, isEveryParentGroupInclude, isEveryParentGroupExcluded, isEverySuperParentGroupExcluded);
+    console.log("conditionsss", conditions);
+    // Update group state based on determined conditions
+    (0, exports.updateGroupState)(groupingColumns, (_j = (_h = params === null || params === void 0 ? void 0 : params.node) === null || _h === void 0 ? void 0 : _h.parent) === null || _j === void 0 ? void 0 : _j.id, (_m = (_l = (_k = params === null || params === void 0 ? void 0 : params.node) === null || _k === void 0 ? void 0 : _k.parent) === null || _l === void 0 ? void 0 : _l.parent) === null || _m === void 0 ? void 0 : _m.id, conditions, setSelectedGroup);
+};
+exports.handleCheckboxClick = handleCheckboxClick;

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

@@ -12,17 +12,19 @@ const error_ui_1 = tslib_1.__importDefault(require("./error-ui"));
 const loading_component_1 = tslib_1.__importDefault(require("./loading-component"));
 const context_provider_1 = tslib_1.__importDefault(require("./context-provider"));
 const group_checkbox_1 = tslib_1.__importDefault(require("./group-checkbox"));
+const utilComponents_1 = require("./utilComponents");
 function ParentForGrid(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     const [gridData, setGridData] = (0, react_1.useState)({
         rowData: [],
-        columnData: (0, helper_1.sortColumns)(props === null || props === void 0 ? void 0 : props.columnData)
+        columnData: (0, helper_1.sortColumns)(props === null || props === void 0 ? void 0 : props.columnData),
     });
     let maxLength = 0;
     const [style] = (0, react_1.useState)(props.style);
     const [api, setApi] = (0, react_1.useState)(null);
     const [totalRecords, setTotalRecords] = (0, react_1.useState)(0);
     const [gridReadyEvent, setGridReadyEvent] = (0, react_1.useState)();
+    const [intialColumns, setIntialColumns] = (0, react_1.useState)(null);
     const [defaultFilters, setDefaultFilters] = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.defaultFilters) || []);
     const [selectedGroup, setSelectedGroup] = (0, react_1.useState)([]);
     const [emptyResponse] = (0, react_1.useState)({
@@ -62,6 +64,7 @@ function ParentForGrid(props) {
     });
     // const [columnToRender,setColumnToRender] = useState<ColumnDef[]>([])
     const gridRef = (0, react_1.useRef)(null);
+    const groupingColumns = (_b = (_a = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _a === void 0 ? void 0 : _a.filter((colDef) => colDef === null || colDef === void 0 ? void 0 : colDef.rowGroup)) === null || _b === void 0 ? void 0 : _b.length;
     // Default column specification
     const defaultColDef = (0, react_1.useMemo)(() => {
         return {
@@ -72,88 +75,12 @@ function ParentForGrid(props) {
             sortable: false,
         };
     }, []);
-    const handleCheckboxClick = (rowData) => {
-        var _a;
-        console.log("rowData handle click", rowData);
-        const { excludedRecords, includedRecords, allBoxChecked } = featureDetails.checkBoxSelection;
-        let isIndeterminate;
-        let updatedIncludedRecords = includedRecords;
-        // Helper function to update the checkbox selection state for a single record
-        const updateCheckboxSelection = (data, excludedRecords) => {
-            let updatedExcludedRecords = excludedRecords;
-            // Handle the case where 'allBoxChecked' is true
-            if (allBoxChecked) {
-                if (excludedRecords.includes(data)) {
-                    // Remove from excludedRecords if already present
-                    updatedExcludedRecords = excludedRecords.filter((item) => item !== data);
-                }
-                else {
-                    // Add to excludedRecords if not present
-                    updatedExcludedRecords = [...excludedRecords, data];
-                }
-                // Set isIndeterminate to true if there are any excluded records
-                isIndeterminate = updatedExcludedRecords.length > 0;
-                return updatedExcludedRecords;
-            }
-            // Handle the case where 'allBoxChecked' is false
-            if (includedRecords.includes(data)) {
-                // Remove from includedRecords if already present
-                updatedIncludedRecords = updatedIncludedRecords.filter((item) => item.id !== data.id);
-            }
-            else {
-                // Add to includedRecords if not present
-                updatedIncludedRecords = [...updatedIncludedRecords, data];
-            }
-            // Set isIndeterminate to true if not all records are included
-            isIndeterminate =
-                updatedIncludedRecords.length > 0 &&
-                    updatedIncludedRecords.length < totalRecordsCount;
-            return updatedExcludedRecords;
-        };
-        // Assuming you have access to the total number of records
-        const totalRecordsCount = (_a = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _a === void 0 ? void 0 : _a.length;
-        // Check if rowData is an array or a single object
-        let updatedExcludedRecords = excludedRecords;
-        console.log("updated excluded records", updatedExcludedRecords, updatedIncludedRecords);
-        if (Array.isArray(rowData)) {
-            rowData.forEach((data) => {
-                updatedExcludedRecords = updateCheckboxSelection(data, updatedExcludedRecords);
-            });
-            isIndeterminate = true;
-        }
-        else {
-            updatedExcludedRecords = updateCheckboxSelection(rowData, updatedExcludedRecords);
-        }
-        // Update the state with the new excluded records
-        const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { excludedRecords: updatedExcludedRecords, includedRecords: updatedIncludedRecords, isIndeterminate: isIndeterminate });
-        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
-    };
-    // iterating over eachnode and return first and second group ids
-    const getGroupIds = () => {
-        const firstGroupIds = [];
-        const secondGroupIds = [];
-        gridRef.current.api.forEachNode((node) => {
-            if (node.group) {
-                if (node.level === 0) {
-                    // Store the ID of the first level group
-                    firstGroupIds.push(node.id);
-                }
-                else if (node.level === 1) {
-                    // Store the ID of the second level group
-                    secondGroupIds.push(node.id);
-                }
-            }
-        });
-        return { firstGroupIds, secondGroupIds };
-    };
+    // console.log("propsssssssss", props)
     // Function to handle header checkbox click event
     const handleHeaderCheckbox = (props) => {
         // get the group and subgroupids
-        const { firstGroupIds, secondGroupIds } = getGroupIds();
-        console.log("First Group IDs:", firstGroupIds, secondGroupIds);
-        console.log("Second Group IDs:", secondGroupIds);
+        const { firstGroupIds, secondGroupIds } = (0, helper_1.getGroupIds)(gridRef);
         console.log("header props checkbox", props.node);
-        console.log("record values in handle", gridRef.current.api);
         const { allBoxChecked } = featureDetails.checkBoxSelection;
         const currentStatus = !allBoxChecked;
         const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { allBoxChecked: currentStatus, isIndeterminate: false, includedRecords: [], excludedRecords: [], headerCheckBoxStatus: currentStatus
@@ -185,13 +112,7 @@ function ParentForGrid(props) {
         const { data } = params;
         // const { allBoxChecked, excludedRecords, includedRecords } = featureDetails.checkBoxSelection;
         const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS, setFeatureDetails);
-        return ((0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: isChecked, onChange: () => handleCheckboxClick(data), isIndeterminate: false, shouldRenderOnRight: (_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxOnRight }));
-    };
-    // Render checkbox as well as initial component/data from props
-    const dataCellRenderer = (cellRendererParams, column) => {
-        var _a, _b, _c;
-        const { initialRenderer, cellCheckBoxRenderer } = cellRendererParams;
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex  w-full" }, { children: ((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxOnRight) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "custom_class_name flex w-full justify-content-between" }, { children: [typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", { children: (_b = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _b === void 0 ? void 0 : _b[column === null || column === void 0 ? void 0 : column.field] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center" }, { children: cellCheckBoxRenderer(cellRendererParams) }))] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center " }, { children: cellCheckBoxRenderer(cellRendererParams) })), typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "px-3" }, { children: (_c = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _c === void 0 ? void 0 : _c[column === null || column === void 0 ? void 0 : column.field] })))] })) })));
+        return ((0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: isChecked, onChange: (e) => (0, helper_1.handleCheckboxClick)(e, params, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup), isIndeterminate: false, shouldRenderOnRight: (_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxOnRight }));
     };
     // Callback to products for getting data
     const getData = (startRow, endRow, currentFeatures, params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
@@ -242,7 +163,7 @@ function ParentForGrid(props) {
         else if (props.rowModelType === constants_1.ROWMODELTYPE.SERVER_SIDE) {
             const dataSource = {
                 getRows: (params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-                    var _k, _l;
+                    var _m, _o;
                     const startRow = params.request.startRow;
                     const endRow = params.request.endRow;
                     // Scroll should not exit MAX_RECORDS_TO_LOAD
@@ -258,7 +179,7 @@ function ParentForGrid(props) {
                     // get data for request from our fake server
                     const response = yield getData(startRow, endRow, currentFeatures, params);
                     // simulating real server call with a 500ms delay
-                    if (((_k = response.rowData) === null || _k === void 0 ? void 0 : _k.length) > 0) {
+                    if (((_m = response.rowData) === null || _m === void 0 ? void 0 : _m.length) > 0) {
                         setGridData(Object.assign(Object.assign({}, gridData), { rowData: response.rowData }));
                         gridRef.current.api.hideOverlay();
                         // supply rows for requested block to grid
@@ -268,7 +189,7 @@ function ParentForGrid(props) {
                     else {
                         // params.fail();
                         const gridRows = startRow >= constants_1.BLOCK_SIZE ? gridData.rowData : [];
-                        if (!((_l = params === null || params === void 0 ? void 0 : params.parentNode) === null || _l === void 0 ? void 0 : _l.id))
+                        if (!((_o = params === null || params === void 0 ? void 0 : params.parentNode) === null || _o === void 0 ? void 0 : _o.id))
                             gridRef.current.api.showNoRowsOverlay();
                         params.success({ rowData: gridRows });
                         return;
@@ -293,19 +214,6 @@ function ParentForGrid(props) {
     const getDataPath = (0, react_1.useCallback)((data) => {
         return data.orgHierarchy;
     }, []);
-    //Get this compnent from products
-    const GroupHeader = (params) => {
-        console.log(params, "params in custom component of group products");
-        return (0, jsx_runtime_1.jsx)("p", { children: "My Custom Group" });
-    };
-    // useEffect(() => {
-    //   // Check if all columns in columnData have rowGroup set to false
-    //   const allFalse = gridData?.columnData?.every(column => !column?.rowGroup);
-    //   // If all are false, set selectedGroup to an empty array
-    //   if (allFalse) {
-    //     setSelectedGroup([]);
-    //   }
-    // }, [gridData?.columnData]);
     // Render group child conditionally with/without checkbox
     const manageColumnGrouping = () => {
         var _a;
@@ -313,117 +221,24 @@ function ParentForGrid(props) {
         const GroupHeaderRenderer = (params) => {
             var _a, _b, _c, _d, _e;
             const Wrapper = () => {
-                return (0, jsx_runtime_1.jsx)(GroupHeader, { params: params });
-            };
-            // Logic to add and remove the row index from state
-            const addIndexToSelectedGroup = (params) => {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-                const { allBoxChecked } = featureDetails.checkBoxSelection;
-                console.log("all box checked", allBoxChecked);
-                let currentIds = selectedGroup || [];
-                const groupData = (_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.allLeafChildren) === null || _b === void 0 ? void 0 : _b.map((childNode) => childNode === null || childNode === void 0 ? void 0 : childNode.data);
-                console.log("data to bind for selected group", params, groupData);
-                console.log("group data render child", groupData);
-                let updatedIncludedRecords = [
-                    ...(_c = featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection) === null || _c === void 0 ? void 0 : _c.includedRecords,
-                ];
-                // Check if the current group is already selected
-                if (currentIds.includes((_d = params === null || params === void 0 ? void 0 : params.node) === null || _d === void 0 ? void 0 : _d.id)) {
-                    // Remove the group ID and its data from includedRecords
-                    currentIds = currentIds.filter((item) => { var _a; return item !== ((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.id); });
-                    updatedIncludedRecords = updatedIncludedRecords.filter((record) => !groupData.includes(record));
-                }
-                else {
-                    // Add the group ID and its data to includedRecords
-                    currentIds.push((_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.id);
-                    updatedIncludedRecords.push(...groupData);
-                }
-                // Iterate over all child groups (if any) to update their selection state
-                (_g = (_f = params === null || params === void 0 ? void 0 : params.node) === null || _f === void 0 ? void 0 : _f.childrenAfterGroup) === null || _g === void 0 ? void 0 : _g.forEach((childGroup) => {
-                    var _a, _b, _c, _d;
-                    const childGroupData = (_b = (_a = childGroup === null || childGroup === void 0 ? void 0 : childGroup.parent) === null || _a === void 0 ? void 0 : _a.allLeafChildren) === null || _b === void 0 ? void 0 : _b.map((child) => child === null || child === void 0 ? void 0 : child.data);
-                    if (currentIds.includes(childGroup === null || childGroup === void 0 ? void 0 : childGroup.id)) {
-                        // Remove the childGroup ID if it exists and update includedRecords
-                        currentIds = currentIds.filter((child) => child !== (childGroup === null || childGroup === void 0 ? void 0 : childGroup.id));
-                        updatedIncludedRecords = updatedIncludedRecords.filter((record) => !childGroupData.includes(record));
-                    }
-                    else {
-                        // Add the childGroup ID if it doesn't exist
-                        if (!currentIds.includes(childGroup === null || childGroup === void 0 ? void 0 : childGroup.id)) {
-                            currentIds.push(childGroup === null || childGroup === void 0 ? void 0 : childGroup.id);
-                        }
-                        // Check if each child's data is already included before adding it
-                        const newChildren = (_d = (_c = childGroup === null || childGroup === void 0 ? void 0 : childGroup.parent) === null || _c === void 0 ? void 0 : _c.allLeafChildren) === null || _d === void 0 ? void 0 : _d.filter((child) => !updatedIncludedRecords.some((record) => record.id === (child === null || child === void 0 ? void 0 : child.data.id)));
-                        updatedIncludedRecords.push(...newChildren.map((child) => child === null || child === void 0 ? void 0 : child.data));
-                    }
-                });
-                // After processing, ensure the parent group is selected if any of its subgroups are selected
-                const isAnySubgroupSelected = (_j = (_h = params === null || params === void 0 ? void 0 : params.node) === null || _h === void 0 ? void 0 : _h.childrenAfterGroup) === null || _j === void 0 ? void 0 : _j.some((childGroup) => currentIds.includes(childGroup === null || childGroup === void 0 ? void 0 : childGroup.id));
-                if (isAnySubgroupSelected && !currentIds.includes((_k = params === null || params === void 0 ? void 0 : params.node) === null || _k === void 0 ? void 0 : _k.id)) {
-                    currentIds.push((_l = params === null || params === void 0 ? void 0 : params.node) === null || _l === void 0 ? void 0 : _l.id);
-                    updatedIncludedRecords.push(...groupData);
-                }
-                console.log(currentIds, "current id on selecting group");
-                console.log("params in addIndex", params);
-                // Update the state with the modified array
-                setSelectedGroup(currentIds);
-                // Update the includedRecords in featureDetails
-                setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { includedRecords: updatedIncludedRecords }) }));
-            };
-            // Update parent checkbox state based on child selection
-            const updateParentCheckboxState = (params) => {
-                var _a, _b, _c, _d, _e, _f;
-                const groupData = (_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.allLeafChildren) === null || _b === void 0 ? void 0 : _b.map((childNode) => childNode === null || childNode === void 0 ? void 0 : childNode.data);
-                const allChildrenSelected = (_d = (_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.allLeafChildren) === null || _d === void 0 ? void 0 : _d.every((childNode) => {
-                    return selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.includes(childNode.id);
-                });
-                const parentNodeId = (_f = (_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.parent) === null || _f === void 0 ? void 0 : _f.id;
-                if (allChildrenSelected) {
-                    setSelectedGroup((prev) => [...prev, parentNodeId]);
-                }
-                else {
-                    handleCheckboxClick(groupData);
-                    setSelectedGroup((prev) => prev === null || prev === void 0 ? void 0 : prev.filter((id) => id !== parentNodeId));
-                }
+                return (0, jsx_runtime_1.jsx)(utilComponents_1.GroupHeader, { params: params });
             };
+            // Main onChange handler function for group checkbox
             const onChange = (e, params) => {
-                var _a, _b, _c, _d;
-                console.log(params, "params of group check");
                 const isChecked = e.checked;
-                console.log("selected group row iddddd", selectedGroup, params.node.id);
-                const groupData = (_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.allLeafChildren) === null || _b === void 0 ? void 0 : _b.map((childNode) => childNode === null || childNode === void 0 ? void 0 : childNode.data);
-                console.log("group data render child", groupData);
                 if (isChecked) {
-                    addIndexToSelectedGroup(params);
+                    (0, helper_1.handleCheckedState)(params, featureDetails, gridData, setFeatureDetails, setSelectedGroup, groupingColumns);
                 }
                 else {
-                    // Remove group data from includedRecords when checkbox is unchecked
-                    handleCheckboxClick(groupData);
-                    setSelectedGroup((prev) => prev === null || prev === void 0 ? void 0 : prev.filter((id) => { var _a; return id !== ((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.id); }));
-                    (_d = (_c = params === null || params === void 0 ? void 0 : params.node) === null || _c === void 0 ? void 0 : _c.childrenAfterGroup) === null || _d === void 0 ? void 0 : _d.forEach((childNode) => {
-                        setSelectedGroup((prev) => prev === null || prev === void 0 ? void 0 : prev.filter((id) => id !== (childNode === null || childNode === void 0 ? void 0 : childNode.id)));
-                    });
-                    // setFeatureDetails((prevDetails) => ({
-                    //   ...prevDetails,
-                    //   checkBoxSelection: {
-                    //     ...prevDetails.checkBoxSelection,
-                    //     includedRecords:
-                    //       prevDetails.checkBoxSelection.includedRecords.filter(
-                    //         (record) => !groupData.includes(record)
-                    //       ),
-                    //   },
-                    // }));
+                    (0, helper_1.handleUncheckedState)(params, featureDetails, gridData, setFeatureDetails, setSelectedGroup, groupingColumns);
                 }
-                // Update parent state after any change
-                updateParentCheckboxState(params);
             };
-            console.log("dataaa", params.node);
             // To display checkbox
             if ((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxForGroups) {
                 // To display checkbox on right
                 return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)(group_checkbox_1.default, { checked: (selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.includes((_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.id)) ||
                                 (((_c = featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection) === null || _c === void 0 ? void 0 : _c.allBoxChecked) &&
-                                    !((_d = featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection) === null || _d === void 0 ? void 0 : _d.isIndeterminate)), onChange: (e) => onChange(e, params), isIndeterminate: false, shouldRenderOnRight: false }), (0, jsx_runtime_1.jsx)("span", { children: (_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.key })] })));
+                                    !((_d = featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection) === null || _d === void 0 ? void 0 : _d.isIndeterminate)), onChange: (e) => onChange(e, params), isIndeterminate: false, shouldRenderOnRight: false }), (0, jsx_runtime_1.jsx)("span", { children: (_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.id })] })));
             }
             return (0, jsx_runtime_1.jsx)(Wrapper, {});
         };
@@ -463,10 +278,10 @@ function ParentForGrid(props) {
     };
     // Options that grid should have
     const gridOptions = {
-        columnDefs: (_a = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _a === void 0 ? void 0 : _a.map((column) => {
+        columnDefs: (_c = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _c === void 0 ? void 0 : _c.map((column) => {
             var _a, _b;
-            if (column.enableChildCheckbox && 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) => dataCellRenderer(params, column), cellRendererParams: {
+            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() });
@@ -494,8 +309,8 @@ function ParentForGrid(props) {
         suppressCellFocus: true,
         suppressPropertyNamesCheck: true,
         suppressServerSideFullWidthLoadingRow: true,
-        enableRangeSelection: (_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.enableFillHandle,
-        enableFillHandle: (_c = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _c === void 0 ? void 0 : _c.enableFillHandle,
+        enableRangeSelection: (_d = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _d === void 0 ? void 0 : _d.enableFillHandle,
+        enableFillHandle: (_e = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _e === void 0 ? void 0 : _e.enableFillHandle,
         onFillEnd: wrapperToFillOpertation,
         fillOperation: myOpertaion,
         getRowId: getRowId,
@@ -567,11 +382,11 @@ function ParentForGrid(props) {
                                 initialFeature,
                                 defaultFilters,
                                 createView: props === null || props === void 0 ? void 0 : props.createView,
-                                enableViewCreate: (_d = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _d === void 0 ? void 0 : _d.enableViewCreate,
-                                filterModelText: (_e = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _e === void 0 ? void 0 : _e.filterModelText,
-                                sortModelText: (_f = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _f === void 0 ? void 0 : _f.sortModelText,
-                                recordDetailModelText: (_g = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _g === void 0 ? void 0 : _g.recordDetailModelText,
-                                sidePanelText: (_h = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _h === void 0 ? void 0 : _h.sidePanelText,
+                                enableViewCreate: (_f = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _f === void 0 ? void 0 : _f.enableViewCreate,
+                                filterModelText: (_g = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _g === void 0 ? void 0 : _g.filterModelText,
+                                sortModelText: (_h = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _h === void 0 ? void 0 : _h.sortModelText,
+                                recordDetailModelText: (_j = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _j === void 0 ? void 0 : _j.recordDetailModelText,
+                                sidePanelText: (_k = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _k === void 0 ? void 0 : _k.sidePanelText,
                                 sortOptions: (props === null || props === void 0 ? void 0 : props.sortOptions)
                                     ? props.sortOptions
                                     : constants_1.COLUMN_SORT_OPTIONS,
@@ -584,7 +399,9 @@ function ParentForGrid(props) {
                                 columnToRender: gridData.columnData,
                                 selectedGroup: selectedGroup,
                                 setSelectedGroup: setSelectedGroup,
-                                initialCheckBoxData: initialCheckBoxData
-                            } }, { children: ((_j = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _j === void 0 ? void 0 : _j.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady, gridRef: gridRef })] }) })) }) }));
+                                initialCheckBoxData: initialCheckBoxData,
+                                intialColumns,
+                                setIntialColumns
+                            } }, { children: ((_l = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _l === void 0 ? void 0 : _l.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady, gridRef: gridRef })] }) })) }) }));
 }
 exports.default = ParentForGrid;

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupHeader = exports.dataCellRenderer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// import Checkbox from "./grid-checkbox";
+// Render checkbox as well as initial component/data from props
+const dataCellRenderer = (cellRendererParams, column, props) => {
+    var _a, _b, _c;
+    const { initialRenderer, cellCheckBoxRenderer } = cellRendererParams;
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex  w-full" }, { children: ((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxOnRight) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "custom_class_name flex w-full justify-content-between" }, { children: [typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", { children: (_b = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _b === void 0 ? void 0 : _b[column === null || column === void 0 ? void 0 : column.field] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center" }, { children: cellCheckBoxRenderer(cellRendererParams) }))] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center " }, { children: cellCheckBoxRenderer(cellRendererParams) })), typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "px-3" }, { children: (_c = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _c === void 0 ? void 0 : _c[column === null || column === void 0 ? void 0 : column.field] })))] })) })));
+};
+exports.dataCellRenderer = dataCellRenderer;
+//Get this compnent from products
+const GroupHeader = (params) => {
+    console.log(params, "params in custom component of group products");
+    return (0, jsx_runtime_1.jsx)("p", { children: "My Custom Group" });
+};
+exports.GroupHeader = GroupHeader;

package/dist/types/components/ag-grid/context-provider.d.ts

@@ -27,6 +27,8 @@ interface MyProviderProps {
         setSelectedGroup: (group: string[]) => void;
         selectedGroup: string[];
         initialCheckBoxData: CheckBoxSelection;
+        intialColumns: ColumnDef[];
+        setIntialColumns: React.Dispatch<React.SetStateAction<any>>;
     };
 }
 declare function MyProvider({ children, value }: MyProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ag-grid/grid-checkbox.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 interface CheckboxProps {
     checked: boolean;
-    onChange: () => void;
+    onChange: (e: any) => void;
     isIndeterminate: boolean;
     shouldRenderOnRight: boolean;
 }

package/dist/types/components/ag-grid/helper.d.ts

@@ -1,4 +1,6 @@
 import React from "react";
+import { CheckBoxSelection } from "./Types";
+export declare const initialCheckBoxData: CheckBoxSelection;
 export declare const applyDefaultFilters: (defaultFilters: any) => any;
 export declare const parseIfNeeded: (value: any) => any;
 export declare const sortColumns: (columns: any) => any;
@@ -34,3 +36,18 @@ export declare const autoGroupColumnDef: (isTreeEnable: boolean, headerName: str
     headerName?: undefined;
     minWidth?: undefined;
 };
+export declare const updateRecords: (rowData: any, featureDetails: any, gridData: any) => any;
+export declare const determineConditions: (isChecked: any, allBoxChecked: any, isEveryParentGroupInclude: any, isEveryParentGroupExcluded: any, isEverySuperParentGroupExcluded: any) => {
+    addParent: any;
+    addSuperParent: any;
+    removeParent: boolean;
+    removeSuperParent: boolean;
+};
+export declare const updateGroupState: (groupingColumns: any, parentId: any, superParentId: any, conditions: any, setSelectedGroup: any) => void;
+export declare const handleCheckedState: (params: any, featureDetails: any, gridData: any, setFeatureDetails: any, setSelectedGroup: any, groupingColumns: any) => void;
+export declare const handleUncheckedState: (params: any, featureDetails: any, gridData: any, setFeatureDetails: any, setSelectedGroup: any, groupingColumns: any) => void;
+export declare const getGroupIds: (gridRef: any) => {
+    firstGroupIds: string[];
+    secondGroupIds: string[];
+};
+export declare const handleCheckboxClick: (e: any, params: any, featureDetails: any, gridData: any, setFeatureDetails: any, groupingColumns: any, setSelectedGroup: any) => void;

package/dist/types/components/ag-grid/utilComponents.d.ts

@@ -0,0 +1,2 @@
+export declare const dataCellRenderer: (cellRendererParams: any, column: any, props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const GroupHeader: (params: any) => import("react/jsx-runtime").JSX.Element;

package/package.json

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