sccoreui 6.2.16 → 6.2.17

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

@@ -14,17 +14,16 @@ 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, _m, _o, _p, _q;
+    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),
     });
     let maxLength = 0;
-    // const [style] = useState<Style>(props.style);
+    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)({
@@ -75,7 +74,6 @@ function ParentForGrid(props) {
             sortable: false,
         };
     }, []);
-    // console.log("propsssssssss", props)
     // Function to handle header checkbox click event
     const handleHeaderCheckbox = (props) => {
         // get the group and subgroupids
@@ -142,34 +140,33 @@ 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 === 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", []);
+        if (props.rowModelType === constants_1.ROWMODELTYPE.CLIENT_SIDE) {
+            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();
-                (_r = params === null || params === void 0 ? void 0 : params.api) === null || _r === void 0 ? void 0 : _r.applyTransaction({ add: result.rowData });
+                params.api.applyTransaction({ add: result.rowData });
             }
             else {
-                (_s = params === null || params === void 0 ? void 0 : params.api) === null || _s === void 0 ? void 0 : _s.applyTransaction({ add: [] });
+                params.api.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 _t, _u, _v;
+                    var _m, _o;
                     const startRow = params.request.startRow;
                     const endRow = params.request.endRow;
                     // Scroll should not exit MAX_RECORDS_TO_LOAD
                     if (endRow > maxLength && maxLength > 0) {
-                        (_t = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current.api) === null || _t === void 0 ? void 0 : _t.hideOverlay();
+                        gridRef.current.api.hideOverlay();
                         // supply rows for requested block to grid
                         params.success({
                             rowData: gridData.rowData,
@@ -180,7 +177,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 (((_u = response.rowData) === null || _u === void 0 ? void 0 : _u.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
@@ -190,14 +187,14 @@ function ParentForGrid(props) {
                     else {
                         // params.fail();
                         const gridRows = startRow >= constants_1.BLOCK_SIZE ? gridData.rowData : [];
-                        if (!((_v = params === null || params === void 0 ? void 0 : params.parentNode) === null || _v === void 0 ? void 0 : _v.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;
                     }
                 }),
             };
-            params === null || params === void 0 ? void 0 : params.api.setGridOption("serverSideDatasource", dataSource);
+            params.api.setGridOption("serverSideDatasource", dataSource);
         }
     });
     // Specify unique id for every row for grid
@@ -220,7 +217,7 @@ function ParentForGrid(props) {
         var _a;
         // Custom component for specific group header/parent
         const GroupHeaderRenderer = (params) => {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e;
             const Wrapper = () => {
                 return (0, jsx_runtime_1.jsx)(utilComponents_1.GroupHeader, { params: params });
             };
@@ -234,27 +231,18 @@ 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 }), props.rowGroupHeaderComponent ?
-                            (0, jsx_runtime_1.jsx)(HeaderComponent, { params: params }) : params.node.field] })));
+                                    !((_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, {});
         };
-        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, _c;
+            var _a, _b;
             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] })] })));
@@ -262,7 +250,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.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] }), " "] });
+                return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props === null || props === void 0 ? void 0 : props.ChildComponentForGroup(params) });
             }
         };
         // Group default values
@@ -271,32 +259,24 @@ 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
-            GridHeaderComponent, // Header component
+            props === null || props === void 0 ? void 0 : props.GroupHeaderComponent, // Header component
             headerCheckBoxRenderer, //
-            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);
+            props === null || props === void 0 ? void 0 : props.enableCheckboxForGroupHeader, props.conditionsToDisplay.displayGroupCount, cellRendererConditionally, GroupHeaderRenderer // Custom component for group header
+            );
         }
         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
-            GridHeaderComponent, // Header component
+            props === null || props === void 0 ? void 0 : props.GroupHeaderComponent, // Header component
             headerCheckBoxRenderer, //
-            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);
+            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]);
-    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 = Object.assign({ columnDefs: (_f = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _f === void 0 ? void 0 : _f.map((column) => {
+    const gridOptions = {
+        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 === 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: {
@@ -307,8 +287,33 @@ 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: (_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
-    );
+        }),
+        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",
+    };
     // Fucntion to call the grid
     const callGrid = (featureDetails) => {
         onGridReady(gridReadyEvent, featureDetails);
@@ -366,7 +371,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: gridStyle === null || gridStyle === void 0 ? void 0 : gridStyle.height, width: gridStyle === null || gridStyle === void 0 ? void 0 : gridStyle.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: 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: {
                                 featureDetails,
                                 setFeatureDetails,
                                 gridData,
@@ -375,11 +380,11 @@ function ParentForGrid(props) {
                                 initialFeature,
                                 defaultFilters,
                                 createView: props === null || props === void 0 ? void 0 : props.createView,
-                                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,
+                                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,
@@ -393,8 +398,6 @@ function ParentForGrid(props) {
                                 selectedGroup: selectedGroup,
                                 setSelectedGroup: setSelectedGroup,
                                 initialCheckBoxData: initialCheckBoxData,
-                                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 })] }) })) }) }));
+                            } }, { 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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GridHeaderComponent = exports.GroupHeader = exports.dataCellRenderer = void 0;
+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,9 +16,3 @@ 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, _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());
+                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());
             });
             setFieldOptions(opts);
         }

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

@@ -13,8 +13,7 @@ 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) => {
-                                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);
+                                return (0, jsx_runtime_1.jsx)("li", { style: { background: status.color }, className: `${status.name.replaceAll(' ', '').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' }) })) }))
@@ -44,8 +43,7 @@ const MultiSelectDropDown = (props) => {
             setItems(props.value);
     }, [props.value]);
     const itemTemplate = (option) => {
-        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.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 }))] })) }));
     };
     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 &&