@ix_waterford/lib 1.0.93 → 1.0.95

package/dist/components.js

@@ -172,7 +172,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1778593697077
+        // 1779179132830
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -200,7 +200,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1778593697078
+        // 1779179132831
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -228,7 +228,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1778593697079
+        // 1779179132832
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -256,7 +256,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1778593697078
+        // 1779179132832
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -5568,12 +5568,13 @@ __webpack_require__.d(__webpack_exports__, {
 /* 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 _assets_searchIcon__rspack_import_8 = __webpack_require__("./src/assets/searchIcon.tsx");
+/* import */ var _components_checkBox__rspack_import_9 = __webpack_require__("./src/components/checkBox/checkBox.tsx");
+/* import */ var _components_textField__rspack_import_7 = __webpack_require__("./src/components/textField/textField.tsx");
+/* import */ var _components_typography__rspack_import_10 = __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");
+/* import */ var _style__rspack_import_11 = __webpack_require__("./src/components/multiSearch/style.tsx");
+/* import */ var _utils_resolveLabel__rspack_import_6 = __webpack_require__("./src/utils/resolveLabel.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 var _s = $RefreshSig$();
@@ -5587,14 +5588,24 @@ var _s = $RefreshSig$();
 
 
 
+
 const MultiSearchComponent = (param)=>{
-    let { className = '', field = '', value = [], options = [], onSearch = ()=>{} } = param;
+    let { className = '', field = '', value = [], options = [], t, 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 selectPlaceholder = (0,react__rspack_import_1.useMemo)(()=>(0,_utils_resolveLabel__rspack_import_6.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_6.VIEW_HEADER_I18N_KEYS.SELECT_OPTIONS, 'Select options'), [
+        t
+    ]);
+    const searchPlaceholder = (0,react__rspack_import_1.useMemo)(()=>(0,_utils_resolveLabel__rspack_import_6.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_6.VIEW_HEADER_I18N_KEYS.SEARCH_OPTIONS, 'Search options'), [
+        t
+    ]);
+    const noOptionsFoundText = (0,react__rspack_import_1.useMemo)(()=>(0,_utils_resolveLabel__rspack_import_6.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_6.VIEW_HEADER_I18N_KEYS.NO_OPTIONS_FOUND, 'No options found'), [
+        t
+    ]);
     const filteredOptions = (0,react__rspack_import_1.useMemo)(()=>{
         if (!searchText) return options;
         const lower = searchText.toLowerCase();
@@ -5616,7 +5627,7 @@ const MultiSearchComponent = (param)=>{
                 allSelected = false;
             }
         }
-        const displayValue = count === 0 ? _constants__rspack_import_5.DEFAULT_PLACEHOLDER : count === 1 ? firstLabel : `${firstLabel} (+${count - 1})`;
+        const displayValue = count === 0 ? selectPlaceholder : count === 1 ? firstLabel : `${firstLabel} (+${count - 1})`;
         return {
             displayValue,
             allSelected
@@ -5624,7 +5635,8 @@ const MultiSearchComponent = (param)=>{
     }, [
         options,
         selectedSet,
-        hasAll
+        hasAll,
+        selectPlaceholder
     ]);
     const handleToggle = (val)=>{
         if (hasAll && val === _constants__rspack_import_5.ALL_OPTION_VALUE) {
@@ -5653,7 +5665,7 @@ const MultiSearchComponent = (param)=>{
             notched: false
         }, void 0, false, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
-            lineNumber: 106,
+            lineNumber: 125,
             columnNumber: 14
         }, undefined),
         renderValue: ()=>displayValue,
@@ -5674,12 +5686,12 @@ const MultiSearchComponent = (param)=>{
             /*#__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"], {
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_components_textField__rspack_import_7["default"], {
                     autoComplete: "off",
                     autoFocus: true,
                     fullWidth: true,
                     size: "small",
-                    placeholder: "Search options",
+                    placeholder: searchPlaceholder,
                     value: searchText,
                     onChange: (e)=>setSearchText(e.target.value),
                     onKeyDown: (e)=>{
@@ -5689,14 +5701,14 @@ const MultiSearchComponent = (param)=>{
                         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, {
+                                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_searchIcon__rspack_import_8.SearchIcon, {}, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
-                                    lineNumber: 134,
+                                    lineNumber: 153,
                                     columnNumber: 19
                                 }, undefined)
                             }, void 0, false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
-                                lineNumber: 133,
+                                lineNumber: 152,
                                 columnNumber: 17
                             }, undefined)
                         }
@@ -5704,12 +5716,12 @@ const MultiSearchComponent = (param)=>{
                     className: "multiSearchSearchField"
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
-                    lineNumber: 119,
+                    lineNumber: 138,
                     columnNumber: 9
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
-                lineNumber: 118,
+                lineNumber: 137,
                 columnNumber: 7
             }, undefined),
             filteredOptions.length ? filteredOptions.map((option)=>{
@@ -5722,44 +5734,44 @@ const MultiSearchComponent = (param)=>{
                     },
                     className: "multiSearchMenuItem",
                     children: [
-                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_components_checkBox__rspack_import_8["default"], {
+                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_components_checkBox__rspack_import_9["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,
+                                lineNumber: 182,
                                 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,
+                                lineNumber: 183,
                                 columnNumber: 30
                             }, undefined)
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
-                            lineNumber: 160,
+                            lineNumber: 179,
                             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"], {
+                            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_components_typography__rspack_import_10["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,
+                                lineNumber: 186,
                                 columnNumber: 17
                             }, undefined)
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
-                            lineNumber: 166,
+                            lineNumber: 185,
                             columnNumber: 15
                         }, undefined)
                     ]
                 }, `${field}-${option.value}`, true, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
-                    lineNumber: 151,
+                    lineNumber: 170,
                     columnNumber: 13
                 }, undefined);
             }) : /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_4.MenuItem, {
@@ -5767,28 +5779,28 @@ const MultiSearchComponent = (param)=>{
                 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"
+                    children: noOptionsFoundText
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
-                    lineNumber: 176,
+                    lineNumber: 195,
                     columnNumber: 11
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
-                lineNumber: 175,
+                lineNumber: 194,
                 columnNumber: 9
             }, undefined)
         ]
     }, void 0, true, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/multiSearch/multiSearch.tsx",
-        lineNumber: 102,
+        lineNumber: 121,
         columnNumber: 5
     }, undefined);
 };
-_s(MultiSearchComponent, "2wO1Uj1aZKZaKiNz9D80IhfHGmE=");
+_s(MultiSearchComponent, "7agln5PXGPUaQ5bg1FsJxjF6bnY=");
 _c = MultiSearchComponent;
 MultiSearchComponent.displayName = 'MultiSearch';
-/* export default */ const __rspack_default_export = ((0,_mui_material__rspack_import_4.styled)(MultiSearchComponent)(_style__rspack_import_10.Style));
+/* export default */ const __rspack_default_export = ((0,_mui_material__rspack_import_4.styled)(MultiSearchComponent)(_style__rspack_import_11.Style));
 var _c;
 $RefreshReg$(_c, "MultiSearchComponent");
 
@@ -6175,10 +6187,11 @@ var _s = $RefreshSig$();
 
 
 const SearchBar = (param)=>{
-    let { placeholder = 'Search here...', search = '', handleClick = ()=>{}, setSearch = ()=>{}, actionType = '', t } = param;
+    let { placeholder, search = '', handleClick = ()=>{}, setSearch = ()=>{}, actionType = '', t } = param;
     _s();
     const [openSearch, setOpenSearch] = (0,react__rspack_import_1.useState)(false);
     const searchTooltip = (0,_utils_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_3.VIEW_HEADER_I18N_KEYS.SEARCH, 'Search');
+    const resolvedPlaceholder = placeholder || searchTooltip;
     const handleSearchChange = (value)=>{
         setSearch(value);
         if (!(0,_utils__rspack_import_4.isEmptyString)(value)) {
@@ -6202,7 +6215,7 @@ const SearchBar = (param)=>{
                 orientation: "horizontal",
                 children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_textField__rspack_import_5["default"], {
                     size: "small",
-                    placeholder: placeholder,
+                    placeholder: resolvedPlaceholder,
                     "aria-label": "Search here",
                     value: search,
                     onChange: (event)=>{
@@ -6214,12 +6227,12 @@ const SearchBar = (param)=>{
                                 position: "start",
                                 children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_6.SearchIcon, {}, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
-                                    lineNumber: 62,
+                                    lineNumber: 63,
                                     columnNumber: 64
                                 }, undefined)
                             }, void 0, false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
-                                lineNumber: 62,
+                                lineNumber: 63,
                                 columnNumber: 31
                             }, undefined),
                             endAdornment: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.InputAdornment, {
@@ -6228,29 +6241,29 @@ const SearchBar = (param)=>{
                                     onClick: handleClose,
                                     children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_8.CloseIcon, {}, void 0, false, {
                                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
-                                        lineNumber: 64,
+                                        lineNumber: 65,
                                         columnNumber: 51
                                     }, undefined)
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
-                                    lineNumber: 64,
+                                    lineNumber: 65,
                                     columnNumber: 17
                                 }, undefined)
                             }, void 0, false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
-                                lineNumber: 63,
+                                lineNumber: 64,
                                 columnNumber: 29
                             }, undefined)
                         }
                     }
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
-                    lineNumber: 52,
+                    lineNumber: 53,
                     columnNumber: 9
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
-                lineNumber: 51,
+                lineNumber: 52,
                 columnNumber: 7
             }, undefined),
             !openSearch && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_9["default"], {
@@ -6263,23 +6276,23 @@ const SearchBar = (param)=>{
                     },
                     children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_6.SearchIcon, {}, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
-                        lineNumber: 72,
+                        lineNumber: 73,
                         columnNumber: 11
                     }, undefined)
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
-                    lineNumber: 71,
+                    lineNumber: 72,
                     columnNumber: 9
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
-                lineNumber: 70,
+                lineNumber: 71,
                 columnNumber: 23
             }, undefined)
         ]
     }, void 0, true, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/searchBar/searchBar.tsx",
-        lineNumber: 50,
+        lineNumber: 51,
         columnNumber: 5
     }, undefined);
 };
@@ -7102,7 +7115,6 @@ const TblBody = (props)=>{
         }
     };
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableBody, {
-        className: "tableHeaderSearch",
         children: dataRows.map((data, index)=>{
             const rowId = getRowId(data, index);
             const isRowSelected = selectedRows.includes(rowId);
@@ -7472,23 +7484,26 @@ __webpack_require__.d(__webpack_exports__, {
 /* 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_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/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");
+/* import */ var _searchFields__rspack_import_4 = __webpack_require__("./src/components/table/header/searchFields/TextSearchField.tsx");
+/* import */ var _searchFields__rspack_import_5 = __webpack_require__("./src/components/table/header/searchFields/MultiSearchField.tsx");
+/* import */ var _searchFields__rspack_import_6 = __webpack_require__("./src/components/table/header/searchFields/SelectSearchField.tsx");
+/* import */ var _searchFields__rspack_import_7 = __webpack_require__("./src/components/table/header/searchFields/DateSearchField.tsx");
+/* import */ var _utils_resolveLabel__rspack_import_3 = __webpack_require__("./src/utils/resolveLabel.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
 
 
+
 const SearchBar = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (props)=>{
-    const { headers = [], searchObj = {}, handleSearch = ()=>{}, showCheckbox = false } = props;
+    const { headers = [], searchObj = {}, handleSearch = ()=>{}, showCheckbox = false, t } = props;
     const renderSearchField = (item)=>{
         var _item_customSearch, _item_customSearch1, _item_customSearch2;
         const fieldValue = searchObj[item.field] || '';
-        const searchPlaceholder = item.searchPlaceholder;
+        const defaultPlaceholder = (0,_utils_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_3.VIEW_HEADER_I18N_KEYS.SEARCH, 'Search');
+        const searchPlaceholder = item.searchPlaceholder || defaultPlaceholder;
         if (item.searchable) {
-            return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_searchFields__rspack_import_3.TextSearchField, {
+            return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_searchFields__rspack_import_4.TextSearchField, {
                 field: item.field,
                 value: fieldValue,
                 searchPlaceholder: searchPlaceholder,
@@ -7502,27 +7517,28 @@ 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: 24,
+                lineNumber: 28,
                 columnNumber: 17
             }, undefined);
         }
         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, {
+            return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_searchFields__rspack_import_5.MultiSearchField, {
                 field: item.field,
                 value: fieldValue,
                 options: item.customSearch.options || [],
+                t: t,
                 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: 36,
+                lineNumber: 40,
                 columnNumber: 17
             }, undefined);
         }
         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, {
+            return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_searchFields__rspack_import_6.SelectSearchField, {
                 field: item.field,
                 value: fieldValue,
                 options: item.customSearch.options || [],
@@ -7532,12 +7548,12 @@ 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: 47,
+                lineNumber: 52,
                 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, {
+            return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_searchFields__rspack_import_7.DateSearchField, {
                 field: item.field,
                 value: fieldValue || null,
                 onSearch: (value)=>handleSearch({
@@ -7546,13 +7562,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: 58,
+                lineNumber: 63,
                 columnNumber: 17
             }, undefined);
         }
         return null;
     };
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableBody, {
+        className: "tableHeaderSearch",
         children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableRow, {
             children: [
                 showCheckbox && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableCell, {
@@ -7561,7 +7578,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: 73,
+                    lineNumber: 78,
                     columnNumber: 21
                 }, undefined),
                 headers.map((item)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableCell, {
@@ -7570,18 +7587,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: 76,
+                        lineNumber: 81,
                         columnNumber: 21
                     }, undefined))
             ]
         }, void 0, true, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-            lineNumber: 71,
+            lineNumber: 76,
             columnNumber: 13
         }, undefined)
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-        lineNumber: 70,
+        lineNumber: 75,
         columnNumber: 9
     }, undefined);
 });
@@ -7660,7 +7677,7 @@ var _s = $RefreshSig$();
 
 
 const MultiSearchFieldComponent = (param)=>{
-    let { field = '', value = null, options = [], onSearch = ()=>{} } = param;
+    let { field = '', value = null, options = [], t, onSearch = ()=>{} } = param;
     _s();
     const normalizedValue = (0,react__rspack_import_1.useMemo)(()=>{
         if (Array.isArray(value)) return value;
@@ -7676,10 +7693,11 @@ const MultiSearchFieldComponent = (param)=>{
         field: field,
         value: normalizedValue,
         options: options,
+        t: t,
         onSearch: onSearch
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchFields/MultiSearchField.tsx",
-        lineNumber: 32,
+        lineNumber: 35,
         columnNumber: 5
     }, undefined);
 };
@@ -8424,7 +8442,8 @@ const Style = (param)=>{
                 height: '5px',
                 borderRadius: '50%',
                 marginRight: '10px',
-                backgroundColor: 'transparent'
+                backgroundColor: 'transparent',
+                flexShrink: 0
             },
             '.activeDot.active': {
                 backgroundColor: '#54d38c'
@@ -8589,6 +8608,13 @@ const Style = (param)=>{
                 top: 0,
                 zIndex: 3,
                 backgroundColor: (_theme_palette_view4 = theme.palette.view) === null || _theme_palette_view4 === void 0 ? void 0 : _theme_palette_view4.table
+            },
+            '.tableHeaderSearch': {
+                '& td': {
+                    top: '44px',
+                    zIndex: 2,
+                    position: 'sticky'
+                }
             }
         },
         // Date search field styles
@@ -8763,7 +8789,8 @@ const TableComponent = (props)=>{
                                     headers: visibleHeaders,
                                     searchObj: searchObj,
                                     handleSearch: handleSearch,
-                                    showCheckbox: showCheckbox
+                                    showCheckbox: showCheckbox,
+                                    t: t
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
                                     lineNumber: 76,
@@ -8775,13 +8802,13 @@ const TableComponent = (props)=>{
                                     showCheckbox: showCheckbox
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 84,
+                                    lineNumber: 85,
                                     columnNumber: 29
                                 }, undefined) : /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_body_tblBody__rspack_import_7["default"], {
                                     ...bodyProps
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 85,
+                                    lineNumber: 86,
                                     columnNumber: 30
                                 }, undefined)
                             ]
@@ -8799,7 +8826,7 @@ const TableComponent = (props)=>{
                         t: t
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                        lineNumber: 90,
+                        lineNumber: 91,
                         columnNumber: 21
                     }, undefined)
                 ]
@@ -8820,12 +8847,12 @@ const TableComponent = (props)=>{
                     t: t
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                    lineNumber: 96,
+                    lineNumber: 97,
                     columnNumber: 25
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                lineNumber: 95,
+                lineNumber: 96,
                 columnNumber: 21
             }, undefined)
         ]
@@ -12676,6 +12703,9 @@ __webpack_require__.d(__webpack_exports__, {
 /** Stable translation keys for ViewHeader default actions (use in locale JSON). */ const VIEW_HEADER_I18N_KEYS = {
     CLEAR_FILTER: 'viewHeader.clearFilter',
     SEARCH: 'viewHeader.search',
+    SEARCH_OPTIONS: 'viewHeader.searchOptions',
+    SELECT_OPTIONS: 'viewHeader.selectOptions',
+    NO_OPTIONS_FOUND: 'viewHeader.noOptionsFound',
     DOWNLOAD: 'viewHeader.download',
     COLUMN_SETTINGS: 'viewHeader.columnSettings',
     COLUMN_SETTINGS_POPOVER_TITLE: 'viewHeader.columnSettingsPopoverTitle',