sccoreui 6.4.2 → 6.4.5

package/dist/App.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("./App.scss");
+// import FroalaTextEditor from "./components/froala-editor/FroalaEditor";
 // import Home from "./pages/home";
 const App = () => {
     return (0, jsx_runtime_1.jsx)("div", { className: "m-6" });

package/dist/App.scss

@@ -655,7 +655,7 @@ code {
 }
 
 .selected_attributes {
-  height: calc(100vh - 180px);
+  // height: calc(100vh - 180px);
   overflow-y: auto;
 }
 
@@ -1245,6 +1245,13 @@ button[aria-expanded="true"] {
   }
 }
 
+.listbox_label {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  white-space: normal;
+}
+
 .list_box_dropdown {
   .p-listbox-header {
     padding: 12px !important;
@@ -3018,6 +3025,15 @@ button[aria-expanded="true"] {
   }
 }
 
+.text_ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  line-clamp: 1;
+  white-space: normal;
+  overflow: hidden;
+}
+
 // button styles
 // .p-button.sc_btn,
 // div.sc_btn {
@@ -3171,3 +3187,7 @@ button[aria-expanded="true"] {
 //     }
 //   }
 // }
+
+.max-height{
+  height: 340px;
+}

package/dist/assets/sccoreui.css

@@ -5786,7 +5786,7 @@ a {
 
 .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
   background: #ffffff;
-  color: var(--primary-700); /* color changed */
+  color: var(--primary-400); /* color changed */
   position: relative;
   transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
 }
@@ -8037,7 +8037,7 @@ a {
   z-index: 1;
   display: block;
   position: absolute;
-  background: var(--primary-700);
+  background: var(--primary-400);
   height: 2px;
   bottom: 0;
 

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

@@ -25,12 +25,15 @@ function HideColumn() {
     const addColumns = () => {
         var _a;
         const columns = [];
-        (_a = gridData.columnData) === null || _a === void 0 ? void 0 : _a.filter((gColumn) => {
-            columnToRender === null || columnToRender === void 0 ? void 0 : columnToRender.filter((rColumn) => {
-                if (gColumn.id === rColumn.id || gColumn.field === rColumn.field) {
-                    columns.push(gColumn);
-                }
-            });
+        const addedColumnIds = new Set(); // Track already added columns to prevent duplicates
+        (_a = gridData.columnData) === null || _a === void 0 ? void 0 : _a.forEach((gColumn) => {
+            // Check if this column exists in columnToRender
+            const existsInRender = columnToRender === null || columnToRender === void 0 ? void 0 : columnToRender.some((rColumn) => gColumn.id === rColumn.id || gColumn.field === rColumn.field);
+            // Add column only if it exists in render and hasn't been added yet
+            if (existsInRender && !addedColumnIds.has(gColumn.id)) {
+                columns.push(gColumn);
+                addedColumnIds.add(gColumn.id);
+            }
         });
         setHidePanelNodes(columns);
         assignInitialValues(columns);
@@ -108,19 +111,40 @@ function HideColumn() {
     const hideColumns = (columnsToHide, updatedSeq) => {
         if (!gridApi)
             return;
-        const updatedColumnDefs = hidePanelNodes.map((colDef) => {
+        // Create a deep copy of the original state for comparison
+        const originalColumns = hidePanelNodes.map((col) => (Object.assign({}, col)));
+        const changedColumns = []; // Track only visibility changes
+        // Process each column to detect changes and update the grid
+        hidePanelNodes.forEach((colDef) => {
+            const originalCol = originalColumns.find((orig) => orig.id === colDef.id);
             const colToHide = columnsToHide.find((col) => col.id === colDef.id);
-            colDef.hide = (colDef === null || colDef === void 0 ? void 0 : colDef.visibleInPanel) ? !!colToHide : colDef === null || colDef === void 0 ? void 0 : colDef.hide;
+            const newHideValue = (colDef === null || colDef === void 0 ? void 0 : colDef.visibleInPanel) ? !!colToHide : colDef === null || colDef === void 0 ? void 0 : colDef.hide;
+            // Store original values for comparison
+            const originalHideValue = originalCol === null || originalCol === void 0 ? void 0 : originalCol.hide;
+            const originalSeq = originalCol === null || originalCol === void 0 ? void 0 : originalCol.seq;
+            // Update the column definition
+            colDef.hide = newHideValue;
             const updatedCol = updatedSeq.find((col) => col.id === colDef.id);
+            let newSeq = originalSeq;
             if (updatedCol) {
-                colDef.seq = updatedCol.seq;
+                newSeq = updatedCol.seq;
+                colDef.seq = newSeq;
+            }
+            // Only track columns that had their visibility actually changed
+            // Ignore sequence changes as they happen automatically for all columns
+            const visibilityChanged = originalHideValue !== newHideValue;
+            if (visibilityChanged) {
+                changedColumns.push(Object.assign(Object.assign({}, colDef), { changeType: "visibility", previousHide: originalHideValue, currentHide: newHideValue }));
             }
-            return colDef;
-        });
-        updateColumnsForGrid({
-            columns: updatedColumnDefs,
-            enableManageColumnsCallback: enableManageColumnsCallbackAPI,
         });
+        console.log(changedColumns, "changedColumns - only visibility changes");
+        // Only call updateColumnsForGrid if there are actually changed columns
+        if (changedColumns.length > 0) {
+            updateColumnsForGrid({
+                columns: changedColumns,
+                enableManageColumnsCallback: enableManageColumnsCallbackAPI,
+            });
+        }
     };
     // When drag started
     const handleDragStart = (index) => (event) => {

package/dist/components/ag-grid/advancedFeature/new-filter/table-filter.js

@@ -17,6 +17,8 @@ const FeatureSkeleton_1 = tslib_1.__importDefault(require("../../../skeletons/Fe
 // import "./TableFilter.module.scss";
 const TableFilter = () => {
     const { featureDetails, columnData, conditionType, conditionTypes, globalFilters, setConditionType, setGlobalFilters, setFeatureDetails, callGrid, setViewName, viewName, createView, enableViewCreate, filterModelText, enableAdvancedFilter, gridApi, conditionsToDisplay, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
+    // console.log("createView", FeatureContext);
+    // debugger;
     const columnId = "field";
     const columnName = "headerName";
     const showFilter = (0, react_1.useRef)(null);
@@ -29,6 +31,7 @@ const TableFilter = () => {
     const tableColumns = columnData === null || columnData === void 0 ? void 0 : columnData.filter((eachColumn) => eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.isFilterable).map((eachColumn) => ({
         name: eachColumn[columnName],
         code: eachColumn[columnId],
+        fieldName: eachColumn.field,
         dataType: eachColumn.dataType,
         columnType: eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.columnType,
         options: eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.options,
@@ -41,6 +44,7 @@ const TableFilter = () => {
         id: Math.random().toString(),
         isActive: false,
     };
+    // console.log("tableColumns", tableColumns);
     const applyAdvancedFilter = (array) => {
         const allQueries = array.map((query) => {
             const column = { code: query.columnName };
@@ -70,6 +74,7 @@ const TableFilter = () => {
         currentFeature.filterQueries = allQueries;
         setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { filterQueries: allQueries }));
         console.log("payload", requestFilters);
+        // setConditionsArray(requestFilters);
         callGrid(currentFeature);
         return [];
     };

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

@@ -62,7 +62,7 @@ const sortColumns = (columns) => {
 };
 exports.sortColumns = sortColumns;
 // Give checkbox checked status
-const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS) => {
+const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS, setFeatureDetails) => {
     const { allBoxChecked, excludedRecords, includedRecords, headerCheckBoxStatus, } = featureDetails.checkBoxSelection;
     if (allBoxChecked) {
         return !excludedRecords.includes(row);
@@ -71,19 +71,12 @@ const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS) => {
         if (headerCheckBoxStatus === GRID_CHECKBOX_STATUS.NEUTRAL &&
             (row === null || row === void 0 ? void 0 : row.isSelected)) {
             if (!includedRecords.includes(row)) {
-                // includedRecords.push(row);
-                // setFeatureDetails((prev) => ({
-                //   ...prev,
-                //   checkBoxSelection: {
-                //     ...prev.checkBoxSelection,
-                //     includedRecords: [...includedRecords],
-                //   },
-                // }));
-                return !(excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(row));
+                includedRecords.push(row);
+                setFeatureDetails((prev) => (Object.assign(Object.assign({}, prev), { checkBoxSelection: Object.assign(Object.assign({}, prev.checkBoxSelection), { includedRecords: [...includedRecords] }) })));
             }
             return true;
         }
-        return (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(row)) ? false : includedRecords.includes(row);
+        return includedRecords.includes(row);
     }
 };
 exports.getCheckedStatus = getCheckedStatus;
@@ -265,10 +258,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
                     return false; // Exclude this item from the new array
                 }
             })
-            : (rowData === null || rowData === void 0 ? void 0 : rowData.isSelected) ? [...includedRecords] : [...includedRecords, rowData]; // Add rowData if it's not already included
-        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))
-            : (rowData === null || rowData === void 0 ? void 0 : rowData.isSelected) ? [...excludedRecords, rowData] : excludedRecords;
+            : [...includedRecords, rowData]; // Add rowData if it's not already included
         // Check if all records are included; reset if so
         if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_b = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
             return {
@@ -284,7 +274,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
         }
         // Otherwise, update the included records
         else {
-            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { includedRecords: newIncludedRecords, excludedRecords: newExcludedRecords });
+            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { includedRecords: newIncludedRecords });
         }
     }
 };

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

@@ -15,7 +15,7 @@ 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;
-    const { gridProps = {}, gridViewTemplate, selectColumns = () => { } } = props;
+    const { gridProps = {}, gridViewTemplate, selectColumns = () => { }, enableCheckboxForGroupHeader = false } = props;
     const [gridData, setGridData] = (0, react_1.useState)({
         rowData: (props === null || props === void 0 ? void 0 : props.rowData) || [],
         columnData: (0, helper_1.sortColumns)(props === null || props === void 0 ? void 0 : props.columnData),
@@ -110,15 +110,12 @@ function ParentForGrid(props) {
                                 ? true
                                 : false), shouldRenderOnRight: (_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.displayCheckboxOnRight }), HeaderComponent ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "px-3" }, { children: [" ", (0, jsx_runtime_1.jsx)(HeaderComponent, {}), " "] }))) : ((0, jsx_runtime_1.jsx)("span", { children: headerDisplayName }))] })) })));
     };
-    const onRowClickSelection = (data) => {
-        (0, helper_1.handleCheckboxClick)({ checked: true }, data, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns);
-    };
     // JSX for rendering checkbox in cells
     const cellCheckBoxRenderer = (params) => {
         var _a, _b;
         const { data } = params;
         // const { allBoxChecked, excludedRecords, includedRecords } = featureDetails.checkBoxSelection;
-        const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS);
+        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, disabled: ((_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.tagged) || false, onChange: (e) => (0, helper_1.handleCheckboxClick)(e, params, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns), isIndeterminate: false, shouldRenderOnRight: (_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.displayCheckboxOnRight }));
     };
     // Callback to products for getting data
@@ -178,23 +175,24 @@ 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 _w, _x, _y;
+                    var _w, _x;
                     const startRow = params.request.startRow;
                     const endRow = params.request.endRow;
                     // Scroll should not exit MAX_RECORDS_TO_LOAD
-                    if (endRow > maxLength && maxLength > 0) {
-                        (_w = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current.api) === null || _w === void 0 ? void 0 : _w.hideOverlay();
-                        // supply rows for requested block to grid
-                        params.success({
-                            rowData: gridData.rowData,
-                            rowCount: maxLength,
-                        });
-                        return;
-                    }
+                    // if (endRow > maxLength && maxLength > 0) {
+                    //   gridRef?.current!.api?.hideOverlay();
+                    //   // supply rows for requested block to grid
+                    //   params.success({
+                    //     rowData: gridData.rowData,
+                    //     rowCount: maxLength,
+                    //   });
+                    //   return;
+                    // }
+                    console.log(maxLength);
                     // 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 (((_x = response.rowData) === null || _x === void 0 ? void 0 : _x.length) > 0) {
+                    if (((_w = response.rowData) === null || _w === void 0 ? void 0 : _w.length) > 0) {
                         setGridData(Object.assign(Object.assign({}, gridData), { rowData: response.rowData }));
                         gridRef.current.api.hideOverlay();
                         // supply rows for requested block to grid
@@ -204,7 +202,7 @@ function ParentForGrid(props) {
                     else {
                         // params.fail();
                         const gridRows = startRow >= constants_1.BLOCK_SIZE ? gridData.rowData : [];
-                        if (!((_y = params === null || params === void 0 ? void 0 : params.parentNode) === null || _y === void 0 ? void 0 : _y.id))
+                        if (!((_x = params === null || params === void 0 ? void 0 : params.parentNode) === null || _x === void 0 ? void 0 : _x.id))
                             gridRef.current && gridRef.current.api.showNoRowsOverlay();
                         params && params.success({ rowData: gridRows });
                         return;
@@ -231,7 +229,7 @@ function ParentForGrid(props) {
     }, []);
     // Render group child conditionally with/without checkbox
     const manageColumnGrouping = () => {
-        var _a;
+        var _a, _b, _c;
         // Custom component for specific group header/parent
         const GroupHeaderRenderer = (params) => {
             var _a, _b, _c, _d, _e, _f;
@@ -286,7 +284,7 @@ function ParentForGrid(props) {
             props === null || props === void 0 ? void 0 : props.groupField, // Group field
             GridHeaderComponent, // 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
+            enableCheckboxForGroupHeader, ((_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.displayGroupCount) || false, parseInt(props === null || props === void 0 ? void 0 : props.rowGroupColumnWidth), // for grouped column width
             cellRendererConditionally, GroupHeaderRenderer // Custom component for group header
             );
         }
@@ -296,7 +294,7 @@ function ParentForGrid(props) {
             props === null || props === void 0 ? void 0 : props.groupField, // Group field
             GridHeaderComponent, // 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
+            enableCheckboxForGroupHeader, ((_c = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _c === void 0 ? void 0 : _c.displayGroupCount) || false, parseInt(props === null || props === void 0 ? void 0 : props.rowGroupColumnWidth), // for grouped column width
             GroupHeaderRenderer // Custom component for group header
             );
         }
@@ -326,21 +324,19 @@ function ParentForGrid(props) {
         ? { height: (_e = props === null || props === void 0 ? void 0 : props.style) === null || _e === void 0 ? void 0 : _e.height }
         : null));
     // Dont show hide overlay component when any row pinned
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (!(props === null || props === void 0 ? void 0 : props.pinnedTopRowData))
-            return;
-        const api = (_a = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current) === null || _a === void 0 ? void 0 : _a.api;
-        // Check for pinned rows and regular row data
-        const hasPinnedRows = (api === null || api === void 0 ? void 0 : api.getPinnedTopRowCount()) > 0 || (api === null || api === void 0 ? void 0 : api.getPinnedBottomRowCount()) > 0;
-        const hasRowData = (api === null || api === void 0 ? void 0 : api.getDisplayedRowCount()) > 0;
-        if (hasPinnedRows || hasRowData) {
-            api === null || api === void 0 ? void 0 : api.hideOverlay(); // Hide the noRowsOverlayComponent if pinned rows or row data exists
-        }
-        else {
-            api === null || api === void 0 ? void 0 : api.showNoRowsOverlay(); // Show the noRowsOverlayComponent only if no rows or pinned rows are present
-        }
-    }, [gridData.rowData, props === null || props === void 0 ? void 0 : props.pinnedTopRowData]);
+    // useEffect(() => {
+    //   if (!props?.pinnedTopRowData) return;
+    //   const api = gridRef?.current?.api;
+    //   // Check for pinned rows and regular row data
+    //   const hasPinnedRows =
+    //     api?.getPinnedTopRowCount() > 0 || api?.getPinnedBottomRowCount() > 0;
+    //   const hasRowData = api?.getDisplayedRowCount() > 0;
+    //   if (hasPinnedRows || hasRowData) {
+    //     api?.hideOverlay(); // Hide the noRowsOverlayComponent if pinned rows or row data exists
+    //   } else {
+    //     api?.showNoRowsOverlay(); // Show the noRowsOverlayComponent only if no rows or pinned rows are present
+    //   }
+    // }, [gridData.rowData, props?.pinnedTopRowData]);
     const popupParent = (0, react_1.useMemo)(() => {
         return document.getElementById("wrapper");
     }, []);
@@ -352,7 +348,7 @@ function ParentForGrid(props) {
         setGridViewData(Object.assign(Object.assign({}, gridViewData), { rowData: allData }));
     };
     // Options that grid should have
-    const gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ columnDefs: (_f = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _f === void 0 ? void 0 : _f.map((column) => {
+    const gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(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: {
@@ -371,7 +367,7 @@ function ParentForGrid(props) {
         dataTypeDefinitions: props === null || props === void 0 ? void 0 : props.dataTypeDefinitions,
     })), { popupParent: popupParent }), ((props === null || props === void 0 ? void 0 : props.treeData) && { treeData: props === null || props === void 0 ? void 0 : props.treeData })), ((props === null || props === void 0 ? void 0 : props.groupDefaultExpanded) && {
         groupDefaultExpanded: props === null || props === void 0 ? void 0 : props.groupDefaultExpanded, // to enable tree data
-    })), ((props === null || props === void 0 ? void 0 : props.onRowClicked) ? { onRowClicked: props === null || props === void 0 ? void 0 : props.onRowClicked } : {})), ((props === null || props === void 0 ? void 0 : props.onRowSelection) ? { onRowClicked: onRowClickSelection } : {})), ((props === null || props === void 0 ? void 0 : props.quickSearch) ? { quickSearch: props.quickSearch } : {})), { 
+    })), ((props === null || props === void 0 ? void 0 : props.onRowClicked) ? { onRowClicked: props === null || props === void 0 ? void 0 : props.onRowClicked } : {})), ((props === null || props === void 0 ? void 0 : props.quickSearch) ? { quickSearch: props.quickSearch } : {})), { 
         // ...(props?.getDataPath && { getDataPath: props?.getDataPath }), // for clint side tree data enable fetuare
         onGridPreDestroyed: onGridPreDestroyed }), ((props === null || props === void 0 ? void 0 : props.rowDragManaged) ? { rowDragManaged: props === null || props === void 0 ? void 0 : props.rowDragManaged } : {})), gridProps);
     // Fucntion to call the grid

package/dist/components/form/form-fields/FieldLabel.js

@@ -4,6 +4,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const svg_1 = require("../../../assets/svg/svg");
 const FieldLabel = (props) => {
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center", style: { gap: "2px" } }, { children: [(props === null || props === void 0 ? void 0 : props.isRequired) && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (!(props === null || props === void 0 ? void 0 : props.error) && (props === null || props === void 0 ? void 0 : props.touched)) ||
-                        ((props === null || props === void 0 ? void 0 : props.value) && !(props === null || props === void 0 ? void 0 : props.touched)) ? ((0, jsx_runtime_1.jsx)(svg_1.LightningGreen, {})) : (props === null || props === void 0 ? void 0 : props.error) && (props === null || props === void 0 ? void 0 : props.touched) ? ((0, jsx_runtime_1.jsx)(svg_1.LightningRed, {})) : ((0, jsx_runtime_1.jsx)(svg_1.Lightning, {})) })), (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: props === null || props === void 0 ? void 0 : props.label, className: "mb-1" }, { children: props === null || props === void 0 ? void 0 : props.label }))] })) }));
+                        ((props === null || props === void 0 ? void 0 : props.value) && !(props === null || props === void 0 ? void 0 : props.touched)) ? ((0, jsx_runtime_1.jsx)(svg_1.LightningGreen, {})) : (props === null || props === void 0 ? void 0 : props.error) && (props === null || props === void 0 ? void 0 : props.touched) ? ((0, jsx_runtime_1.jsx)(svg_1.LightningRed, {})) : ((0, jsx_runtime_1.jsx)(svg_1.Lightning, {})) })), (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: props === null || props === void 0 ? void 0 : props.label, className: "mb-1 text_ellipsis" }, { children: props === null || props === void 0 ? void 0 : props.label }))] })) }));
 };
 exports.default = FieldLabel;

package/dist/components/form/form-fields/form-fields.js

@@ -63,7 +63,7 @@ const DropDownField = (props) => {
     const { errors, touched, name, length, label, onFocus, 
     // onChange,
     placeholder, panelClassName, showClear, options, optional, customSelectedTemplate, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled, filter, panelStyle, isLoading, isRequired = false, value, filterPlaceholder, emptyMessage, emptyFilterMessage, } = props;
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between text_ellipsis", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
                 // <label className="font-medium text-base mb-1" htmlFor={name}>
                 //   {label}
                 // </label>

package/dist/components/list-box-dropdown/list-box-dropdown.js

@@ -14,9 +14,11 @@ const ListBoxDropdown = (props) => {
     const boxRef = (0, react_1.useRef)();
     const { selectAll, 
     // onSelectAll,
-    onSelectionChange, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, optionsMenuRef = boxRef, 
+    onSelectionChange, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, 
+    // scrollElementId,
+    optionsMenuRef = boxRef, 
     // buttonClassName,
-    showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, emptyFilterMessage, emptyMessage, dataLabel, onFilterValueChange, virtualScrollerOptions, virtualScroll, fetchData } = props;
+    showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, emptyFilterMessage, emptyMessage, dataLabel, onFilterValueChange, virtualScrollerOptions, virtualScroll, fetchData, } = props;
     const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
     // const [inpValue, setInpValue] = useState<any>();
     // const [checked, setChecked] = useState<boolean>(false);
@@ -30,22 +32,40 @@ const ListBoxDropdown = (props) => {
             onChange(e);
         }
     };
-    const handleScroll = (e) => {
-        if (optionsMenuRef === null || optionsMenuRef === void 0 ? void 0 : optionsMenuRef.current)
-            optionsMenuRef.current.hide(e);
-    };
+    // const handleScroll = (e: any) => {
+    //   if (optionsMenuRef?.current) optionsMenuRef.current.hide(e);
+    // };
     (0, react_1.useEffect)(() => {
         if (!virtualScroll) {
             setSelectedItems(values);
         }
     }, [values]);
-    (0, react_1.useEffect)(() => {
-        if (scrollElementId) {
-            let elm = document.getElementById(`${scrollElementId}`);
-            if (elm)
-                elm.addEventListener("scroll", handleScroll);
-        }
-    }, []);
+    // useEffect(() => {
+    //   if (scrollElementId) {
+    //     let elm = document.getElementById(`${scrollElementId}`);
+    //     if (elm) elm.addEventListener("scroll", handleScroll);
+    //   }
+    // }, []);
+    // useEffect(() => {
+    //   const scrollContainer = scrollElementId
+    //     ? document.getElementById(scrollElementId)
+    //     : null;
+    //   const handleScroll = (e: any) => {
+    //     const target = e.target as HTMLElement;
+    //     // Check if the scroll came from inside the dropdown menu (list box)
+    //     const isInternalListboxScroll = target.closest(".p-listbox-list-wrapper");
+    //     // Only hide if it's not a scroll from the dropdown list itself
+    //     if (!isInternalListboxScroll && optionsMenuRef?.current?.hide) {
+    //       optionsMenuRef.current.hide(e);
+    //     }
+    //   };
+    //   scrollContainer?.addEventListener("scroll", handleScroll);
+    //   window.addEventListener("scroll", handleScroll, true);
+    //   return () => {
+    //     scrollContainer?.removeEventListener("scroll", handleScroll);
+    //     window.removeEventListener("scroll", handleScroll, true);
+    //   };
+    // }, [scrollElementId, optionsMenuRef]);
     const handleDragStart = (e, index) => {
         e.dataTransfer.setData("text/plain", index);
     };
@@ -109,38 +129,37 @@ const ListBoxDropdown = (props) => {
                             template: () => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: listBoxParentClassName
                                     ? listBoxParentClassName +
                                         " list_box_dropdown border-round-lg border-1 overflow-hidden border-gray-200"
-                                    : "list_box_dropdown" }, { children: [headerTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: headerTemplate() }), virtualScroll ?
-                                        (0, jsx_runtime_1.jsx)(virtualization_component_1.default, { emptyFilterMessage: emptyFilterMessage, listBoxclassName: listBoxclassName, emptyMessage: emptyMessage, multiple: multiple, onSelectionChange: onSelectionChange, listClassName: listClassName, filterPlaceholder: filterPlaceholder, optionTemplate: optionTemplate, optionLabel: optionLabel, values: values, fetchData: fetchData })
-                                        :
-                                            (0, jsx_runtime_1.jsx)(listbox_1.ListBox, { type: "sectionHeader", itemTemplate: (option) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: optionTemplate ? (optionTemplate(option)) : ((0, jsx_runtime_1.jsx)("span", { children: option[`${optionLabel}`] })) })), listClassName: `${selectedOptionNone ? "selected-none" : ""} ${listClassName ? listClassName : " h-18rem overflow-auto "} ${selectAll && ""}`, filter: filter ? true : false, multiple: multiple ? true : false, value: selectedItems, onChange: (e) => onSelectOption(e), onFilterValueChange: onFilterValueChange, virtualScrollerOptions: virtualScrollerOptions, options: selectedOptionNone
-                                                    ? listItems.length === selectedItems.length
-                                                        ? []
-                                                        : listItems
-                                                    : listItems, optionLabel: optionLabel, className: `${listBoxclassName
-                                                    ? listBoxclassName
-                                                    : "w-16rem border-none "} `, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "Search ", 
-                                                // filterTemplate={() => (
-                                                //   <div className="p-input-icon-right w-full">
-                                                //     {
-                                                //         inpValue?.length > 0 && <span className="p-input-suffix" onClick={removeItems}>
-                                                //         <SvgComponent icon="x-close" size={18} />
-                                                //       </span>
-                                                //     }
-                                                //     <InputText
-                                                //       id="email"
-                                                //       value={inpValue}
-                                                //       onChange={(e) => {
-                                                //         setInpValue(e.target.value);
-                                                //       }}
-                                                //       disabled={false}
-                                                //       placeholder="Search"
-                                                //       className="font-normal text-gray-500 hover:text-gray-900 w-full"
-                                                //     />
-                                                //   </div>
-                                                // )}
-                                                emptyFilterMessage: emptyFilterMessage
-                                                    ? emptyFilterMessage
-                                                    : "No Results Found", emptyMessage: emptyMessage ? emptyMessage : "No Data Found" }), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
+                                    : "list_box_dropdown" }, { children: [headerTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: headerTemplate() }), virtualScroll ? ((0, jsx_runtime_1.jsx)(virtualization_component_1.default, { emptyFilterMessage: emptyFilterMessage, listBoxclassName: listBoxclassName, emptyMessage: emptyMessage, multiple: multiple, onSelectionChange: onSelectionChange, listClassName: listClassName, filterPlaceholder: filterPlaceholder, optionTemplate: optionTemplate, optionLabel: optionLabel, values: values, fetchData: fetchData })) : ((0, jsx_runtime_1.jsx)(listbox_1.ListBox, { type: "sectionHeader", itemTemplate: (option) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: optionTemplate ? (optionTemplate(option)) : ((0, jsx_runtime_1.jsx)("span", { children: option[`${optionLabel}`] })) })), listClassName: `${selectedOptionNone ? "selected-none" : ""} ${listClassName
+                                            ? listClassName
+                                            : " h-18rem overflow-auto "} ${selectAll && ""}`, filter: filter ? true : false, multiple: multiple ? true : false, value: selectedItems, onChange: (e) => onSelectOption(e), onFilterValueChange: onFilterValueChange, virtualScrollerOptions: virtualScrollerOptions, options: selectedOptionNone
+                                            ? listItems.length === selectedItems.length
+                                                ? []
+                                                : listItems
+                                            : listItems, optionLabel: optionLabel, className: `${listBoxclassName
+                                            ? listBoxclassName
+                                            : "w-16rem border-none "} `, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "Search ", 
+                                        // filterTemplate={() => (
+                                        //   <div className="p-input-icon-right w-full">
+                                        //     {
+                                        //         inpValue?.length > 0 && <span className="p-input-suffix" onClick={removeItems}>
+                                        //         <SvgComponent icon="x-close" size={18} />
+                                        //       </span>
+                                        //     }
+                                        //     <InputText
+                                        //       id="email"
+                                        //       value={inpValue}
+                                        //       onChange={(e) => {
+                                        //         setInpValue(e.target.value);
+                                        //       }}
+                                        //       disabled={false}
+                                        //       placeholder="Search"
+                                        //       className="font-normal text-gray-500 hover:text-gray-900 w-full"
+                                        //     />
+                                        //   </div>
+                                        // )}
+                                        emptyFilterMessage: emptyFilterMessage
+                                            ? emptyFilterMessage
+                                            : "No Results Found", emptyMessage: emptyMessage ? emptyMessage : "No Data Found" })), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
                         },
                     ] }), !showChips ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !dataLabel ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", className: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), title: label })) : ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), "aria-controls": "popup_menu_right", "aria-haspopup": true, ref: buttonRef, className: "data_label", title: dataLabel })) })) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-wrap gap-2" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), "aria-controls": "popup_menu_right", "aria-haspopup": true, ref: buttonRef, title: label }), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: `list_box_chips ${chipsParentClassName}` }, { children: selectedItems &&
                                 (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map((item, index) => {

package/dist/components/list-box-dropdown/virtualization-component.js

@@ -10,15 +10,15 @@ const hooks_1 = require("primereact/hooks");
 const skeleton_1 = require("primereact/skeleton");
 function RowVirtualizerDynamic(props) {
     var _a, _b;
-    const { optionTemplate, optionLabel, filterPlaceholder, matchKey = "id", values, multiple = false, onSelectionChange, fetchData, emptyMessage, emptyFilterMessage } = props;
+    const { optionTemplate, optionLabel, filterPlaceholder, matchKey = "id", values, multiple = false, onSelectionChange, fetchData, emptyMessage, emptyFilterMessage, } = props;
     const parentRef = React.useRef(null);
-    const loadingRef = React.useRef(true);
+    const loadingRef = React.useRef(false);
     const allCount = React.useRef(null);
     const totalRecordsCount = React.useRef(null);
     const initialFetch = {
         pageIndex: 0,
         pageSize: 100,
-        searchTerm: ""
+        searchTerm: "",
     };
     const [loading, setLoading] = React.useState(true);
     const pageIndex = React.useRef(0);
@@ -38,7 +38,9 @@ function RowVirtualizerDynamic(props) {
             return;
         const scrollOffset = el.scrollTop + el.clientHeight;
         const threshold = el.scrollHeight - 100;
-        const checCount = allCount.current ? allCount.current > totalRecordsCount.current : true;
+        const checCount = allCount.current
+            ? allCount.current > totalRecordsCount.current
+            : true;
         if (scrollOffset >= threshold && !loadingRef.current && checCount) {
             setLoading(true);
             loadingRef.current = true;
@@ -53,12 +55,10 @@ function RowVirtualizerDynamic(props) {
                 loadingRef.current = false;
                 if ((props === null || props === void 0 ? void 0 : props.searchTerm) && (props === null || props === void 0 ? void 0 : props.searchTerm) !== "") {
                     totalRecordsCount.current = (_c = object === null || object === void 0 ? void 0 : object.data) === null || _c === void 0 ? void 0 : _c.length;
-                    allCount.current = object === null || object === void 0 ? void 0 : object.totalRecords;
-                    pageIndex.current = 0;
                     setData(object === null || object === void 0 ? void 0 : object.data);
                 }
                 else {
-                    setData(prev => {
+                    setData((prev) => {
                         const totalData = [...prev, ...object === null || object === void 0 ? void 0 : object.data];
                         totalRecordsCount.current = totalData.length;
                         return totalData;
@@ -82,8 +82,8 @@ function RowVirtualizerDynamic(props) {
     }, [debouncedValue]);
     React.useEffect(() => {
         const el = parentRef.current;
-        el && el.addEventListener('scroll', handleScroll);
-        return () => el === null || el === void 0 ? void 0 : el.removeEventListener('scroll', handleScroll);
+        el && el.addEventListener("scroll", handleScroll);
+        return () => el === null || el === void 0 ? void 0 : el.removeEventListener("scroll", handleScroll);
     }, []);
     const items = virtualizer.getVirtualItems();
     const handleSelect = (item) => {
@@ -101,30 +101,32 @@ function RowVirtualizerDynamic(props) {
     };
     // Render Skeletons
     const renderSkeletons = () => {
-        return Array.from({ length: 10 }).map((_, index) => ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: "p-listbox-item cursor-pointer p-1" }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "30px", width: "100%" }) }), index)));
+        return Array.from({ length: 10 }).map((_, index) => ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: "p-listbox-item cursor-pointer" }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "30px", width: "100%" }) }), index)));
     };
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-listbox" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-listbox-header", "data-pc-section": "header" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-listbox-filter-container", "data-pc-section": "filtercontainer" }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right flex-order-1" }, { children: [inputValue === "" ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "search-md", size: 12 }) }))) : ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer", onClick: (e) => {
                                     e.stopPropagation();
                                     setInputValue("");
                                 } }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 12 }) }))), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: inputValue, onChange: (e) => setInputValue(e.target.value), placeholder: filterPlaceholder, className: "w-full" })] })) })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: parentRef, className: "List virtual-box w-full bg-gray shadow-3", style: {
                     height: 400,
-                    overflowY: 'auto',
-                    contain: 'strict',
+                    overflowY: "auto",
+                    contain: "strict",
                 } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
                         height: virtualizer.getTotalSize(),
-                        width: '100%',
-                        position: 'relative',
-                    }, className: `${data.length === 0 ? "flex-column flex justify-content-around align-items-center h-full w-full" : ""}` }, { children: loadingRef.current && (data === null || data === void 0 ? void 0 : data.length) === 0 ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list w-full" }, { children: renderSkeletons() }))) : (data === null || data === void 0 ? void 0 : data.length) === 0 ? (debouncedValue && debouncedValue !== "" ? ((0, jsx_runtime_1.jsx)("span", { children: emptyFilterMessage })) : ((0, jsx_runtime_1.jsx)("span", { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list w-full", style: {
-                            position: 'absolute',
+                        width: "100%",
+                        position: "relative",
+                    }, className: `${data.length === 0
+                        ? "flex-column flex justify-content-around align-items-center h-full w-full"
+                        : ""}` }, { children: loadingRef.current && (data === null || data === void 0 ? void 0 : data.length) === 0 ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list" }, { children: renderSkeletons() }))) : (data === null || data === void 0 ? void 0 : data.length) === 0 ? (debouncedValue && debouncedValue !== "" ? ((0, jsx_runtime_1.jsx)("span", { children: emptyFilterMessage })) : ((0, jsx_runtime_1.jsx)("span", { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list", style: {
+                            position: "absolute",
                             top: 0,
                             left: 0,
-                            width: '100%',
+                            width: "100%",
                             transform: `translateY(${(_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.start) !== null && _b !== void 0 ? _b : 0}px)`,
                         } }, { children: items.map((virtualRow) => {
                             var _a;
-                            return ((0, jsx_runtime_1.jsx)("li", Object.assign({ "data-index": virtualRow.index, ref: virtualizer.measureElement, onClick: () => handleSelect(data[virtualRow.index]), className: `p-listbox-item ${virtualRow.index % 2 ? 'ListItemOdd' : 'ListItemEven'} ${values.some((y) => { var _a; return (y === null || y === void 0 ? void 0 : y[matchKey]) === ((_a = data[virtualRow.index]) === null || _a === void 0 ? void 0 : _a[matchKey]); })
+                            return ((0, jsx_runtime_1.jsx)("li", Object.assign({ "data-index": virtualRow.index, ref: virtualizer.measureElement, onClick: () => handleSelect(data[virtualRow.index]), className: `p-listbox-item ${virtualRow.index % 2 ? "ListItemOdd" : "ListItemEven"} ${values.some((y) => { var _a; return (y === null || y === void 0 ? void 0 : y[matchKey]) === ((_a = data[virtualRow.index]) === null || _a === void 0 ? void 0 : _a[matchKey]); })
                                     ? "p-highlight"
-                                    : ""} cursor-pointer` }, { children: loading ? ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "30px", width: "100%" })) : (optionTemplate ? optionTemplate(data[virtualRow.index]) : (0, jsx_runtime_1.jsx)("div", { children: (_a = data[virtualRow.index]) === null || _a === void 0 ? void 0 : _a[optionLabel] })) }), virtualRow.key));
+                                    : ""} cursor-pointer` }, { children: loading ? ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "30px", width: "100%" })) : optionTemplate ? (optionTemplate(data[virtualRow.index])) : ((0, jsx_runtime_1.jsx)("div", { children: (_a = data[virtualRow.index]) === null || _a === void 0 ? void 0 : _a[optionLabel] })) }), virtualRow.key));
                         }) }))) })) }))] })));
 }
 exports.default = RowVirtualizerDynamic;

package/dist/components/virtual-scroll-list-box/VirtualScrollListBox.js

@@ -8,7 +8,7 @@ function RowVirtualizerDynamic() {
     var _a, _b;
     const parentRef = React.useRef(null);
     const [enabled] = React.useState(true);
-    const [data, setData] = React.useState(() => new Array(100).fill('Initial row'));
+    const [data, setData] = React.useState(() => new Array(100).fill("Initial row"));
     const virtualizer = (0, react_virtual_1.useVirtualizer)({
         count: data.length,
         getScrollElement: () => parentRef.current,
@@ -28,33 +28,33 @@ function RowVirtualizerDynamic() {
         }
     };
     const fetchMoreData = () => {
-        setData(prev => [
+        setData((prev) => [
             ...prev,
-            ...new Array(50).fill('New row added') // simulate fetch
+            ...new Array(50).fill("New row added"), // simulate fetch
         ]);
     };
     // 👇 Attach scroll event
     React.useEffect(() => {
         const el = parentRef.current;
-        el && el.addEventListener('scroll', handleScroll);
-        return () => el.removeEventListener('scroll', handleScroll);
+        el && el.addEventListener("scroll", handleScroll);
+        return () => el.removeEventListener("scroll", handleScroll);
     }, []);
     const items = virtualizer.getVirtualItems();
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: parentRef, className: "List", style: {
             height: 400,
             width: 400,
-            overflowY: 'auto',
-            contain: 'strict',
+            overflowY: "auto",
+            contain: "strict",
         } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
                 height: virtualizer.getTotalSize(),
-                width: '100%',
-                position: 'relative',
+                width: "100%",
+                position: "relative",
             } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
-                    position: 'absolute',
+                    position: "absolute",
                     top: 0,
                     left: 0,
-                    width: '100%',
+                    width: "100%",
                     transform: `translateY(${(_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.start) !== null && _b !== void 0 ? _b : 0}px)`,
-                } }, { children: items.map((virtualRow) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-index": virtualRow.index, ref: virtualizer.measureElement, className: virtualRow.index % 2 ? 'ListItemOdd' : 'ListItemEven' }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { padding: '10px 0' } }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: ["Row ", virtualRow.index] }), (0, jsx_runtime_1.jsx)("div", { children: data[virtualRow.index] })] })) }), virtualRow.key))) })) })) })));
+                } }, { children: items.map((virtualRow) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-index": virtualRow.index, ref: virtualizer.measureElement, className: virtualRow.index % 2 ? "ListItemOdd" : "ListItemEven" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { padding: "10px 0" } }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: ["Row ", virtualRow.index] }), (0, jsx_runtime_1.jsx)("div", { children: data[virtualRow.index] })] })) }), virtualRow.key))) })) })) })));
 }
 exports.default = RowVirtualizerDynamic;

package/dist/directives/svg-icons.js

@@ -9710,19 +9710,10 @@ exports.iconList = [
     },
     {
         name: "products",
-        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_118_1661)">
-<path d="M4.25 5.65625V14.5625C4.25 14.6868 4.29939 14.806 4.38729 14.894C4.4752 14.9819 4.59443 15.0312 4.71875 15.0312H11.2812C11.4056 15.0312 11.5248 14.9819 11.6127 14.894C11.7006 14.806 11.75 14.6868 11.75 14.5625V5.65625" stroke="#2B2D2F" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.75 8.46875H14.0938C14.2181 8.46875 14.3373 8.41936 14.4252 8.33146C14.5131 8.24355 14.5625 8.12432 14.5625 8V4.71875C14.5625 3.72419 14.1674 2.77036 13.4642 2.0671C12.7609 1.36384 11.8071 0.96875 10.8125 0.96875H9.875C9.875 1.46603 9.67746 1.94294 9.32583 2.29458C8.97419 2.64621 8.49728 2.84375 8 2.84375C7.50272 2.84375 7.02581 2.64621 6.67417 2.29458C6.32254 1.94294 6.125 1.46603 6.125 0.96875H5.1875C4.19294 0.96875 3.23911 1.36384 2.53585 2.0671C1.83259 2.77036 1.4375 3.72419 1.4375 4.71875V8C1.4375 8.12432 1.48689 8.24355 1.57479 8.33146C1.6627 8.41936 1.78193 8.46875 1.90625 8.46875H4.25" stroke="#2B2D2F" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8 2.84375V4.71875" stroke="#2B2D2F" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.875 6.59375H8.9375" stroke="#2B2D2F" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<defs>
-<clipPath id="clip0_118_1661">
-<rect width="16" height="16" fill="white"/>
-</clipPath>
-</defs>
+        svg: `<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 12V5.5L15.5 7L16.75 3.86655C12.25 1.36655 16.75 3.86655 12.25 1.36655C9.85 5.76655 7.25 3.19988 6.25 1.36655L1.25 3.86655L3.25 6.86655L5 5.5V9.5M3.25 13.3665C4.08333 11.8665 6.45 9.66655 9.25 12.8665C12.05 16.0665 14.4167 14.1999 15.25 12.8665" stroke="#8190E8" stroke-width="1.67" stroke-linejoin="round"/>
 </svg>
+
 `,
     },
     {
@@ -11105,6 +11096,37 @@ exports.iconList = [
         svg: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1.5 16.5H16.5M4 14V7.33333M7.33333 14V7.33333M10.6667 14V7.33333M14 14V7.33333M15.6667 4.83333L9.35333 0.887495C9.22515 0.807381 9.16106 0.767325 9.09233 0.751706C9.03155 0.737896 8.96845 0.737896 8.90767 0.751706C8.83894 0.767325 8.77485 0.807381 8.64667 0.887494L2.33333 4.83333H15.6667Z" stroke="#8190E8" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
+`,
+    },
+    {
+        name: "products-01",
+        svg: `<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.07086 5.75L5.67503 4.3125V9.25C5.38336 9.27778 5.09864 9.32292 4.82086 9.38542C4.54308 9.44792 4.27225 9.53472 4.00836 9.64583V7.14583L3.15419 7.60417C2.95975 7.71528 2.75142 7.73958 2.52919 7.67708C2.30697 7.61458 2.1403 7.48611 2.02919 7.29167L0.362526 4.39583C0.251415 4.20139 0.227109 3.98958 0.289609 3.76042C0.352109 3.53125 0.480582 3.36111 0.675026 3.25L4.82086 0.854167C4.98753 0.756944 5.16114 0.673611 5.34169 0.604167C5.52225 0.534722 5.70975 0.5 5.90419 0.5C6.09864 0.5 6.26531 0.559028 6.40419 0.677083C6.54308 0.795139 6.64725 0.944444 6.71669 1.125C6.91114 1.65278 7.16461 2.09722 7.47711 2.45833C7.78961 2.81944 8.30003 3 9.00836 3C9.71669 3 10.2271 2.81944 10.5396 2.45833C10.8521 2.09722 11.1056 1.65278 11.3 1.125C11.3695 0.944444 11.4771 0.795139 11.6229 0.677083C11.7688 0.559028 11.9389 0.5 12.1334 0.5C12.3278 0.5 12.5118 0.534722 12.6854 0.604167C12.8591 0.673611 13.0292 0.756944 13.1959 0.854167L17.3417 3.25C17.5361 3.375 17.6611 3.54861 17.7167 3.77083C17.7723 3.99306 17.7445 4.20139 17.6334 4.39583L15.9875 7.29167C15.8764 7.48611 15.7098 7.61458 15.4875 7.67708C15.2653 7.73958 15.057 7.71528 14.8625 7.60417L14.0084 7.14583V11.1458L12.6959 12.2917C12.6542 12.3194 12.5986 12.3542 12.5292 12.3958C12.4598 12.4375 12.3973 12.4722 12.3417 12.5V4.3125L14.9459 5.75L15.7792 4.29167L12.5917 2.4375C12.2584 3.11806 11.7688 3.65972 11.1229 4.0625C10.4771 4.46528 9.77225 4.66667 9.00836 4.66667C8.24447 4.66667 7.53961 4.46528 6.89378 4.0625C6.24794 3.65972 5.75836 3.11806 5.42503 2.4375L2.21669 4.29167L3.07086 5.75ZM5.98753 12.1667C5.75142 12.1667 5.51878 12.2049 5.28961 12.2812C5.06044 12.3576 4.86253 12.4653 4.69586 12.6042L3.50836 13.6042C3.3278 13.7569 3.12642 13.8264 2.90419 13.8125C2.68197 13.7986 2.49447 13.7014 2.34169 13.5208C2.18892 13.3403 2.12294 13.1354 2.14378 12.9062C2.16461 12.6771 2.2653 12.4861 2.44586 12.3333L3.61253 11.3333C3.93197 11.0556 4.29655 10.8438 4.70628 10.6979C5.116 10.5521 5.54308 10.4792 5.98753 10.4792C6.43197 10.4792 6.85558 10.5521 7.25836 10.6979C7.66114 10.8438 8.02225 11.0556 8.34169 11.3333L10.7584 13.3958C10.925 13.5347 11.1229 13.6424 11.3521 13.7188C11.5813 13.7951 11.8139 13.8333 12.05 13.8333C12.3 13.8333 12.5327 13.7986 12.7479 13.7292C12.9632 13.6597 13.1542 13.5486 13.3209 13.3958L14.4875 12.3958C14.6681 12.2431 14.8729 12.1736 15.1021 12.1875C15.3313 12.2014 15.5223 12.2986 15.675 12.4792C15.8278 12.6597 15.8938 12.8646 15.8729 13.0938C15.8521 13.3229 15.7514 13.5139 15.5709 13.6667L14.4042 14.6667C14.0848 14.9444 13.7236 15.1528 13.3209 15.2917C12.9181 15.4306 12.4945 15.5 12.05 15.5C11.6056 15.5 11.1785 15.4306 10.7688 15.2917C10.3591 15.1528 9.99447 14.9444 9.67503 14.6667L7.25836 12.6042C7.09169 12.4653 6.90072 12.3576 6.68544 12.2812C6.47017 12.2049 6.23753 12.1667 5.98753 12.1667Z" fill="white"/>
+</svg>
+`,
+    },
+    {
+        name: "customers-01",
+        svg: `<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3286_817)">
+<path d="M16 3.46776C17.4817 4.20411 18.5 5.73314 18.5 7.5C18.5 9.26686 17.4817 10.7959 16 11.5322M18 16.7664C19.5115 17.4503 20.8725 18.565 22 20M2 20C3.94649 17.5226 6.58918 16 9.5 16C12.4108 16 15.0535 17.5226 17 20M14 7.5C14 9.98528 11.9853 12 9.5 12C7.01472 12 5 9.98528 5 7.5C5 5.01472 7.01472 3 9.5 3C11.9853 3 14 5.01472 14 7.5Z" stroke="#8190E8" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_3286_817">
+<rect width="20" height="23" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+
+`,
+    },
+    {
+        name: "orders-01",
+        svg: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.0833 6.06478L9.99997 9.99996M9.99997 9.99996L2.91664 6.06478M9.99997 9.99996L10 17.9167M17.5 13.3821V6.61786C17.5 6.33232 17.5 6.18956 17.4579 6.06222C17.4207 5.94958 17.3599 5.84618 17.2795 5.75893C17.1886 5.66032 17.0638 5.59099 16.8142 5.45232L10.6475 2.02639C10.4112 1.89509 10.293 1.82944 10.1679 1.80371C10.0571 1.78093 9.94288 1.78093 9.83213 1.80371C9.70698 1.82944 9.58881 1.89509 9.35248 2.02639L3.18581 5.45232C2.93621 5.59099 2.8114 5.66032 2.72053 5.75894C2.64013 5.84618 2.57929 5.94958 2.54207 6.06223C2.5 6.18956 2.5 6.33233 2.5 6.61786V13.3821C2.5 13.6677 2.5 13.8104 2.54207 13.9378C2.57929 14.0504 2.64013 14.1538 2.72053 14.241C2.8114 14.3397 2.93621 14.409 3.18581 14.5477L9.35248 17.9736C9.58881 18.1049 9.70698 18.1705 9.83213 18.1963C9.94288 18.219 10.0571 18.219 10.1679 18.1963C10.293 18.1705 10.4112 18.1049 10.6475 17.9736L16.8142 14.5477C17.0638 14.409 17.1886 14.3397 17.2795 14.241C17.3599 14.1538 17.4207 14.0504 17.4579 13.9378C17.5 13.8104 17.5 13.6677 17.5 13.3821Z" stroke="#8190E8" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.75 7.91667L6.25 3.75" stroke="#8190E8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+
 `,
     },
     {
@@ -11124,6 +11146,302 @@ exports.iconList = [
 </clipPath>
 </defs>
 </svg>
+`,
+    },
+    {
+        name: "move-down-streamline",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Move-Down--Streamline-Ultimate 1" clip-path="url(#clip0_264_111926)">
+<path id="Vector" d="M8 13.4159V8.44922" stroke="#667085" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M5.75 12.5L8 14.75L10.25 12.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M1.25 1.25H14.75V5.75H1.25V1.25Z" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_264_111926">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>`,
+    },
+    {
+        name: "overview-01",
+        svg: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.66667 1.91659H5C3.59987 1.91659 2.8998 1.91659 2.36502 2.18907C1.89462 2.42875 1.51217 2.8112 1.27248 3.28161C1 3.81639 1 4.51645 1 5.91658V12.9166C1 14.3167 1 15.0168 1.27248 15.5516C1.51217 16.022 1.89462 16.4044 2.36502 16.6441C2.8998 16.9166 3.59987 16.9166 5 16.9166H12C13.4001 16.9166 14.1002 16.9166 14.635 16.6441C15.1054 16.4044 15.4878 16.022 15.7275 15.5516C16 15.0168 16 14.3167 16 12.9166V10.2499M8.5 6.08325H11.8333V9.41659M11.4167 2.33325V1.08325M14.6995 3.21714L15.5833 2.33325M15.5919 6.49992H16.8419M1 10.5392C1.54328 10.6231 2.09989 10.6666 2.66667 10.6666C6.32197 10.6666 9.55444 8.85625 11.5164 6.08325" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`,
+    },
+    {
+        name: "request-approvals-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_59_146108)">
+<path d="M4.25 8.76445L5.78125 10.9376C5.83933 11.0243 5.9173 11.096 6.00865 11.1465C6.10001 11.1971 6.20212 11.2251 6.30648 11.2282C6.41084 11.2313 6.51444 11.2095 6.60865 11.1644C6.70286 11.1194 6.78497 11.0526 6.84812 10.9695L11.75 4.76758" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.96875 7.99927C0.96875 9.86407 1.70954 11.6525 3.02816 12.9711C4.34677 14.2897 6.1352 15.0305 8 15.0305C9.8648 15.0305 11.6532 14.2897 12.9718 12.9711C14.2905 11.6525 15.0312 9.86407 15.0312 7.99927C15.0312 6.13446 14.2905 4.34604 12.9718 3.02742C11.6532 1.70881 9.8648 0.968018 8 0.968018C6.1352 0.968018 4.34677 1.70881 3.02816 3.02742C1.70954 4.34604 0.96875 6.13446 0.96875 7.99927Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_59_146108">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>`,
+    },
+    {
+        name: "orders-02",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_59_146119)">
+<path d="M2.375 4.71875H13.625C13.625 4.71875 14.5625 4.71875 14.5625 5.65625V14.0938C14.5625 14.0938 14.5625 15.0312 13.625 15.0312H2.375C2.375 15.0312 1.4375 15.0312 1.4375 14.0938V5.65625C1.4375 5.65625 1.4375 4.71875 2.375 4.71875Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.4375 5.1875L12.9375 1.52563C12.8637 1.35957 12.7433 1.21853 12.5908 1.11966C12.4384 1.0208 12.2605 0.968367 12.0787 0.968754H3.92188C3.74006 0.968246 3.56202 1.02062 3.40944 1.11949C3.25686 1.21836 3.13632 1.35947 3.0625 1.52563L1.5625 5.1875" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 4.71875V0.96875" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.40625 12.2188H12.2188" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_59_146119">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>`,
+    },
+    {
+        name: "returns-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_59_146127)">
+<path d="M5.65625 12.2188H1.90625C1.40625 12.2188 0.96875 11.7812 0.96875 11.2812V4.71875C0.96875 4.21875 1.40625 3.78125 1.90625 3.78125H11.2812C11.7812 3.78125 12.2188 4.21875 12.2188 4.71875V7.21875" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.9062 4.03126L10.1562 1.40625C9.96875 1.15625 9.71875 0.96875 9.40625 0.96875H3.84375C3.53125 0.96875 3.21875 1.15625 3.09375 1.40625L1.28125 4.03126" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.59375 0.96875V3.78125" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.15625 10.6562H12.8438C14.0312 10.6562 15.0312 11.6562 15.0312 12.8438C15.0312 14.0312 14.0312 15.0312 12.8438 15.0312H8.78125" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.96875 8.84375L8.15625 10.6562L9.96875 12.4688" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_59_146127">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>`,
+    },
+    {
+        name: "returns-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_59_146127)">
+<path d="M5.65625 12.2188H1.90625C1.40625 12.2188 0.96875 11.7812 0.96875 11.2812V4.71875C0.96875 4.21875 1.40625 3.78125 1.90625 3.78125H11.2812C11.7812 3.78125 12.2188 4.21875 12.2188 4.71875V7.21875" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.9062 4.03126L10.1562 1.40625C9.96875 1.15625 9.71875 0.96875 9.40625 0.96875H3.84375C3.53125 0.96875 3.21875 1.15625 3.09375 1.40625L1.28125 4.03126" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.59375 0.96875V3.78125" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.15625 10.6562H12.8438C14.0312 10.6562 15.0312 11.6562 15.0312 12.8438C15.0312 14.0312 14.0312 15.0312 12.8438 15.0312H8.78125" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.96875 8.84375L8.15625 10.6562L9.96875 12.4688" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_59_146127">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>`,
+    },
+    {
+        name: "rfq-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_59_146136)">
+<path d="M11.2812 15.0312C13.3523 15.0312 15.0312 13.3523 15.0312 11.2812C15.0312 9.21019 13.3523 7.53125 11.2812 7.53125C9.21019 7.53125 7.53125 9.21019 7.53125 11.2812C7.53125 13.3523 9.21019 15.0312 11.2812 15.0312Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.1094 10.5781C10.1094 10.3464 10.1781 10.1198 10.3069 9.92706C10.4356 9.73438 10.6187 9.58413 10.8328 9.49544C11.0469 9.40675 11.2826 9.38356 11.5099 9.42875C11.7372 9.474 11.946 9.58563 12.1099 9.7495C12.2737 9.91338 12.3854 10.1222 12.4306 10.3495C12.4758 10.5768 12.4526 10.8124 12.3639 11.0266C12.2752 11.2407 12.125 11.4238 11.9323 11.5525C11.7396 11.6813 11.513 11.75 11.2812 11.75" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.2812 13.625C11.1518 13.625 11.0469 13.5201 11.0469 13.3906C11.0469 13.2612 11.1518 13.1562 11.2812 13.1562" stroke="#667085"/>
+<path d="M11.2812 13.625C11.4107 13.625 11.5156 13.5201 11.5156 13.3906C11.5156 13.2612 11.4107 13.1562 11.2812 13.1562" stroke="#667085"/>
+<path d="M2.84375 4.71875H9.40625" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.84375 7.53125H6.59375" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.84375 10.3438H5.1875" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.1875 13.1562H1.90625C1.65761 13.1562 1.41915 13.0575 1.24334 12.8817C1.06752 12.7059 0.96875 12.4674 0.96875 12.2188V1.90625C0.96875 1.65761 1.06752 1.41915 1.24334 1.24334C1.41915 1.06752 1.65761 0.96875 1.90625 0.96875H8.54937C8.79781 0.968803 9.03612 1.06749 9.21187 1.24313L11.0069 3.03813C11.1825 3.21388 11.2812 3.45216 11.2812 3.70062V5.1875" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_59_146136">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>`,
+    },
+    {
+        name: "quotes-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_59_146148)">
+<path d="M7.53125 11.2812C7.53125 12.2758 7.92634 13.2296 8.6296 13.9329C9.33286 14.6362 10.2867 15.0312 11.2812 15.0312C12.2758 15.0312 13.2296 14.6362 13.9329 13.9329C14.6362 13.2296 15.0312 12.2758 15.0312 11.2812C15.0312 10.2867 14.6362 9.33286 13.9329 8.6296C13.2296 7.92634 12.2758 7.53125 11.2812 7.53125C10.2867 7.53125 9.33286 7.92634 8.6296 8.6296C7.92634 9.33286 7.53125 10.2867 7.53125 11.2812Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.9525 10.1912L11.1369 12.6118C11.0965 12.6654 11.0451 12.7098 10.9861 12.7419C10.9271 12.774 10.8619 12.7931 10.7949 12.7979C10.728 12.8027 10.6607 12.7931 10.5978 12.7697C10.5348 12.7464 10.4776 12.7098 10.43 12.6624L9.49249 11.7249" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.84375 4.71875H9.40625" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.84375 7.53125H6.59375" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.84375 10.3438H5.1875" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.1875 13.1562H1.90625C1.65761 13.1562 1.41915 13.0575 1.24334 12.8817C1.06752 12.7058 0.96875 12.4674 0.96875 12.2188V1.90625C0.96875 1.65761 1.06752 1.41915 1.24334 1.24334C1.41915 1.06752 1.65761 0.96875 1.90625 0.96875H8.54937C8.79784 0.968803 9.03613 1.06749 9.21187 1.24313L11.0069 3.03813C11.1825 3.21387 11.2812 3.45216 11.2812 3.70062V5.1875" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_59_146148">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>`,
+    },
+    {
+        name: "wishlist-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.22327 6.05556C1.22327 3.94113 2.93735 2.22705 5.05177 2.22705C6.23753 2.22705 7.29737 2.76611 7.99962 3.61253C8.70187 2.76611 9.76175 2.22705 10.9475 2.22705C13.0619 2.22705 14.776 3.94113 14.776 6.05556C14.776 7.21722 14.2586 8.25803 13.4417 8.96016L8.42456 13.6065C8.18494 13.8284 7.81487 13.8284 7.57519 13.6065L2.56427 8.96597C1.74349 8.26378 1.22327 7.22041 1.22327 6.05556Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`,
+    },
+    {
+        name: "abandoned-carts-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_59_146163)">
+<path d="M4.01562 4.93311C4.01562 5.61687 4.28725 6.27262 4.77074 6.75611C5.25423 7.23961 5.90999 7.51123 6.59375 7.51123C7.27751 7.51123 7.93327 7.23961 8.41676 6.75611C8.90025 6.27262 9.17188 5.61687 9.17188 4.93311C9.17188 4.24934 8.90025 3.59359 8.41676 3.1101C7.93327 2.6266 7.27751 2.35498 6.59375 2.35498C5.90999 2.35498 5.25423 2.6266 4.77074 3.1101C4.28725 3.59359 4.01562 4.24934 4.01562 4.93311Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.77124 6.7556L8.41624 3.1106" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.3125 13.605C3.3125 13.9158 3.43597 14.2139 3.65573 14.4336C3.8755 14.6534 4.17357 14.7769 4.48438 14.7769C4.79518 14.7769 5.09325 14.6534 5.31302 14.4336C5.53279 14.2139 5.65625 13.9158 5.65625 13.605C5.65625 13.2942 5.53279 12.9961 5.31302 12.7763C5.09325 12.5566 4.79518 12.4331 4.48438 12.4331C4.17357 12.4331 3.8755 12.5566 3.65573 12.7763C3.43597 12.9961 3.3125 13.2942 3.3125 13.605Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 13.605C8 13.9158 8.12346 14.2139 8.34323 14.4336C8.563 14.6534 8.86107 14.7769 9.17188 14.7769C9.48268 14.7769 9.78075 14.6534 10.0005 14.4336C10.2203 14.2139 10.3438 13.9158 10.3438 13.605C10.3438 13.2942 10.2203 12.9961 10.0005 12.7763C9.78075 12.5566 9.48268 12.4331 9.17188 12.4331C8.86107 12.4331 8.563 12.5566 8.34323 12.7763C8.12346 12.9961 8 13.2942 8 13.605Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.96875 4.93304L2.42438 9.86241C2.47768 10.062 2.59542 10.2384 2.7593 10.3642C2.92318 10.49 3.12403 10.5581 3.33063 10.558H10.0919C10.2988 10.5586 10.5001 10.4906 10.6643 10.3648C10.8286 10.239 10.9466 10.0623 11 9.86241L13.0238 2.26616C13.1035 1.96675 13.28 1.70209 13.5257 1.51333C13.7714 1.32458 14.0726 1.2223 14.3825 1.22241H15.0312" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_59_146163">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`,
+    },
+    {
+        name: "templates-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_59_146172)">
+<path d="M1.59375 1.28125H14.4062C14.4062 1.28125 15.0312 1.28125 15.0312 1.90625V14.0938C15.0312 14.0938 15.0312 14.7188 14.4062 14.7188H1.59375C1.59375 14.7188 0.96875 14.7188 0.96875 14.0938V1.90625C0.96875 1.90625 0.96875 1.28125 1.59375 1.28125Z" stroke="#667085" stroke-miterlimit="10"/>
+<path d="M5.96875 1.28125V14.7188" stroke="#667085" stroke-miterlimit="10"/>
+<path d="M2.53125 4.09375H4.40625" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M8.50626 7.1106H12.0813" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M2.53125 6.90625H4.40625" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M2.53125 9.71875H4.40625" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M8.50626 3.17188H12.0813V5.35938H8.50626V3.17188Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.50626 12.9912H12.0813" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M8.50626 9.09375H12.0813V11.2812H8.50626V9.09375Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_59_146172">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`,
+    },
+    {
+        name: "allocations-01",
+        svg: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.00001 9L1.26542 6.95643C0.767794 8.83988 0.974506 10.8402 1.84678 12.5821C2.71904 14.324 4.19693 15.6877 6.00315 16.4175L9.00001 9ZM9.00001 9L9.08378 1.00044C7.30846 0.981847 5.57739 1.55434 4.16321 2.62776C2.74904 3.70118 1.73212 5.21452 1.2726 6.92945L9.00001 9ZM17 9C17 13.4183 13.4183 17 9.00001 17C4.58173 17 1.00001 13.4183 1.00001 9C1.00001 4.58172 4.58173 1 9.00001 1C13.4183 1 17 4.58172 17 9Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    },
+    {
+        name: "allowances-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_59_146189)">
+<path d="M7.53125 10.9688V14.4062C7.53125 14.7514 7.81106 15.0312 8.15625 15.0312H14.4062C14.7514 15.0312 15.0312 14.7514 15.0312 14.4062V10.9688C15.0312 10.6236 14.7514 10.3438 14.4062 10.3438H8.15625C7.81106 10.3438 7.53125 10.6236 7.53125 10.9688Z" stroke="#475467" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.2937 9.71872L12.875 7.99997C12.8471 7.88028 12.7958 7.76734 12.7241 7.66765C12.6523 7.5679 12.5615 7.48334 12.4569 7.4189C12.3524 7.3544 12.2361 7.31122 12.1147 7.2919C11.9934 7.27253 11.8694 7.2774 11.75 7.30622L6.28127 8.62497C6.16138 8.65359 6.04832 8.70553 5.94854 8.7779C5.84877 8.85028 5.76424 8.94165 5.69981 9.04672C5.63537 9.15178 5.59228 9.26853 5.57302 9.39028C5.55375 9.51203 5.55868 9.63634 5.58752 9.75622L6.25002 12.4937C6.28396 12.6248 6.34592 12.7471 6.43166 12.852C6.51739 12.957 6.62484 13.042 6.74661 13.1015C6.86837 13.1608 7.00162 13.1932 7.13706 13.1962C7.2725 13.1991 7.407 13.1727 7.53125 13.1187" stroke="#475467" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.2812 12.9219C11.1518 12.9219 11.0469 12.8169 11.0469 12.6875C11.0469 12.5581 11.1518 12.4531 11.2812 12.4531" stroke="#475467"/>
+<path d="M11.2812 12.9219C11.4107 12.9219 11.5156 12.8169 11.5156 12.6875C11.5156 12.5581 11.4107 12.4531 11.2812 12.4531" stroke="#475467"/>
+<path d="M0.96875 11.2812C0.96875 10.1624 1.41322 9.08931 2.20439 8.29812C2.99556 7.507 4.06862 7.0625 5.1875 7.0625" stroke="#475467" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3 2.23755C3.39836 2.65303 3.87676 2.98352 4.40632 3.2091C4.93588 3.43467 5.50564 3.55066 6.08125 3.55005C6.6635 3.54726 7.23931 3.42826 7.775 3.20005" stroke="#475467" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.18749 6.1251C6.60963 6.1251 7.76249 4.97223 7.76249 3.5501C7.76249 2.12797 6.60963 0.975098 5.18749 0.975098C3.76536 0.975098 2.61249 2.12797 2.61249 3.5501C2.61249 4.97223 3.76536 6.1251 5.18749 6.1251Z" stroke="#475467" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_59_146189">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`,
+    },
+    {
+        name: "shipping-locations-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3556 8.8237L14.4062 9.98295L7.939 12.4234L1.59375 9.98295L4.76637 8.7627" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.186 11.9963L14.4062 12.4234L7.939 14.8639L1.59375 12.4234L2.81399 11.9353" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.93895 1.13623C9.4642 1.13623 10.6845 2.35647 10.6845 3.88177C10.6845 5.04099 9.03714 7.29841 8.30501 8.21359C8.24401 8.33566 8.06095 8.39666 7.93895 8.39666C7.81689 8.39666 7.69489 8.33566 7.57289 8.21359C6.8407 7.23741 5.19339 5.04099 5.19339 3.88177C5.2544 2.35647 6.47464 1.13623 7.93895 1.13623Z" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.93744 3.77954C7.86844 3.77954 7.8125 3.72358 7.8125 3.65454C7.8125 3.5855 7.86844 3.52954 7.93744 3.52954" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.93744 3.77954C8.00644 3.77954 8.06244 3.72358 8.06244 3.65454C8.06244 3.5855 8.00644 3.52954 7.93744 3.52954" stroke="#667085" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    },
+    {
+        name: "payments-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_59_146210)">
+<path d="M0.96875 2.84375C0.96875 3.34103 1.36384 3.81794 2.0671 4.16958C2.77036 4.52121 3.72419 4.71875 4.71875 4.71875C5.71331 4.71875 6.66714 4.52121 7.3704 4.16958C8.07366 3.81794 8.46875 3.34103 8.46875 2.84375C8.46875 2.34647 8.07366 1.86956 7.3704 1.51792C6.66714 1.16629 5.71331 0.96875 4.71875 0.96875C3.72419 0.96875 2.77036 1.16629 2.0671 1.51792C1.36384 1.86956 0.96875 2.34647 0.96875 2.84375Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.46875 5.34375V2.84375" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.96875 2.84375V12.2188C0.96875 13.2563 2.65 14.0938 4.71875 14.0938C5.07221 14.095 5.42527 14.0699 5.775 14.0188" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.96875 9.875C0.96875 10.9125 2.65 11.75 4.71875 11.75C5.08065 11.749 5.44202 11.7219 5.8 11.6687" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.96875 7.53125C0.96875 8.56875 2.65 9.40625 4.71875 9.40625C5.07221 9.40751 5.42527 9.38244 5.775 9.33125" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.96875 5.1875C0.96875 6.225 2.65 7.0625 4.71875 7.0625C5.08065 7.06154 5.44202 7.03439 5.8 6.98125" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.53125 8.625C7.53125 9.12228 7.92634 9.59919 8.6296 9.95083C9.33286 10.3025 10.2867 10.5 11.2812 10.5C12.2758 10.5 13.2296 10.3025 13.9329 9.95083C14.6362 9.59919 15.0312 9.12228 15.0312 8.625C15.0312 8.12772 14.6362 7.65081 13.9329 7.29917C13.2296 6.94754 12.2758 6.75 11.2812 6.75C10.2867 6.75 9.33286 6.94754 8.6296 7.29917C7.92634 7.65081 7.53125 8.12772 7.53125 8.625Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.53125 8.625V13.1562C7.53125 14.1938 9.2125 15.0312 11.2812 15.0312C13.35 15.0312 15.0312 14.1938 15.0312 13.1562V8.625" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.0312 10.8125C15.0312 11.85 13.35 12.6875 11.2812 12.6875C9.2125 12.6875 7.53125 11.85 7.53125 10.8125" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_59_146210">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`,
+    },
+    {
+        name: "invoices-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.25 4.71875H8" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.25 7.53125H6.59375" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.25 10.3438H6.59375" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.8125 4.71875H11.75" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.18124 10.8501C9.31624 11.0288 9.49249 11.1721 9.69492 11.2679C9.89736 11.3637 10.12 11.409 10.3437 11.4001C11.0562 11.4001 11.6312 10.9626 11.6312 10.4313C11.6312 9.90007 11.0562 9.46257 10.3437 9.46257C9.63124 9.46257 9.05624 9.03132 9.05624 8.49382C9.05624 7.95632 9.63124 7.53132 10.3437 7.53132C10.5668 7.5227 10.7887 7.56755 10.991 7.66214C11.1932 7.75673 11.3699 7.89831 11.5062 8.07507" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.3438 11.3999V12.0437" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.3438 6.88745V7.5312" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.625 0.96875L11.75 2.84375L9.875 0.96875L8 2.84375L6.125 0.96875L4.25 2.84375L2.375 0.96875V15.0312L4.25 13.1562L6.125 15.0312L8 13.1562L9.875 15.0312L11.75 13.1562L13.625 15.0312V0.96875Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    },
+    {
+        name: "statements-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.75 0.96875H9.4875C9.73606 0.968969 9.97435 1.06788 10.15 1.24375L13.8188 4.9125C13.9946 5.08815 14.0935 5.32644 14.0938 5.575V14.0938C14.0938 14.3424 13.995 14.5808 13.8192 14.7567C13.6433 14.9325 13.4049 15.0312 13.1562 15.0312H2.84375C2.59511 15.0312 2.35665 14.9325 2.18084 14.7567C2.00502 14.5808 1.90625 14.3424 1.90625 14.0938V1.90625C1.90625 1.65761 2.00502 1.41915 2.18084 1.24334C2.35665 1.06752 2.59511 0.96875 2.84375 0.96875H3.625" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.0938 5.65625H10.3438C10.0951 5.65625 9.85665 5.55748 9.68084 5.38166C9.50502 5.20585 9.40625 4.96739 9.40625 4.71875V0.96875" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.02499 5.86869C4.15999 6.04737 4.33624 6.19073 4.53867 6.2865C4.74111 6.38228 4.96372 6.42763 5.18749 6.41869C5.89999 6.41869 6.47499 5.98744 6.47499 5.44994C6.47499 4.91244 5.89999 4.48744 5.18749 4.48744C4.47499 4.48744 3.89999 4.04994 3.89999 3.51869C3.89999 2.98744 4.47499 2.54994 5.18749 2.54994C5.41127 2.54099 5.63388 2.58634 5.83631 2.68212C6.03875 2.77789 6.215 2.92125 6.34999 3.09994" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.1875 6.4187V7.06245" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.1875 1.90625V2.55" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.09375 8.78125H11.9062C11.9062 8.78125 12.2188 8.78125 12.2188 9.09375V12.8438C12.2188 12.8438 12.2188 13.1562 11.9062 13.1562H4.09375C4.09375 13.1562 3.78125 13.1562 3.78125 12.8438V9.09375C3.78125 9.09375 3.78125 8.78125 4.09375 8.78125Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.78125 10.9688H12.2188" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.59375 8.78125V13.1562" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.40625 8.78125V13.1562" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    },
+    {
+        name: "reports-02",
+        svg: `<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 11.2V15.2M13.8 15.2L10.6389 12.5658C10.0558 12.0799 9.76434 11.837 9.43893 11.7442C9.15203 11.6623 8.84797 11.6623 8.56107 11.7442C8.23566 11.837 7.94415 12.0799 7.36113 12.5658L4.2 15.2M5.8 7.20005V8.00005M9 5.60005V8.00005M12.2 4.00005V8.00005M17 0.800049H1M1.8 0.800049H16.2V7.36005C16.2 8.70417 16.2 9.37624 15.9384 9.88963C15.7083 10.3412 15.3412 10.7084 14.8896 10.9385C14.3762 11.2 13.7041 11.2 12.36 11.2H5.64C4.29587 11.2 3.62381 11.2 3.11042 10.9385C2.65883 10.7084 2.29168 10.3412 2.06158 9.88963C1.8 9.37624 1.8 8.70417 1.8 7.36005V0.800049Z" stroke="#667085" stroke-width="0.96" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`,
+    },
+    {
+        name: "user-management-01",
+        svg: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.60938 5.42188C2.60938 6.10564 2.881 6.76139 3.36449 7.24488C3.84798 7.72838 4.50374 8 5.1875 8C5.87126 8 6.52702 7.72838 7.01051 7.24488C7.494 6.76139 7.76563 6.10564 7.76562 5.42188C7.76563 4.73811 7.494 4.08236 7.01051 3.59887C6.52702 3.11537 5.87126 2.84375 5.1875 2.84375C4.50374 2.84375 3.84798 3.11537 3.36449 3.59887C2.881 4.08236 2.60938 4.73811 2.60938 5.42188Z" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.96875 13.1562C0.96875 12.0374 1.41322 10.9643 2.20439 10.1731C2.99556 9.38197 4.06862 8.9375 5.1875 8.9375C6.30638 8.9375 7.37944 9.38197 8.17061 10.1731C8.96178 10.9643 9.40625 12.0374 9.40625 13.1562" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.40689 3.26003C9.79618 3.00708 10.2465 2.86395 10.7104 2.84574C11.1743 2.82752 11.6345 2.93491 12.0425 3.15655C12.4504 3.3782 12.7909 3.70588 13.028 4.105C13.2651 4.50412 13.3901 4.95986 13.3897 5.42411C13.3893 5.88836 13.2635 6.34389 13.0257 6.74259C12.7879 7.1413 12.4468 7.46839 12.0385 7.68933C11.6302 7.91027 11.1698 8.01685 10.706 7.99784C10.2421 7.97882 9.79199 7.8349 9.40314 7.58128" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.875 9.04188C10.4928 8.9019 11.1343 8.90272 11.7517 9.04427C12.3692 9.18582 12.947 9.46448 13.4421 9.8596C13.9373 10.2547 14.3373 10.7562 14.6123 11.3269C14.8874 11.8975 15.0306 12.5228 15.0312 13.1563" stroke="#667085" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    },
+    {
+        name: "products-02",
+        svg: `<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.60001 8.2H4.80001M6.40001 11.4H4.80001M11.2 5H4.80001M14.4 4.84V13.16C14.4 14.5041 14.4 15.1762 14.1384 15.6896C13.9083 16.1412 13.5412 16.5083 13.0896 16.7384C12.5762 17 11.9041 17 10.56 17H5.44001C4.09588 17 3.42382 17 2.91043 16.7384C2.45884 16.5083 2.09169 16.1412 1.86159 15.6896C1.60001 15.1762 1.60001 14.5041 1.60001 13.16V4.84C1.60001 3.49587 1.60001 2.82381 1.86159 2.31042C2.09169 1.85883 2.45884 1.49168 2.91043 1.26158C3.42382 1 4.09588 1 5.44001 1H10.56C11.9041 1 12.5762 1 13.0896 1.26158C13.5412 1.49168 13.9083 1.85883 14.1384 2.31042C14.4 2.82381 14.4 3.49587 14.4 4.84Z" stroke="#667085" stroke-width="0.96" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    },
+    {
+        name: "promotions-01",
+        svg: `<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.60001 8.2H4.80001M6.40001 11.4H4.80001M11.2 5H4.80001M14.4 4.84V13.16C14.4 14.5041 14.4 15.1762 14.1384 15.6896C13.9083 16.1412 13.5412 16.5083 13.0896 16.7384C12.5762 17 11.9041 17 10.56 17H5.44001C4.09588 17 3.42382 17 2.91043 16.7384C2.45884 16.5083 2.09169 16.1412 1.86159 15.6896C1.60001 15.1762 1.60001 14.5041 1.60001 13.16V4.84C1.60001 3.49587 1.60001 2.82381 1.86159 2.31042C2.09169 1.85883 2.45884 1.49168 2.91043 1.26158C3.42382 1 4.09588 1 5.44001 1H10.56C11.9041 1 12.5762 1 13.0896 1.26158C13.5412 1.49168 13.9083 1.85883 14.1384 2.31042C14.4 2.82381 14.4 3.49587 14.4 4.84Z" stroke="#667085" stroke-width="0.96" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`,
+    },
+    {
+        name: "account-settings-01",
+        svg: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 11.4C10.3255 11.4 11.4 10.3255 11.4 9C11.4 7.67452 10.3255 6.6 9 6.6C7.67452 6.6 6.6 7.67452 6.6 9C6.6 10.3255 7.67452 11.4 9 11.4Z" stroke="#667085" stroke-width="0.96" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.3818 11.1818C14.285 11.4012 14.2561 11.6445 14.2989 11.8804C14.3417 12.1164 14.4542 12.3341 14.6218 12.5055L14.6655 12.5491C14.8007 12.6842 14.908 12.8446 14.9812 13.0212C15.0544 13.1978 15.0921 13.387 15.0921 13.5782C15.0921 13.7693 15.0544 13.9586 14.9812 14.1352C14.908 14.3118 14.8007 14.4722 14.6655 14.6073C14.5304 14.7425 14.3699 14.8498 14.1934 14.923C14.0168 14.9962 13.8275 15.0339 13.6364 15.0339C13.4452 15.0339 13.2559 14.9962 13.0794 14.923C12.9028 14.8498 12.7424 14.7425 12.6073 14.6073L12.5636 14.5636C12.3922 14.396 12.1745 14.2835 11.9386 14.2407C11.7027 14.1979 11.4594 14.2268 11.24 14.3236C11.0249 14.4158 10.8414 14.5689 10.7122 14.764C10.583 14.9591 10.5137 15.1878 10.5127 15.4218V15.5455C10.5127 15.9312 10.3595 16.3012 10.0867 16.574C9.81392 16.8468 9.44395 17 9.05818 17C8.67241 17 8.30244 16.8468 8.02966 16.574C7.75688 16.3012 7.60364 15.9312 7.60364 15.5455V15.48C7.59801 15.2393 7.52009 15.0058 7.38001 14.81C7.23993 14.6141 7.04417 14.4649 6.81818 14.3818C6.59882 14.285 6.3555 14.2561 6.11957 14.2989C5.88365 14.3417 5.66595 14.4542 5.49455 14.6218L5.45091 14.6655C5.31582 14.8007 5.1554 14.908 4.97882 14.9812C4.80224 15.0544 4.61297 15.0921 4.42182 15.0921C4.23067 15.0921 4.04139 15.0544 3.86481 14.9812C3.68824 14.908 3.52782 14.8007 3.39273 14.6655C3.25749 14.5304 3.1502 14.3699 3.077 14.1934C3.00381 14.0168 2.96613 13.8275 2.96613 13.6364C2.96613 13.4452 3.00381 13.2559 3.077 13.0794C3.1502 12.9028 3.25749 12.7424 3.39273 12.6073L3.43636 12.5636C3.60403 12.3922 3.7165 12.1745 3.75928 11.9386C3.80205 11.7027 3.77317 11.4594 3.67636 11.24C3.58417 11.0249 3.4311 10.8414 3.23597 10.7122C3.04085 10.583 2.81221 10.5137 2.57818 10.5127H2.45455C2.06878 10.5127 1.69881 10.3595 1.42603 10.0867C1.15325 9.81392 1 9.44395 1 9.05818C1 8.67241 1.15325 8.30244 1.42603 8.02966C1.69881 7.75688 2.06878 7.60364 2.45455 7.60364H2.52C2.76072 7.59801 2.99419 7.52009 3.19004 7.38001C3.38589 7.23993 3.53507 7.04417 3.61818 6.81818C3.71499 6.59882 3.74387 6.3555 3.70109 6.11957C3.65832 5.88365 3.54585 5.66595 3.37818 5.49455L3.33455 5.45091C3.19931 5.31582 3.09202 5.1554 3.01882 4.97882C2.94562 4.80224 2.90795 4.61297 2.90795 4.42182C2.90795 4.23067 2.94562 4.04139 3.01882 3.86481C3.09202 3.68824 3.19931 3.52782 3.33455 3.39273C3.46963 3.25749 3.63005 3.1502 3.80663 3.077C3.98321 3.00381 4.17249 2.96613 4.36364 2.96613C4.55479 2.96613 4.74406 3.00381 4.92064 3.077C5.09722 3.1502 5.25764 3.25749 5.39273 3.39273L5.43636 3.43636C5.60777 3.60403 5.82547 3.7165 6.06139 3.75928C6.29731 3.80205 6.54064 3.77317 6.76 3.67636H6.81818C7.03329 3.58417 7.21674 3.4311 7.34596 3.23597C7.47518 3.04085 7.54452 2.81221 7.54545 2.57818V2.45455C7.54545 2.06878 7.6987 1.69881 7.97148 1.42603C8.24426 1.15325 8.61423 1 9 1C9.38577 1 9.75574 1.15325 10.0285 1.42603C10.3013 1.69881 10.4545 2.06878 10.4545 2.45455V2.52C10.4555 2.75403 10.5248 2.98267 10.654 3.17779C10.7833 3.37291 10.9667 3.52599 11.1818 3.61818C11.4012 3.71499 11.6445 3.74387 11.8804 3.70109C12.1164 3.65832 12.3341 3.54585 12.5055 3.37818L12.5491 3.33455C12.6842 3.19931 12.8446 3.09202 13.0212 3.01882C13.1978 2.94562 13.387 2.90795 13.5782 2.90795C13.7693 2.90795 13.9586 2.94562 14.1352 3.01882C14.3118 3.09202 14.4722 3.19931 14.6073 3.33455C14.7425 3.46963 14.8498 3.63005 14.923 3.80663C14.9962 3.98321 15.0339 4.17249 15.0339 4.36364C15.0339 4.55479 14.9962 4.74406 14.923 4.92064C14.8498 5.09722 14.7425 5.25764 14.6073 5.39273L14.5636 5.43636C14.396 5.60777 14.2835 5.82547 14.2407 6.06139C14.1979 6.29731 14.2268 6.54064 14.3236 6.76V6.81818C14.4158 7.03329 14.5689 7.21674 14.764 7.34596C14.9591 7.47518 15.1878 7.54452 15.4218 7.54545H15.5455C15.9312 7.54545 16.3012 7.6987 16.574 7.97148C16.8468 8.24426 17 8.61423 17 9C17 9.38577 16.8468 9.75574 16.574 10.0285C16.3012 10.3013 15.9312 10.4545 15.5455 10.4545H15.48C15.246 10.4555 15.0173 10.5248 14.8222 10.654C14.6271 10.7833 14.474 10.9667 14.3818 11.1818Z" stroke="#667085" stroke-width="0.96" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
 `,
     },
 ];

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

@@ -5,7 +5,7 @@ export declare const isComponentDisable: (state?: string) => boolean;
 export declare const applyDefaultFilters: (defaultFilters: any) => any;
 export declare const parseIfNeeded: (value: any) => any;
 export declare const sortColumns: (columns: any) => any;
-export declare const getCheckedStatus: (row: any, featureDetails: any, GRID_CHECKBOX_STATUS: 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, rowGroupColumnWidth: number, ChildRendererForGroup?: React.FC, HeaderRendererForGroup?: React.FC) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "6.4.02",
+  "version": "6.4.5",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -94,4 +94,4 @@
       "last 1 safari version"
     ]
   }
-}
+}