@ix_waterford/lib 1.0.65 → 1.0.67

package/dist/components.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 (
@@ -4978,53 +4980,54 @@ Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.h
 "./src/components/index.ts"(module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-  Accordion: () => (/* reexport safe */ _accordion__rspack_import_21["default"]),
-  Autocomplete: () => (/* reexport safe */ _autocomplete__rspack_import_28["default"]),
-  Avatar: () => (/* reexport safe */ _avatar__rspack_import_36["default"]),
-  AvatarGroup: () => (/* reexport safe */ _avatar__rspack_import_37["default"]),
-  AvatarStatus: () => (/* reexport safe */ _avatarStatusDot__rspack_import_39["default"]),
-  AvatarTitle: () => (/* reexport safe */ _avatarTitle__rspack_import_38["default"]),
+  Accordion: () => (/* reexport safe */ _accordion__rspack_import_22["default"]),
+  Autocomplete: () => (/* reexport safe */ _autocomplete__rspack_import_29["default"]),
+  Avatar: () => (/* reexport safe */ _avatar__rspack_import_37["default"]),
+  AvatarGroup: () => (/* reexport safe */ _avatar__rspack_import_38["default"]),
+  AvatarStatus: () => (/* reexport safe */ _avatarStatusDot__rspack_import_40["default"]),
+  AvatarTitle: () => (/* reexport safe */ _avatarTitle__rspack_import_39["default"]),
   Badge: () => (/* reexport safe */ _badge__rspack_import_1["default"]),
   BreadCrumb: () => (/* reexport safe */ _breadCrumb__rspack_import_2["default"]),
   Button: () => (/* reexport safe */ _button__rspack_import_0["default"]),
-  Carousal: () => (/* reexport safe */ _carousal__rspack_import_43["default"]),
-  CheckBox: () => (/* reexport safe */ _checkBox__rspack_import_19["default"]),
-  Chip: () => (/* reexport safe */ _chip__rspack_import_25["default"]),
+  Carousal: () => (/* reexport safe */ _carousal__rspack_import_44["default"]),
+  CheckBox: () => (/* reexport safe */ _checkBox__rspack_import_20["default"]),
+  Chip: () => (/* reexport safe */ _chip__rspack_import_26["default"]),
   CircularLoader: () => (/* reexport safe */ _loader__rspack_import_17["default"]),
   ColorPicker: () => (/* reexport safe */ _colorPicker__rspack_import_3["default"]),
   DatePicker: () => (/* reexport safe */ _datePicker__rspack_import_11["default"]),
   DateRangePicker: () => (/* reexport safe */ _dateRangePicker__rspack_import_12["default"]),
   Dialog: () => (/* reexport safe */ _dialog__rspack_import_14["default"]),
   Drawer: () => (/* reexport safe */ _drawer__rspack_import_4["default"]),
-  ErrorBoundary: () => (/* reexport safe */ _errorBoundary__rspack_import_42["default"]),
+  ErrorBoundary: () => (/* reexport safe */ _errorBoundary__rspack_import_43["default"]),
   IconButton: () => (/* reexport safe */ _iconButton__rspack_import_13["default"]),
   LinearLoader: () => (/* reexport safe */ _loader__rspack_import_16["default"]),
   Link: () => (/* reexport safe */ _link__rspack_import_7["default"]),
   MediaPlayer: () => (/* reexport safe */ _mediaPlayer__rspack_import_18["default"]),
-  Menu: () => (/* reexport safe */ _menu__rspack_import_24["default"]),
+  Menu: () => (/* reexport safe */ _menu__rspack_import_25["default"]),
   Modal: () => (/* reexport safe */ _modal__rspack_import_6["default"]),
-  MultiSelect: () => (/* reexport safe */ _select__rspack_import_27["default"]),
+  MultiSearch: () => (/* reexport safe */ _multiSearch__rspack_import_19["default"]),
+  MultiSelect: () => (/* reexport safe */ _select__rspack_import_28["default"]),
   Popover: () => (/* reexport safe */ _popOver__rspack_import_9["default"]),
-  Popper: () => (/* reexport safe */ _popper__rspack_import_46["default"]),
-  Radio: () => (/* reexport safe */ _radio__rspack_import_20["default"]),
-  SearchBar: () => (/* reexport safe */ _searchBar__rspack_import_30["default"]),
-  Select: () => (/* reexport safe */ _select__rspack_import_26["default"]),
-  Skeleton: () => (/* reexport safe */ _skeleton__rspack_import_29["default"]),
-  Slider: () => (/* reexport safe */ _slider__rspack_import_22["default"]),
+  Popper: () => (/* reexport safe */ _popper__rspack_import_47["default"]),
+  Radio: () => (/* reexport safe */ _radio__rspack_import_21["default"]),
+  SearchBar: () => (/* reexport safe */ _searchBar__rspack_import_31["default"]),
+  Select: () => (/* reexport safe */ _select__rspack_import_27["default"]),
+  Skeleton: () => (/* reexport safe */ _skeleton__rspack_import_30["default"]),
+  Slider: () => (/* reexport safe */ _slider__rspack_import_23["default"]),
   SnackBar: () => (/* reexport safe */ _snackBar__rspack_import_5["default"]),
-  Switch: () => (/* reexport safe */ _switch__rspack_import_23["default"]),
-  TabContext: () => (/* reexport safe */ _tabs__rspack_import_35.TabContext),
-  TabPanel: () => (/* reexport safe */ _tabs__rspack_import_34["default"]),
-  Table: () => (/* reexport safe */ _table__rspack_import_44["default"]),
-  Tabs: () => (/* reexport safe */ _tabs__rspack_import_33["default"]),
-  TextEditor: () => (/* reexport safe */ _textEditor__rspack_import_41["default"]),
-  TextField: () => (/* reexport safe */ _textField__rspack_import_32["default"]),
-  ThemeProvider: () => (/* reexport safe */ _theme__rspack_import_40["default"]),
+  Switch: () => (/* reexport safe */ _switch__rspack_import_24["default"]),
+  TabContext: () => (/* reexport safe */ _tabs__rspack_import_36.TabContext),
+  TabPanel: () => (/* reexport safe */ _tabs__rspack_import_35["default"]),
+  Table: () => (/* reexport safe */ _table__rspack_import_45["default"]),
+  Tabs: () => (/* reexport safe */ _tabs__rspack_import_34["default"]),
+  TextEditor: () => (/* reexport safe */ _textEditor__rspack_import_42["default"]),
+  TextField: () => (/* reexport safe */ _textField__rspack_import_33["default"]),
+  ThemeProvider: () => (/* reexport safe */ _theme__rspack_import_41["default"]),
   TimePicker: () => (/* reexport safe */ _timePicker__rspack_import_10["default"]),
   Timeline: () => (/* reexport safe */ _timeline__rspack_import_15["default"]),
   Tooltip: () => (/* reexport safe */ _toolTip__rspack_import_8["default"]),
-  Typography: () => (/* reexport safe */ _typography__rspack_import_31["default"]),
-  ViewHeader: () => (/* reexport safe */ _viewHeader__rspack_import_45["default"])
+  Typography: () => (/* reexport safe */ _typography__rspack_import_32["default"]),
+  ViewHeader: () => (/* reexport safe */ _viewHeader__rspack_import_46["default"])
 });
 /* import */ var _button__rspack_import_0 = __webpack_require__("./src/components/button/button.tsx");
 /* import */ var _badge__rspack_import_1 = __webpack_require__("./src/components/badge/badge.tsx");
@@ -5045,34 +5048,35 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _loader__rspack_import_16 = __webpack_require__("./src/components/loader/linearLoader.tsx");
 /* import */ var _loader__rspack_import_17 = __webpack_require__("./src/components/loader/circularLoader.tsx");
 /* import */ var _mediaPlayer__rspack_import_18 = __webpack_require__("./src/components/mediaPlayer/mediaPlayer.tsx");
-/* import */ var _checkBox__rspack_import_19 = __webpack_require__("./src/components/checkBox/checkBox.tsx");
-/* import */ var _radio__rspack_import_20 = __webpack_require__("./src/components/radio/radio.tsx");
-/* import */ var _accordion__rspack_import_21 = __webpack_require__("./src/components/accordion/accordion.tsx");
-/* import */ var _slider__rspack_import_22 = __webpack_require__("./src/components/slider/slider.tsx");
-/* import */ var _switch__rspack_import_23 = __webpack_require__("./src/components/switch/switch.tsx");
-/* import */ var _menu__rspack_import_24 = __webpack_require__("./src/components/menu/menu.tsx");
-/* import */ var _chip__rspack_import_25 = __webpack_require__("./src/components/chip/chip.tsx");
-/* import */ var _select__rspack_import_26 = __webpack_require__("./src/components/select/select.tsx");
-/* import */ var _select__rspack_import_27 = __webpack_require__("./src/components/select/multiSelect.tsx");
-/* import */ var _autocomplete__rspack_import_28 = __webpack_require__("./src/components/autocomplete/autocomplete.tsx");
-/* import */ var _skeleton__rspack_import_29 = __webpack_require__("./src/components/skeleton/skeleton.tsx");
-/* import */ var _searchBar__rspack_import_30 = __webpack_require__("./src/components/searchBar/searchBar.tsx");
-/* import */ var _typography__rspack_import_31 = __webpack_require__("./src/components/typography/typography.tsx");
-/* import */ var _textField__rspack_import_32 = __webpack_require__("./src/components/textField/textField.tsx");
-/* import */ var _tabs__rspack_import_33 = __webpack_require__("./src/components/tabs/tabs.tsx");
-/* import */ var _tabs__rspack_import_34 = __webpack_require__("./src/components/tabs/tabPanel.tsx");
-/* import */ var _tabs__rspack_import_35 = __webpack_require__("@mui/lab");
-/* import */ var _avatar__rspack_import_36 = __webpack_require__("./src/components/avatar/avatar.tsx");
-/* import */ var _avatar__rspack_import_37 = __webpack_require__("./src/components/avatar/avatarGroup.tsx");
-/* import */ var _avatarTitle__rspack_import_38 = __webpack_require__("./src/components/avatarTitle/avatarTitle.tsx");
-/* import */ var _avatarStatusDot__rspack_import_39 = __webpack_require__("./src/components/avatarStatusDot/avatar.tsx");
-/* import */ var _theme__rspack_import_40 = __webpack_require__("./src/components/theme/ThemeProvider.tsx");
-/* import */ var _textEditor__rspack_import_41 = __webpack_require__("./src/components/textEditor/textEditor.tsx");
-/* import */ var _errorBoundary__rspack_import_42 = __webpack_require__("./src/components/errorBoundary/errorBoundary.tsx");
-/* import */ var _carousal__rspack_import_43 = __webpack_require__("./src/components/carousal/carousal.tsx");
-/* import */ var _table__rspack_import_44 = __webpack_require__("./src/components/table/table.tsx");
-/* import */ var _viewHeader__rspack_import_45 = __webpack_require__("./src/components/viewHeader/viewHeader.tsx");
-/* import */ var _popper__rspack_import_46 = __webpack_require__("./src/components/popper/popper.tsx");
+/* import */ var _multiSearch__rspack_import_19 = __webpack_require__("./src/components/multiSearch/multiSearch.tsx");
+/* import */ var _checkBox__rspack_import_20 = __webpack_require__("./src/components/checkBox/checkBox.tsx");
+/* import */ var _radio__rspack_import_21 = __webpack_require__("./src/components/radio/radio.tsx");
+/* import */ var _accordion__rspack_import_22 = __webpack_require__("./src/components/accordion/accordion.tsx");
+/* import */ var _slider__rspack_import_23 = __webpack_require__("./src/components/slider/slider.tsx");
+/* import */ var _switch__rspack_import_24 = __webpack_require__("./src/components/switch/switch.tsx");
+/* import */ var _menu__rspack_import_25 = __webpack_require__("./src/components/menu/menu.tsx");
+/* import */ var _chip__rspack_import_26 = __webpack_require__("./src/components/chip/chip.tsx");
+/* import */ var _select__rspack_import_27 = __webpack_require__("./src/components/select/select.tsx");
+/* import */ var _select__rspack_import_28 = __webpack_require__("./src/components/select/multiSelect.tsx");
+/* import */ var _autocomplete__rspack_import_29 = __webpack_require__("./src/components/autocomplete/autocomplete.tsx");
+/* import */ var _skeleton__rspack_import_30 = __webpack_require__("./src/components/skeleton/skeleton.tsx");
+/* import */ var _searchBar__rspack_import_31 = __webpack_require__("./src/components/searchBar/searchBar.tsx");
+/* import */ var _typography__rspack_import_32 = __webpack_require__("./src/components/typography/typography.tsx");
+/* import */ var _textField__rspack_import_33 = __webpack_require__("./src/components/textField/textField.tsx");
+/* import */ var _tabs__rspack_import_34 = __webpack_require__("./src/components/tabs/tabs.tsx");
+/* import */ var _tabs__rspack_import_35 = __webpack_require__("./src/components/tabs/tabPanel.tsx");
+/* import */ var _tabs__rspack_import_36 = __webpack_require__("@mui/lab");
+/* import */ var _avatar__rspack_import_37 = __webpack_require__("./src/components/avatar/avatar.tsx");
+/* import */ var _avatar__rspack_import_38 = __webpack_require__("./src/components/avatar/avatarGroup.tsx");
+/* import */ var _avatarTitle__rspack_import_39 = __webpack_require__("./src/components/avatarTitle/avatarTitle.tsx");
+/* import */ var _avatarStatusDot__rspack_import_40 = __webpack_require__("./src/components/avatarStatusDot/avatar.tsx");
+/* import */ var _theme__rspack_import_41 = __webpack_require__("./src/components/theme/ThemeProvider.tsx");
+/* import */ var _textEditor__rspack_import_42 = __webpack_require__("./src/components/textEditor/textEditor.tsx");
+/* import */ var _errorBoundary__rspack_import_43 = __webpack_require__("./src/components/errorBoundary/errorBoundary.tsx");
+/* import */ var _carousal__rspack_import_44 = __webpack_require__("./src/components/carousal/carousal.tsx");
+/* import */ var _table__rspack_import_45 = __webpack_require__("./src/components/table/table.tsx");
+/* import */ var _viewHeader__rspack_import_46 = __webpack_require__("./src/components/viewHeader/viewHeader.tsx");
+/* import */ var _popper__rspack_import_47 = __webpack_require__("./src/components/popper/popper.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
@@ -5115,6 +5119,7 @@ __webpack_require__.d(__webpack_exports__, {
 
 
 
+
 
 
 function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
@@ -5502,6 +5507,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__);
@@ -7013,8 +7417,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");
 
 
@@ -7023,11 +7428,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
@@ -7038,14 +7444,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,
@@ -7053,21 +7459,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);
         }
@@ -7082,7 +7503,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, {
@@ -7091,18 +7512,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);
 });
@@ -7137,18 +7558,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);
 };
@@ -7165,6 +7587,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__);
@@ -7181,9 +7643,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",
@@ -7193,12 +7656,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);
 });
@@ -7248,12 +7711,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, {
@@ -7266,24 +7729,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);
 };
@@ -7806,6 +8269,7 @@ const Style = (param)=>{
             fontWeight: 'bold',
             textAlign: 'left',
             padding: '0 10px',
+            minWidth: '150px',
             '&:hover .sortIconButton.sort-hover': {
                 opacity: 1
             }
@@ -12130,6 +12594,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) {
 
@@ -24362,6 +24838,7 @@ var __webpack_exports__Link = __webpack_exports__.Link;
 var __webpack_exports__MediaPlayer = __webpack_exports__.MediaPlayer;
 var __webpack_exports__Menu = __webpack_exports__.Menu;
 var __webpack_exports__Modal = __webpack_exports__.Modal;
+var __webpack_exports__MultiSearch = __webpack_exports__.MultiSearch;
 var __webpack_exports__MultiSelect = __webpack_exports__.MultiSelect;
 var __webpack_exports__Popover = __webpack_exports__.Popover;
 var __webpack_exports__Popper = __webpack_exports__.Popper;
@@ -24384,6 +24861,6 @@ var __webpack_exports__Timeline = __webpack_exports__.Timeline;
 var __webpack_exports__Tooltip = __webpack_exports__.Tooltip;
 var __webpack_exports__Typography = __webpack_exports__.Typography;
 var __webpack_exports__ViewHeader = __webpack_exports__.ViewHeader;
-export { __webpack_exports__Accordion as Accordion, __webpack_exports__Autocomplete as Autocomplete, __webpack_exports__Avatar as Avatar, __webpack_exports__AvatarGroup as AvatarGroup, __webpack_exports__AvatarStatus as AvatarStatus, __webpack_exports__AvatarTitle as AvatarTitle, __webpack_exports__Badge as Badge, __webpack_exports__BreadCrumb as BreadCrumb, __webpack_exports__Button as Button, __webpack_exports__Carousal as Carousal, __webpack_exports__CheckBox as CheckBox, __webpack_exports__Chip as Chip, __webpack_exports__CircularLoader as CircularLoader, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__DatePicker as DatePicker, __webpack_exports__DateRangePicker as DateRangePicker, __webpack_exports__Dialog as Dialog, __webpack_exports__Drawer as Drawer, __webpack_exports__ErrorBoundary as ErrorBoundary, __webpack_exports__IconButton as IconButton, __webpack_exports__LinearLoader as LinearLoader, __webpack_exports__Link as Link, __webpack_exports__MediaPlayer as MediaPlayer, __webpack_exports__Menu as Menu, __webpack_exports__Modal as Modal, __webpack_exports__MultiSelect as MultiSelect, __webpack_exports__Popover as Popover, __webpack_exports__Popper as Popper, __webpack_exports__Radio as Radio, __webpack_exports__SearchBar as SearchBar, __webpack_exports__Select as Select, __webpack_exports__Skeleton as Skeleton, __webpack_exports__Slider as Slider, __webpack_exports__SnackBar as SnackBar, __webpack_exports__Switch as Switch, __webpack_exports__TabContext as TabContext, __webpack_exports__TabPanel as TabPanel, __webpack_exports__Table as Table, __webpack_exports__Tabs as Tabs, __webpack_exports__TextEditor as TextEditor, __webpack_exports__TextField as TextField, __webpack_exports__ThemeProvider as ThemeProvider, __webpack_exports__TimePicker as TimePicker, __webpack_exports__Timeline as Timeline, __webpack_exports__Tooltip as Tooltip, __webpack_exports__Typography as Typography, __webpack_exports__ViewHeader as ViewHeader };
+export { __webpack_exports__Accordion as Accordion, __webpack_exports__Autocomplete as Autocomplete, __webpack_exports__Avatar as Avatar, __webpack_exports__AvatarGroup as AvatarGroup, __webpack_exports__AvatarStatus as AvatarStatus, __webpack_exports__AvatarTitle as AvatarTitle, __webpack_exports__Badge as Badge, __webpack_exports__BreadCrumb as BreadCrumb, __webpack_exports__Button as Button, __webpack_exports__Carousal as Carousal, __webpack_exports__CheckBox as CheckBox, __webpack_exports__Chip as Chip, __webpack_exports__CircularLoader as CircularLoader, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__DatePicker as DatePicker, __webpack_exports__DateRangePicker as DateRangePicker, __webpack_exports__Dialog as Dialog, __webpack_exports__Drawer as Drawer, __webpack_exports__ErrorBoundary as ErrorBoundary, __webpack_exports__IconButton as IconButton, __webpack_exports__LinearLoader as LinearLoader, __webpack_exports__Link as Link, __webpack_exports__MediaPlayer as MediaPlayer, __webpack_exports__Menu as Menu, __webpack_exports__Modal as Modal, __webpack_exports__MultiSearch as MultiSearch, __webpack_exports__MultiSelect as MultiSelect, __webpack_exports__Popover as Popover, __webpack_exports__Popper as Popper, __webpack_exports__Radio as Radio, __webpack_exports__SearchBar as SearchBar, __webpack_exports__Select as Select, __webpack_exports__Skeleton as Skeleton, __webpack_exports__Slider as Slider, __webpack_exports__SnackBar as SnackBar, __webpack_exports__Switch as Switch, __webpack_exports__TabContext as TabContext, __webpack_exports__TabPanel as TabPanel, __webpack_exports__Table as Table, __webpack_exports__Tabs as Tabs, __webpack_exports__TextEditor as TextEditor, __webpack_exports__TextField as TextField, __webpack_exports__ThemeProvider as ThemeProvider, __webpack_exports__TimePicker as TimePicker, __webpack_exports__Timeline as Timeline, __webpack_exports__Tooltip as Tooltip, __webpack_exports__Typography as Typography, __webpack_exports__ViewHeader as ViewHeader };
 
 //# sourceMappingURL=components.js.map