sccoreui 6.2.17 → 6.2.19

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

@@ -14,16 +14,17 @@ 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, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     const [gridData, setGridData] = (0, react_1.useState)({
         rowData: [],
         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 [style] = useState<Style>(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)({
@@ -74,6 +75,7 @@ function ParentForGrid(props) {
             sortable: false,
         };
     }, []);
+    // console.log("propsssssssss", props)
     // Function to handle header checkbox click event
     const handleHeaderCheckbox = (props) => {
         // get the group and subgroupids
@@ -140,33 +142,34 @@ function ParentForGrid(props) {
     });
     // Gets call onLoad,scroll and whenever any featureDetails changed
     const onGridReady = (params, updatedFeatures) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        var _r, _s;
         setApi(params.api);
         setGridReadyEvent(params);
         let currentFeatures = updatedFeatures;
         if (!updatedFeatures) {
             currentFeatures = featureDetails;
         }
-        if (props.rowModelType === constants_1.ROWMODELTYPE.CLIENT_SIDE) {
-            params.api.setGridOption("rowData", []);
+        if ((props === null || props === void 0 ? void 0 : props.rowModelType) === (constants_1.ROWMODELTYPE === null || constants_1.ROWMODELTYPE === void 0 ? void 0 : constants_1.ROWMODELTYPE.CLIENT_SIDE)) {
+            params === null || params === void 0 ? void 0 : params.api.setGridOption("rowData", []);
             const result = yield getData(0, 0, currentFeatures);
             if (result.rowData) {
                 setGridData(Object.assign(Object.assign({}, gridData), { rowData: result.rowData }));
                 gridRef.current.api.hideOverlay();
-                params.api.applyTransaction({ add: result.rowData });
+                (_r = params === null || params === void 0 ? void 0 : params.api) === null || _r === void 0 ? void 0 : _r.applyTransaction({ add: result.rowData });
             }
             else {
-                params.api.applyTransaction({ add: [] });
+                (_s = params === null || params === void 0 ? void 0 : params.api) === null || _s === void 0 ? void 0 : _s.applyTransaction({ add: [] });
             }
         }
         else if (props.rowModelType === constants_1.ROWMODELTYPE.SERVER_SIDE) {
             const dataSource = {
                 getRows: (params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-                    var _m, _o;
+                    var _t, _u, _v;
                     const startRow = params.request.startRow;
                     const endRow = params.request.endRow;
                     // Scroll should not exit MAX_RECORDS_TO_LOAD
                     if (endRow > maxLength && maxLength > 0) {
-                        gridRef.current.api.hideOverlay();
+                        (_t = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current.api) === null || _t === void 0 ? void 0 : _t.hideOverlay();
                         // supply rows for requested block to grid
                         params.success({
                             rowData: gridData.rowData,
@@ -177,7 +180,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 (((_m = response.rowData) === null || _m === void 0 ? void 0 : _m.length) > 0) {
+                    if (((_u = response.rowData) === null || _u === void 0 ? void 0 : _u.length) > 0) {
                         setGridData(Object.assign(Object.assign({}, gridData), { rowData: response.rowData }));
                         gridRef.current.api.hideOverlay();
                         // supply rows for requested block to grid
@@ -187,14 +190,14 @@ function ParentForGrid(props) {
                     else {
                         // params.fail();
                         const gridRows = startRow >= constants_1.BLOCK_SIZE ? gridData.rowData : [];
-                        if (!((_o = params === null || params === void 0 ? void 0 : params.parentNode) === null || _o === void 0 ? void 0 : _o.id))
+                        if (!((_v = params === null || params === void 0 ? void 0 : params.parentNode) === null || _v === void 0 ? void 0 : _v.id))
                             gridRef.current.api.showNoRowsOverlay();
                         params.success({ rowData: gridRows });
                         return;
                     }
                 }),
             };
-            params.api.setGridOption("serverSideDatasource", dataSource);
+            params === null || params === void 0 ? void 0 : params.api.setGridOption("serverSideDatasource", dataSource);
         }
     });
     // Specify unique id for every row for grid
@@ -217,7 +220,7 @@ function ParentForGrid(props) {
         var _a;
         // Custom component for specific group header/parent
         const GroupHeaderRenderer = (params) => {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d;
             const Wrapper = () => {
                 return (0, jsx_runtime_1.jsx)(utilComponents_1.GroupHeader, { params: params });
             };
@@ -231,18 +234,27 @@ function ParentForGrid(props) {
                     (0, helper_1.handleUncheckedState)(params, featureDetails, gridData, setFeatureDetails, setSelectedGroup, groupingColumns);
                 }
             };
+            const HeaderComponent = props === null || props === void 0 ? void 0 : props.rowGroupHeaderComponent;
             // 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.id })] })));
+                                    !((_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 }), props.rowGroupHeaderComponent ?
+                            (0, jsx_runtime_1.jsx)(HeaderComponent, { params: params }) : params.node.field] })));
             }
             return (0, jsx_runtime_1.jsx)(Wrapper, {});
         };
+        const GridHeaderComponent = () => {
+            if (props === null || props === void 0 ? void 0 : props.GroupHeaderComponent) {
+                const CustomComponent = props === null || props === void 0 ? void 0 : props.GroupHeaderComponent;
+                return (0, jsx_runtime_1.jsx)(CustomComponent, {});
+            }
+            return (0, jsx_runtime_1.jsx)("span", { children: "Group " });
+        };
         // Cell renderer with checkbox
         const cellRendererConditionally = (params) => {
-            var _a, _b;
+            var _a, _b, _c;
             if ((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxForGroupChild) {
                 if (!(props === null || props === void 0 ? void 0 : props.ChildComponentForGroup)) {
                     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between" }, { children: [cellCheckBoxRenderer(params), (0, jsx_runtime_1.jsx)("p", { children: params === null || params === void 0 ? void 0 : params.data[props === null || props === void 0 ? void 0 : props.groupField] })] })));
@@ -250,7 +262,7 @@ function ParentForGrid(props) {
                 return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: ((_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.displayCheckboxOnRight) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between" }, { children: [props === null || props === void 0 ? void 0 : props.ChildComponentForGroup(params), cellCheckBoxRenderer(params)] }))) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between" }, { children: [cellCheckBoxRenderer(params), props === null || props === void 0 ? void 0 : props.ChildComponentForGroup(params)] }))) }));
             }
             else {
-                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props === null || props === void 0 ? void 0 : props.ChildComponentForGroup(params) });
+                return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(props === null || props === void 0 ? void 0 : props.ChildComponentForGroup) ? props === null || props === void 0 ? void 0 : props.ChildComponentForGroup(params) : (0, jsx_runtime_1.jsx)("span", { children: params === null || params === void 0 ? void 0 : params.data[(_c = params === null || params === void 0 ? void 0 : params.colDef) === null || _c === void 0 ? void 0 : _c.field] }), " "] });
             }
         };
         // Group default values
@@ -259,24 +271,32 @@ 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
+            GridHeaderComponent, // Header component
             headerCheckBoxRenderer, //
-            props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, cellRendererConditionally, GroupHeaderRenderer // Custom component for group header
-            );
+            props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, parseInt(props === null || props === void 0 ? void 0 : props.rowGroupColumnWidth), // for grouped column width
+            cellRendererConditionally, GroupHeaderRenderer);
         }
         else {
             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
+            GridHeaderComponent, // Header component
             headerCheckBoxRenderer, //
-            props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, GroupHeaderRenderer // Custom component for group header
-            );
+            props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, parseInt(props === null || props === void 0 ? void 0 : props.rowGroupColumnWidth), // for grouped column width
+            GroupHeaderRenderer);
         }
     };
+    (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]);
+    const gridStyle = Object.assign({ width: (_c = props === null || props === void 0 ? void 0 : props.style) === null || _c === void 0 ? void 0 : _c.width }, ((totalRecords > 6 || !((_d = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _d === void 0 ? void 0 : _d.isGridAutoHeight)) ? { height: (_e = props === null || props === void 0 ? void 0 : props.style) === null || _e === void 0 ? void 0 : _e.height } : null));
     // 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) => {
+    const gridOptions = Object.assign({ columnDefs: (_f = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _f === void 0 ? void 0 : _f.map((column) => {
             var _a, _b;
             if ((column === null || column === void 0 ? void 0 : column.enableChildCheckbox) && (column === null || column === void 0 ? void 0 : column.enableHeaderCheckbox)) {
                 return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params === null || params === void 0 ? void 0 : params.displayName, (column === null || column === void 0 ? void 0 : column.headerComponent) && ""), cellRenderer: (params) => (0, utilComponents_1.dataCellRenderer)(params, column, props), cellRendererParams: {
@@ -287,33 +307,8 @@ function ParentForGrid(props) {
             else {
                 return Object.assign(Object.assign({}, column), { headerName: (_b = column === null || column === void 0 ? void 0 : column.headerName) === null || _b === void 0 ? void 0 : _b.toUpperCase() });
             }
-        }),
-        autoGroupColumnDef: manageColumnGrouping(),
-        treeData: (props === null || props === void 0 ? void 0 : props.enableTree) ? props === null || props === void 0 ? void 0 : props.enableTree : false,
-        getDataPath: (props === null || props === void 0 ? void 0 : props.enableTree) ? getDataPath : null,
-        defaultColDef: defaultColDef,
-        suppressMenuHide: false,
-        rowSelection: "multiple",
-        suppressRowClickSelection: true,
-        headerHeight: props === null || props === void 0 ? void 0 : props.columnHeaderHeight,
-        rowHeight: constants_1.ROW_HEIGHT,
-        rowModelType: props.rowModelType,
-        pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData,
-        cacheBlockSize: constants_1.BLOCK_SIZE,
-        maxBlocksInCache: constants_1.MAX_BLOCKS,
-        blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL,
-        noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent,
-        loadingOverlayComponent: loading_component_1.default,
-        suppressCellFocus: true,
-        suppressPropertyNamesCheck: true,
-        suppressServerSideFullWidthLoadingRow: true,
-        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,
-        fillHandleDirection: "y",
-    };
+        }), autoGroupColumnDef: manageColumnGrouping(), treeData: (props === null || props === void 0 ? void 0 : props.enableTree) ? props === null || props === void 0 ? void 0 : props.enableTree : false, getDataPath: (props === null || props === void 0 ? void 0 : props.enableTree) ? getDataPath : null, defaultColDef: defaultColDef, suppressMenuHide: false, rowSelection: "multiple", suppressRowClickSelection: true, headerHeight: props === null || props === void 0 ? void 0 : props.columnHeaderHeight, rowHeight: constants_1.ROW_HEIGHT, rowModelType: props.rowModelType, pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData, cacheBlockSize: constants_1.BLOCK_SIZE, maxBlocksInCache: constants_1.MAX_BLOCKS, blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL, noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent, loadingOverlayComponent: loading_component_1.default, suppressCellFocus: true, suppressPropertyNamesCheck: true, suppressServerSideFullWidthLoadingRow: true, enableRangeSelection: (_g = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _g === void 0 ? void 0 : _g.enableFillHandle, enableFillHandle: (_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.enableFillHandle, onFillEnd: wrapperToFillOpertation, fillOperation: myOpertaion, getRowId: getRowId, fillHandleDirection: "y" }, ((totalRecords < 6 && ((_j = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _j === void 0 ? void 0 : _j.isGridAutoHeight)) ? { domLayout: 'autoHeight' } : { domLayout: undefined }) // for auto height based on table content and isGridAutoHeight set to true
+    );
     // Fucntion to call the grid
     const callGrid = (featureDetails) => {
         onGridReady(gridReadyEvent, featureDetails);
@@ -371,7 +366,7 @@ function ParentForGrid(props) {
             setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: initialCheckBoxData }));
         }
     }, [props === null || props === void 0 ? void 0 : props.emptyCheckboxStatus]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: style.height, width: style.width }, className: "ag-grid-container border-1 border-gray-200 border-round" }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(context_provider_1.default, Object.assign({ value: {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: gridStyle === null || gridStyle === void 0 ? void 0 : gridStyle.height, width: gridStyle === null || gridStyle === void 0 ? void 0 : gridStyle.width }, className: "ag-grid-container" }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(context_provider_1.default, Object.assign({ value: {
                                 featureDetails,
                                 setFeatureDetails,
                                 gridData,
@@ -380,11 +375,11 @@ function ParentForGrid(props) {
                                 initialFeature,
                                 defaultFilters,
                                 createView: props === null || props === void 0 ? void 0 : props.createView,
-                                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,
+                                enableViewCreate: (_k = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _k === void 0 ? void 0 : _k.enableViewCreate,
+                                filterModelText: (_l = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _l === void 0 ? void 0 : _l.filterModelText,
+                                sortModelText: (_m = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _m === void 0 ? void 0 : _m.sortModelText,
+                                recordDetailModelText: (_o = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _o === void 0 ? void 0 : _o.recordDetailModelText,
+                                sidePanelText: (_p = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _p === void 0 ? void 0 : _p.sidePanelText,
                                 sortOptions: (props === null || props === void 0 ? void 0 : props.sortOptions)
                                     ? props.sortOptions
                                     : constants_1.COLUMN_SORT_OPTIONS,
@@ -398,6 +393,8 @@ function ParentForGrid(props) {
                                 selectedGroup: selectedGroup,
                                 setSelectedGroup: setSelectedGroup,
                                 initialCheckBoxData: initialCheckBoxData,
-                            } }, { 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 })] }) })) }) }));
+                                intialColumns,
+                                setIntialColumns
+                            } }, { children: ((_q = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _q === void 0 ? void 0 : _q.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: gridStyle, gridOptions: gridOptions, onGridReady: onGridReady, gridRef: gridRef })] }) })) }) }));
 }
 exports.default = ParentForGrid;

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/components/formula-template/FormulaCoponent.js

@@ -274,8 +274,8 @@ const FormulaComponent = (props) => {
     const onFilter = (e) => {
         if (e.target.value) {
             let opts = props === null || props === void 0 ? void 0 : props.fieldOptions.filter((x) => {
-                var _a, _b;
-                return (_b = (_a = x === null || x === void 0 ? void 0 : x[props === null || props === void 0 ? void 0 : props.fieldFilterOption]) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(e.target.value.toLowerCase());
+                var _a, _b, _c, _d;
+                return (_b = (_a = x === null || x === void 0 ? void 0 : x[props === null || props === void 0 ? void 0 : props.fieldFilterOption]) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes((_d = (_c = e === null || e === void 0 ? void 0 : e.target) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.toLowerCase());
             });
             setFieldOptions(opts);
         }

package/dist/components/multi-select-dropdown/multi-select-dropdown.js

@@ -13,7 +13,8 @@ const MultiSelectDropDown = (props) => {
         return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.dropdownType === "status" ?
                 (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'select_status_prv absolute left_section_item z-5' }, { children: items.length > 0 ?
                         (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'p-0 m-0 list-none' }, { children: items.map((status, i) => {
-                                return (0, jsx_runtime_1.jsx)("li", { style: { background: status.color }, className: `${status.name.replaceAll(' ', '').toLowerCase()}` }, i);
+                                var _a, _b;
+                                return (0, jsx_runtime_1.jsx)("li", { style: { background: status.color }, className: `${(_b = (_a = status === null || status === void 0 ? void 0 : status.name) === null || _a === void 0 ? void 0 : _a.replaceAll(' ', '')) === null || _b === void 0 ? void 0 : _b.toLowerCase()}` }, i);
                             }) }))
                         :
                             (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'p-0 m-0 list-none' }, { children: (0, jsx_runtime_1.jsx)("li", { className: 'all' }) })) }))
@@ -43,7 +44,8 @@ const MultiSelectDropDown = (props) => {
             setItems(props.value);
     }, [props.value]);
     const itemTemplate = (option) => {
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `status_dropdown_item pl-6 ${option.name.replaceAll(' ', '').toLowerCase()}` }, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'status_dot', style: { background: option.color } }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'otption_name mr-8' }, { children: option.name }))] })) }));
+        var _a, _b;
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `status_dropdown_item pl-6 ${(_b = (_a = option === null || option === void 0 ? void 0 : option.name) === null || _a === void 0 ? void 0 : _a.replaceAll(' ', '')) === null || _b === void 0 ? void 0 : _b.toLowerCase()}` }, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'status_dot', style: { background: option.color } }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'otption_name mr-8' }, { children: option.name }))] })) }));
     };
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.dropdownType === 'withIcon' &&
                 (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `sc_custom_multiselect flex align-items-center relative ${props.className} ${isMoreThanOne ? `selected_multile ${`selected_num_` + items.length}` : ''}` }, { children: [(0, jsx_runtime_1.jsx)(LeftSection, {}), (0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, { panelClassName: `Multi_select_dropdown_panel panel_${props.dropdownType} ${props.panelClassName} ${props.hidePanelHeader !== undefined ? 'hidePanelHeader' : ''}`, value: items, onChange: (e) => onChange(e), options: props.options, optionLabel: "name", filter: true, placeholder: props.placeholder, display: "chip", maxSelectedLabels: props.maxSelectedLabels, style: { minWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '', maxWidth: props.dropdownWidth ? props.dropdownWidth + 'px' : '' }, className: `w-full md:w-20rem ${props.maxWidth ? `${'optionBodyMaxWidth_' + props.maxWidth}` : ''}`, panelStyle: { width: props.panelWidth ? props.panelWidth + 'px' : '' } }), items.length > 0 &&

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

@@ -103,6 +103,7 @@ export interface ConditionsToDisplay {
     displayCheckboxForGroups?: boolean;
     displayGroupCount?: boolean;
     displayRowGroupingElement?: boolean;
+    isGridAutoHeight?: boolean;
 }
 export interface PropsFromProduct {
     columnData: ColumnDef[];
@@ -142,6 +143,8 @@ export interface PropsFromProduct {
     columnHeaderHeight?: number;
     AdvancedFilter?: React.FC;
     removeCallBack?: (featureDetails: Features) => void;
+    rowGroupHeaderComponent: React.FC;
+    rowGroupColumnWidth: string | number;
 }
 export interface ResoponseFromCallback {
     totalRecords: number;

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/helper.d.ts

@@ -7,7 +7,7 @@ export declare const sortColumns: (columns: any) => any;
 export declare const getCheckedStatus: (row: any, featureDetails: any, GRID_CHECKBOX_STATUS: any, setFeatureDetails: any) => any;
 export declare const updateCells: (updatedRowData: any, setUpdateRowData: any, api: any) => void;
 export declare const fillOperation: (params: any, api: any, editedRecords: any, setEditedRecords: any) => Promise<void>;
-export declare const autoGroupColumnDef: (isTreeEnable: boolean, headerName: string, groupField: string, GroupHeaderComponent: React.FC, headerCheckboxRenderer: React.FC, enableCheckboxForGroupHeader: boolean, displayGroupCount: boolean, ChildRendererForGroup?: React.FC, HeaderRendererForGroup?: React.FC) => {
+export declare const autoGroupColumnDef: (isTreeEnable: boolean, headerName: string, groupField: string, GroupHeaderComponent: React.FC, headerCheckboxRenderer: React.FC, enableCheckboxForGroupHeader: boolean, displayGroupCount: boolean, rowGroupColumnWidth: number, ChildRendererForGroup?: React.FC, HeaderRendererForGroup?: React.FC) => {
     headerName: string;
     minWidth: number;
     cellRendererParams: {
@@ -20,6 +20,7 @@ export declare const autoGroupColumnDef: (isTreeEnable: boolean, headerName: str
     field: string;
     headerComponent: React.FC<{}> | (() => React.ReactElement<any, any>);
     cellRenderer: string;
+    minWidth: number;
     cellRendererParams: (params: any) => {
         suppressCount: boolean;
         innerRenderer: React.FC<{}>;
@@ -34,10 +35,9 @@ export declare const autoGroupColumnDef: (isTreeEnable: boolean, headerName: str
         checkbox?: undefined;
     };
     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) => {
+export declare const determineConditions: (isChecked: any, allBoxChecked: any, isEveryParentGroupInclude: any, isEverySuperParentGroupInclude: any, isSomeParentGroupExcluded: any, isSomeSuperParentGroupExcluded: any) => {
     addParent: any;
     addSuperParent: any;
     removeParent: any;
@@ -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.2.17",
+  "version": "6.2.19",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",