sccoreui 6.1.90 → 6.1.91

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

@@ -10,6 +10,7 @@ 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;
@@ -17,7 +18,9 @@ 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, intialColumns, setIntialColumns, } = (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)([]);
@@ -111,7 +114,8 @@ const ColumnGroup = (props) => {
         setSelectedGroup([]);
         if (gridApi) {
             // Use deep copy of `intialColumns` to ensure no unintended mutation
-            const clonedInitialColumns = JSON.parse(JSON.stringify(intialColumns));
+            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([]);
@@ -127,6 +131,7 @@ const ColumnGroup = (props) => {
             }
         }
     };
+    console.log("intialllllll columns", intialColumns);
     const handleHide = () => {
         var _a, _b, _c;
         // Reset the renderColumns when the OverlayPanel is hidden
@@ -147,12 +152,6 @@ const ColumnGroup = (props) => {
             // 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

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+exports.deepClone = 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 react_1 = tslib_1.__importDefault(require("react"));
 const constants_1 = require("./constants");
 // initial checkbox data
 exports.initialCheckBoxData = {
@@ -549,3 +550,48 @@ const handleCheckboxClick = (e, params, featureDetails, gridData, setFeatureDeta
     (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;
+const deepClone = (obj) => {
+    var _a, _b, _c;
+    // If the input is not an object or is null, return the value itself (primitive types are returned directly)
+    if (obj === null || typeof obj !== 'object') {
+        return obj;
+    }
+    // Handle Date objects by creating a new Date instance with the same value
+    if (obj instanceof Date) {
+        return new Date(obj);
+    }
+    // Handle RegExp objects by creating a new RegExp instance with the same pattern and flags
+    if (obj instanceof RegExp) {
+        return new RegExp(obj);
+    }
+    // Handle React JSX elements
+    // If the object is a valid React element, clone it along with its props and children
+    if (react_1.default.isValidElement(obj)) {
+        const element = obj; // Explicitly assert type to ReactElement
+        // Recursively clone all child elements, if any
+        const clonedChildren = ((_a = element === null || element === void 0 ? void 0 : element.props) === null || _a === void 0 ? void 0 : _a.children)
+            ? (_b = react_1.default.Children) === null || _b === void 0 ? void 0 : _b.map((_c = element === null || element === void 0 ? void 0 : element.props) === null || _c === void 0 ? void 0 : _c.children, (child) => (0, exports.deepClone)(child))
+            : undefined; // Set to undefined if no children exist
+        // Return a cloned React element with its props and recursively cloned children
+        return react_1.default.cloneElement(element, Object.assign({}, element === null || element === void 0 ? void 0 : element.props), // Spread the existing props
+        clonedChildren // Include cloned children
+        );
+    }
+    // Handle Arrays
+    // Recursively clone each element in the array
+    if (Array.isArray(obj)) {
+        return obj === null || obj === void 0 ? void 0 : obj.map(exports.deepClone);
+    }
+    // Handle Objects
+    // Recursively clone each property in the object
+    const clonedObj = {}; // Create a new empty object to hold cloned properties
+    for (const key in obj) {
+        // Use hasOwnProperty to avoid cloning inherited properties
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+            clonedObj[key] = (0, exports.deepClone)(obj[key]); // Recursively clone each property
+        }
+    }
+    // Return the fully cloned object
+    return clonedObj;
+};
+exports.deepClone = deepClone;

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

@@ -261,7 +261,7 @@ function ParentForGrid(props) {
             return (0, helper_1.autoGroupColumnDef)((props === null || props === void 0 ? void 0 : props.enableTree) ? true : false, // If tree enable
             props === null || props === void 0 ? void 0 : props.treeHeaderName, // Tree header name
             props === null || props === void 0 ? void 0 : props.groupField, // Group field
-            props === null || props === void 0 ? void 0 : props.GroupHeaderComponent, // Header component
+            (0, utilComponents_1.GridHeaderComponent)(props), // Header component
             headerCheckBoxRenderer, //
             props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, cellRendererConditionally, GroupHeaderRenderer // Custom component for group header
             );
@@ -270,12 +270,20 @@ function ParentForGrid(props) {
             return (0, helper_1.autoGroupColumnDef)((props === null || props === void 0 ? void 0 : props.enableTree) ? true : false, // If tree enable
             props === null || props === void 0 ? void 0 : props.treeHeaderName, // Tree header name
             props === null || props === void 0 ? void 0 : props.groupField, // Group field
-            props === null || props === void 0 ? void 0 : props.GroupHeaderComponent, // Header component
+            (0, utilComponents_1.GridHeaderComponent)(props), // Header component
             headerCheckBoxRenderer, //
             props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, GroupHeaderRenderer // Custom component for group header
             );
         }
     };
+    (0, react_1.useEffect)(() => {
+        // 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 = (0, helper_1.deepClone)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
+            setIntialColumns(deepCopyOfColumns);
+        }
+    }, [intialColumns]);
     // Options that grid should have
     const gridOptions = {
         columnDefs: (_c = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _c === void 0 ? void 0 : _c.map((column) => {

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GroupHeader = exports.dataCellRenderer = void 0;
+exports.GridHeaderComponent = 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
@@ -16,3 +16,9 @@ const GroupHeader = (params) => {
     return (0, jsx_runtime_1.jsx)("p", { children: "My Custom Group" });
 };
 exports.GroupHeader = GroupHeader;
+const GridHeaderComponent = (props) => {
+    if (props === null || props === void 0 ? void 0 : props.GroupHeaderComponent)
+        return props === null || props === void 0 ? void 0 : props.GroupHeaderComponent;
+    return (0, jsx_runtime_1.jsx)("span", { children: "Group" });
+};
+exports.GridHeaderComponent = GridHeaderComponent;

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

@@ -51,3 +51,4 @@ export declare const getGroupIds: (gridRef: any) => {
     secondGroupIds: string[];
 };
 export declare const handleCheckboxClick: (e: any, params: any, featureDetails: any, gridData: any, setFeatureDetails: any, groupingColumns: any, setSelectedGroup: any) => void;
+export declare const deepClone: (obj: any) => any;

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

@@ -1,2 +1,3 @@
 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;
+export declare const GridHeaderComponent: (props: any) => any;

package/package.json

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