@ix_waterford/lib 1.0.65 → 1.0.67

package/dist/index.js

@@ -16,6 +16,8 @@ import * as __rspack_external__lexical_rich_text_d3a00f96 from "@lexical/rich-te
 import * as __rspack_external__lexical_selection_9864dba0 from "@lexical/selection";
 import * as __rspack_external__lexical_utils_5fa2d50a from "@lexical/utils";
 import * as __rspack_external__mui_icons_material_CalendarMonth_ee9934b4 from "@mui/icons-material/CalendarMonth";
+import * as __rspack_external__mui_icons_material_CheckBox_709569e5 from "@mui/icons-material/CheckBox";
+import * as __rspack_external__mui_icons_material_CheckBoxOutlineBlank_1de5ee8f from "@mui/icons-material/CheckBoxOutlineBlank";
 import * as __rspack_external__mui_icons_material_ChevronLeft_7ce3adde from "@mui/icons-material/ChevronLeft";
 import * as __rspack_external__mui_icons_material_ChevronRight_bcd242d6 from "@mui/icons-material/ChevronRight";
 import * as __rspack_external__mui_icons_material_ExpandMore_2159128b from "@mui/icons-material/ExpandMore";
@@ -170,7 +172,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1775805016533
+        // 1775907101935
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -198,7 +200,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1775805016535
+        // 1775907101936
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -226,7 +228,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1775805016534
+        // 1775907101936
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -254,7 +256,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1775805016535
+        // 1775907101937
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -5354,6 +5356,405 @@ function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id
 Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
 
 
+},
+"./src/components/multiSearch/constants.ts"(module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  ALL_OPTION_VALUE: () => (ALL_OPTION_VALUE),
+  DEFAULT_PLACEHOLDER: () => (DEFAULT_PLACEHOLDER)
+});
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+const ALL_OPTION_VALUE = '';
+const DEFAULT_PLACEHOLDER = 'Select options';
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+},
+"./src/components/multiSearch/multiSearch.tsx"(module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var react_jsx_dev_runtime__rspack_import_0 = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
+/* import */ var react__rspack_import_1 = __webpack_require__("react");
+/* import */ var _mui_icons_material_CheckBox__rspack_import_2 = __webpack_require__("@mui/icons-material/CheckBox");
+/* import */ var _mui_icons_material_CheckBoxOutlineBlank__rspack_import_3 = __webpack_require__("@mui/icons-material/CheckBoxOutlineBlank");
+/* import */ var _mui_material__rspack_import_4 = __webpack_require__("@mui/material");
+/* import */ var _assets_searchIcon__rspack_import_7 = __webpack_require__("./src/assets/searchIcon.tsx");
+/* import */ var _components_checkBox__rspack_import_8 = __webpack_require__("./src/components/checkBox/checkBox.tsx");
+/* import */ var _components_textField__rspack_import_6 = __webpack_require__("./src/components/textField/textField.tsx");
+/* import */ var _components_typography__rspack_import_9 = __webpack_require__("./src/components/typography/typography.tsx");
+/* import */ var _constants__rspack_import_5 = __webpack_require__("./src/components/multiSearch/constants.ts");
+/* import */ var _style__rspack_import_10 = __webpack_require__("./src/components/multiSearch/style.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+var _s = $RefreshSig$();
+
+
+
+
+
+
+
+
+
+
+const MultiSearchComponent = (param)=>{
+    let { className = '', field = '', value = [], options = [], onSearch = ()=>{} } = param;
+    _s();
+    const [searchText, setSearchText] = (0,react__rspack_import_1.useState)('');
+    const hasAll = options.length > 0 && options[0].value === _constants__rspack_import_5.ALL_OPTION_VALUE;
+    const selectedSet = (0,react__rspack_import_1.useMemo)(()=>new Set(value), [
+        value
+    ]);
+    const filteredOptions = (0,react__rspack_import_1.useMemo)(()=>{
+        if (!searchText) return options;
+        const lower = searchText.toLowerCase();
+        return options.filter((o)=>o.label.toLowerCase().includes(lower));
+    }, [
+        options,
+        searchText
+    ]);
+    const { displayValue, allSelected } = (0,react__rspack_import_1.useMemo)(()=>{
+        let firstLabel = '';
+        let count = 0;
+        let allSelected = hasAll;
+        for(let i = hasAll ? 1 : 0; i < options.length; i++){
+            const opt = options[i];
+            if (selectedSet.has(opt.value)) {
+                count++;
+                if (!firstLabel) firstLabel = opt.label;
+            } else {
+                allSelected = false;
+            }
+        }
+        const displayValue = count === 0 ? _constants__rspack_import_5.DEFAULT_PLACEHOLDER : count === 1 ? firstLabel : `${firstLabel} (+${count - 1})`;
+        return {
+            displayValue,
+            allSelected
+        };
+    }, [
+        options,
+        selectedSet,
+        hasAll
+    ]);
+    const handleToggle = (val)=>{
+        if (hasAll && val === _constants__rspack_import_5.ALL_OPTION_VALUE) {
+            onSearch(allSelected ? [] : options.map((o)=>o.value));
+            return;
+        }
+        const next = new Set(value);
+        if (next.has(val)) next.delete(val);
+        else next.add(val);
+        if (hasAll) next.delete(_constants__rspack_import_5.ALL_OPTION_VALUE);
+        let allNow = true;
+        for(let i = hasAll ? 1 : 0; i < options.length; i++){
+            if (!next.has(options[i].value)) {
+                allNow = false;
+                break;
+            }
+        }
+        if (hasAll && allNow) next.add(_constants__rspack_import_5.ALL_OPTION_VALUE);
+        onSearch(Array.from(next));
+    };
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_4.Select, {
+        multiple: true,
+        value: value.map(String),
+        displayEmpty: true,
+        input: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_4.OutlinedInput, {
+            notched: false
+        }, void 0, false, {
+            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+            lineNumber: 106,
+            columnNumber: 14
+        }, undefined),
+        renderValue: ()=>displayValue,
+        "aria-label": `Select ${field}`,
+        onClose: ()=>setSearchText(''),
+        MenuProps: {
+            autoFocus: false,
+            disablePortal: true,
+            PaperProps: {
+                className: 'multiSearchMenuPaper'
+            },
+            MenuListProps: {
+                disablePadding: true
+            }
+        },
+        className: `${className} multiSearchSelect`.trim(),
+        children: [
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_4.ListSubheader, {
+                disableSticky: true,
+                className: "multiSearchSearchWrapper",
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_components_textField__rspack_import_6["default"], {
+                    autoComplete: "off",
+                    autoFocus: true,
+                    fullWidth: true,
+                    size: "small",
+                    placeholder: "Search options",
+                    value: searchText,
+                    onChange: (e)=>setSearchText(e.target.value),
+                    onKeyDown: (e)=>{
+                        if (e.key !== 'Escape') e.stopPropagation();
+                    },
+                    slotProps: {
+                        input: {
+                            startAdornment: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_4.InputAdornment, {
+                                position: "start",
+                                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_searchIcon__rspack_import_7.SearchIcon, {}, void 0, false, {
+                                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+                                    lineNumber: 134,
+                                    columnNumber: 19
+                                }, undefined)
+                            }, void 0, false, {
+                                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+                                lineNumber: 133,
+                                columnNumber: 17
+                            }, undefined)
+                        }
+                    },
+                    className: "multiSearchSearchField"
+                }, void 0, false, {
+                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+                    lineNumber: 119,
+                    columnNumber: 9
+                }, undefined)
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+                lineNumber: 118,
+                columnNumber: 7
+            }, undefined),
+            filteredOptions.length ? filteredOptions.map((option)=>{
+                const checked = hasAll && option.value === _constants__rspack_import_5.ALL_OPTION_VALUE ? allSelected : selectedSet.has(option.value);
+                return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_4.MenuItem, {
+                    value: String(option.value),
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        handleToggle(option.value);
+                    },
+                    className: "multiSearchMenuItem",
+                    children: [
+                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_components_checkBox__rspack_import_8["default"], {
+                            checked: checked,
+                            className: "multiSearchCheckbox",
+                            icon: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_icons_material_CheckBoxOutlineBlank__rspack_import_3["default"], {}, void 0, false, {
+                                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+                                lineNumber: 163,
+                                columnNumber: 23
+                            }, undefined),
+                            checkedIcon: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_icons_material_CheckBox__rspack_import_2["default"], {}, void 0, false, {
+                                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+                                lineNumber: 164,
+                                columnNumber: 30
+                            }, undefined)
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+                            lineNumber: 160,
+                            columnNumber: 15
+                        }, undefined),
+                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_4.Box, {
+                            className: "multiSearchLabelWrapper",
+                            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_components_typography__rspack_import_9["default"], {
+                                component: "span",
+                                className: "multiSearchLabel",
+                                children: option.label
+                            }, void 0, false, {
+                                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+                                lineNumber: 167,
+                                columnNumber: 17
+                            }, undefined)
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+                            lineNumber: 166,
+                            columnNumber: 15
+                        }, undefined)
+                    ]
+                }, `${field}-${option.value}`, true, {
+                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+                    lineNumber: 151,
+                    columnNumber: 13
+                }, undefined);
+            }) : /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_4.MenuItem, {
+                disabled: true,
+                className: "multiSearchEmptyItem",
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_4.Box, {
+                    className: "multiSearchNoOptions",
+                    children: "No options found"
+                }, void 0, false, {
+                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+                    lineNumber: 176,
+                    columnNumber: 11
+                }, undefined)
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+                lineNumber: 175,
+                columnNumber: 9
+            }, undefined)
+        ]
+    }, void 0, true, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
+        lineNumber: 102,
+        columnNumber: 5
+    }, undefined);
+};
+_s(MultiSearchComponent, "2wO1Uj1aZKZaKiNz9D80IhfHGmE=");
+_c = MultiSearchComponent;
+MultiSearchComponent.displayName = 'MultiSearch';
+/* export default */ const __rspack_default_export = ((0,_mui_material__rspack_import_4.styled)(MultiSearchComponent)(_style__rspack_import_10.Style));
+var _c;
+$RefreshReg$(_c, "MultiSearchComponent");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
+},
+"./src/components/multiSearch/style.tsx"(module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  Style: () => (Style)
+});
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+const Style = (param)=>{
+    let { theme } = param;
+    return {
+        width: '100%',
+        '.multiSearchSelect': {
+            width: '100%',
+            '.MuiOutlinedInput-root': {
+                borderRadius: '0 !important',
+                backgroundColor: '#fff',
+                paddingRight: '42px',
+                boxShadow: 'none'
+            },
+            '.MuiSelect-select': {
+                display: 'flex',
+                alignItems: 'center',
+                padding: '11px 18px'
+            },
+            '.MuiOutlinedInput-notchedOutline': {
+                borderColor: `${theme.palette.primary.main} !important`,
+                borderWidth: '1px !important',
+                borderRadius: '0 !important'
+            },
+            '.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline': {
+                borderColor: `${theme.palette.primary.main} !important`
+            },
+            '.MuiOutlinedInput-root.Mui-focused': {
+                boxShadow: 'none'
+            },
+            '.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {
+                borderColor: `${theme.palette.primary.main} !important`,
+                borderWidth: '1px !important'
+            },
+            '.MuiSelect-icon': {
+                right: 10,
+                color: '#777777',
+                fontSize: '34px'
+            }
+        },
+        '.multiSearchMenuPaper': {
+            borderRadius: '8px',
+            border: '1px solid #E5E7EB',
+            boxShadow: '0px 8px 24px rgba(15, 23, 42, 0.08)',
+            maxHeight: 560,
+            overflow: 'hidden',
+            backgroundColor: '#FFFFFF'
+        },
+        '.multiSearchSearchWrapper': {
+            backgroundColor: '#fff',
+            padding: '14px',
+            lineHeight: 1
+        },
+        '.multiSearchSearchField': {
+            '.MuiOutlinedInput-root': {
+                borderRadius: '0 !important',
+                backgroundColor: '#F7F7FC',
+                minHeight: '30px',
+                boxShadow: 'none'
+            },
+            '.MuiOutlinedInput-notchedOutline': {
+                borderColor: '#E3E4EF !important',
+                borderRadius: '0 !important'
+            },
+            '.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline': {
+                borderColor: '#E3E4EF !important'
+            },
+            '.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {
+                borderColor: '#E3E4EF !important',
+                borderWidth: '1px !important'
+            },
+            input: {
+                fontSize: '14px',
+                color: '#111827',
+                padding: 0
+            },
+            'input::placeholder': {
+                color: '#B8BEE3',
+                opacity: 1
+            }
+        },
+        '.multiSearchMenuItem': {
+            display: 'flex',
+            alignItems: 'center',
+            gap: '18px',
+            padding: '14px 14px',
+            color: '#111111',
+            fontSize: '16px',
+            borderRadius: '6px',
+            transition: 'background-color 120ms ease',
+            '&.Mui-selected': {
+                backgroundColor: '#FFFFFF'
+            },
+            '&.Mui-selected:hover': {
+                backgroundColor: '#F7F7FC'
+            },
+            '&:hover': {
+                backgroundColor: '#F7F7FC'
+            },
+            '&.Mui-focusVisible': {
+                backgroundColor: '#F7F7FC'
+            }
+        },
+        '.multiSearchNoOptions': {
+            padding: '14px',
+            color: '#6B7280',
+            fontSize: '14px'
+        },
+        '.multiSearchCheckbox': {
+            padding: 0,
+            color: theme.palette.primary.main,
+            '&.Mui-checked': {
+                color: theme.palette.primary.main
+            },
+            '.MuiSvgIcon-root': {
+                fontSize: 21
+            }
+        },
+        '.multiSearchLabel': {
+            fontSize: '14px'
+        },
+        '.multiSearchLabelWrapper': {
+            overflow: 'hidden'
+        },
+        '.multiSearchEmptyItem': {
+            minHeight: '72px'
+        }
+    };
+};
+_c = Style;
+var _c;
+$RefreshReg$(_c, "Style");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
 },
 "./src/components/popOver/popOver.tsx"(module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
@@ -6865,8 +7266,9 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var react__rspack_import_1 = __webpack_require__("react");
 /* import */ var _mui_material__rspack_import_2 = __webpack_require__("@mui/material");
 /* import */ var _searchFields__rspack_import_3 = __webpack_require__("./src/components/table/header/searchFields/TextSearchField.tsx");
-/* import */ var _searchFields__rspack_import_4 = __webpack_require__("./src/components/table/header/searchFields/SelectSearchField.tsx");
-/* import */ var _searchFields__rspack_import_5 = __webpack_require__("./src/components/table/header/searchFields/DateSearchField.tsx");
+/* import */ var _searchFields__rspack_import_4 = __webpack_require__("./src/components/table/header/searchFields/MultiSearchField.tsx");
+/* import */ var _searchFields__rspack_import_5 = __webpack_require__("./src/components/table/header/searchFields/SelectSearchField.tsx");
+/* import */ var _searchFields__rspack_import_6 = __webpack_require__("./src/components/table/header/searchFields/DateSearchField.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
@@ -6875,11 +7277,12 @@ __webpack_require__.d(__webpack_exports__, {
 const SearchBar = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (props)=>{
     const { headers = [], searchObj = {}, handleSearch = ()=>{}, showCheckbox = false } = props;
     const renderSearchField = (item)=>{
-        var _item_customSearch, _item_customSearch1;
+        var _item_customSearch, _item_customSearch1, _item_customSearch2;
+        const fieldValue = searchObj[item.field];
         if (item.searchable) {
             return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_searchFields__rspack_import_3.TextSearchField, {
                 field: item.field,
-                value: searchObj[item.field] || '',
+                value: fieldValue,
                 onSearch: (value)=>handleSearch({
                         ...searchObj,
                         [item.field]: value
@@ -6890,14 +7293,14 @@ const SearchBar = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (pro
                     })
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-                lineNumber: 21,
+                lineNumber: 23,
                 columnNumber: 17
             }, undefined);
         }
-        if (((_item_customSearch = item.customSearch) === null || _item_customSearch === void 0 ? void 0 : _item_customSearch.field) === 'SELECT') {
-            return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_searchFields__rspack_import_4.SelectSearchField, {
+        if (((_item_customSearch = item.customSearch) === null || _item_customSearch === void 0 ? void 0 : _item_customSearch.field) === 'MULTI_SELECT') {
+            return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_searchFields__rspack_import_4.MultiSearchField, {
                 field: item.field,
-                value: searchObj[item.field] || '',
+                value: fieldValue,
                 options: item.customSearch.options || [],
                 onSearch: (value)=>handleSearch({
                         ...searchObj,
@@ -6905,21 +7308,36 @@ const SearchBar = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (pro
                     })
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-                lineNumber: 32,
+                lineNumber: 34,
                 columnNumber: 17
             }, undefined);
         }
-        if (((_item_customSearch1 = item.customSearch) === null || _item_customSearch1 === void 0 ? void 0 : _item_customSearch1.field) === 'DATE_RANGE') {
-            return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_searchFields__rspack_import_5.DateSearchField, {
+        if (((_item_customSearch1 = item.customSearch) === null || _item_customSearch1 === void 0 ? void 0 : _item_customSearch1.field) === 'SELECT') {
+            return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_searchFields__rspack_import_5.SelectSearchField, {
                 field: item.field,
-                value: searchObj[item.field] || null,
+                value: fieldValue,
+                options: item.customSearch.options || [],
                 onSearch: (value)=>handleSearch({
                         ...searchObj,
                         [item.field]: value
                     })
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-                lineNumber: 43,
+                lineNumber: 45,
+                columnNumber: 17
+            }, undefined);
+        }
+        if (((_item_customSearch2 = item.customSearch) === null || _item_customSearch2 === void 0 ? void 0 : _item_customSearch2.field) === 'DATE_RANGE') {
+            return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_searchFields__rspack_import_6.DateSearchField, {
+                field: item.field,
+                value: fieldValue,
+                onSearch: (value)=>handleSearch({
+                        ...searchObj,
+                        [item.field]: value
+                    })
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
+                lineNumber: 56,
                 columnNumber: 17
             }, undefined);
         }
@@ -6934,7 +7352,7 @@ const SearchBar = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (pro
                     padding: "checkbox"
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-                    lineNumber: 58,
+                    lineNumber: 71,
                     columnNumber: 21
                 }, undefined),
                 headers.map((item)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableCell, {
@@ -6943,18 +7361,18 @@ const SearchBar = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (pro
                         children: renderSearchField(item)
                     }, `search-${item.field}`, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-                        lineNumber: 61,
+                        lineNumber: 74,
                         columnNumber: 21
                     }, undefined))
             ]
         }, void 0, true, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-            lineNumber: 56,
+            lineNumber: 69,
             columnNumber: 13
         }, undefined)
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-        lineNumber: 55,
+        lineNumber: 68,
         columnNumber: 9
     }, undefined);
 });
@@ -6989,18 +7407,19 @@ __webpack_require__.d(__webpack_exports__, {
 
 const DateSearchFieldComponent = (param)=>{
     let { field, value, onSearch } = param;
+    const normalizedValue = typeof value === 'string' ? value : '';
     const handleDateChange = (date, _context)=>{
         const newValue = (0,_utils__rspack_import_2.formatDate)(date, _constants_dateConstants__rspack_import_3.DEFAULT_DATE_FORMAT);
         onSearch(newValue);
     };
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_components_datePicker__rspack_import_4["default"], {
-        value: value || '',
+        value: normalizedValue,
         handleDateChange: handleDateChange,
         format: "DD/MM/YYYY",
         ariaLabel: `Select ${field} date`
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchFields/DateSearchField.tsx",
-        lineNumber: 29,
+        lineNumber: 32,
         columnNumber: 9
     }, undefined);
 };
@@ -7017,6 +7436,46 @@ function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id
 Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
 
 
+},
+"./src/components/table/header/searchFields/MultiSearchField.tsx"(module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  MultiSearchField: () => (MultiSearchField)
+});
+/* import */ var react_jsx_dev_runtime__rspack_import_0 = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
+/* import */ var react__rspack_import_1 = __webpack_require__("react");
+/* import */ var _multiSearch__rspack_import_2 = __webpack_require__("./src/components/multiSearch/multiSearch.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+
+
+const MultiSearchFieldComponent = (param)=>{
+    let { field = '', value = [], options = [], onSearch = ()=>{} } = param;
+    const normalizedValue = Array.isArray(value) ? value : [];
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_multiSearch__rspack_import_2["default"], {
+        field: field,
+        value: normalizedValue,
+        options: options,
+        onSearch: onSearch
+    }, void 0, false, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchFields/MultiSearchField.tsx",
+        lineNumber: 28,
+        columnNumber: 5
+    }, undefined);
+};
+_c = MultiSearchFieldComponent;
+MultiSearchFieldComponent.displayName = 'MultiSearchField';
+const MultiSearchField = /*#__PURE__*/ react__rspack_import_1["default"].memo(MultiSearchFieldComponent);
+_c1 = MultiSearchField;
+var _c, _c1;
+$RefreshReg$(_c, "MultiSearchFieldComponent");
+$RefreshReg$(_c1, "MultiSearchField");
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
 },
 "./src/components/table/header/searchFields/SelectSearchField.tsx"(module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
@@ -7033,9 +7492,10 @@ __webpack_require__.d(__webpack_exports__, {
 
 const SelectSearchField = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (param)=>{
     let { field, value, options, onSearch } = param;
+    const normalizedValue = typeof value === 'string' ? value : '';
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Select, {
         onChange: (e)=>onSearch(e.target.value),
-        value: value,
+        value: normalizedValue,
         displayEmpty: true,
         defaultValue: "",
         size: "small",
@@ -7045,12 +7505,12 @@ const SelectSearchField = /*#__PURE__*/ react__rspack_import_1["default"].memo(_
                 children: option.label
             }, option.value, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchFields/SelectSearchField.tsx",
-                lineNumber: 34,
+                lineNumber: 37,
                 columnNumber: 17
             }, undefined))
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchFields/SelectSearchField.tsx",
-        lineNumber: 25,
+        lineNumber: 28,
         columnNumber: 9
     }, undefined);
 });
@@ -7100,12 +7560,12 @@ const TextSearchFieldComponent = (param)=>{
                     position: "start",
                     children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_searchIcon__rspack_import_4.SearchIcon, {}, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchFields/TextSearchField.tsx",
-                        lineNumber: 35,
+                        lineNumber: 37,
                         columnNumber: 29
                     }, undefined)
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchFields/TextSearchField.tsx",
-                    lineNumber: 34,
+                    lineNumber: 36,
                     columnNumber: 25
                 }, undefined),
                 endAdornment: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.InputAdornment, {
@@ -7118,24 +7578,24 @@ const TextSearchFieldComponent = (param)=>{
                         size: "small",
                         children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg_closeIcon__rspack_import_6.CloseIcon, {}, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchFields/TextSearchField.tsx",
-                            lineNumber: 50,
+                            lineNumber: 52,
                             columnNumber: 37
                         }, undefined)
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchFields/TextSearchField.tsx",
-                        lineNumber: 44,
+                        lineNumber: 46,
                         columnNumber: 33
                     }, undefined) : null
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchFields/TextSearchField.tsx",
-                    lineNumber: 39,
+                    lineNumber: 41,
                     columnNumber: 25
                 }, undefined)
             }
         }
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchFields/TextSearchField.tsx",
-        lineNumber: 25,
+        lineNumber: 27,
         columnNumber: 9
     }, undefined);
 };
@@ -7658,6 +8118,7 @@ const Style = (param)=>{
             fontWeight: 'bold',
             textAlign: 'left',
             padding: '0 10px',
+            minWidth: '150px',
             '&:hover .sortIconButton.sort-hover': {
                 opacity: 1
             }
@@ -12288,6 +12749,18 @@ module.exports = __rspack_external__lexical_utils_5fa2d50a;
 module.exports = __rspack_external__mui_icons_material_CalendarMonth_ee9934b4;
 
 
+},
+"@mui/icons-material/CheckBox"(module) {
+
+module.exports = __rspack_external__mui_icons_material_CheckBox_709569e5;
+
+
+},
+"@mui/icons-material/CheckBoxOutlineBlank"(module) {
+
+module.exports = __rspack_external__mui_icons_material_CheckBoxOutlineBlank_1de5ee8f;
+
+
 },
 "@mui/icons-material/ChevronLeft"(module) {