@ix_waterford/lib 1.0.94 → 1.0.96

package/dist/index.js

@@ -172,7 +172,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1778602003851
+        // 1779277928109
         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;
-        // 1778602003853
+        // 1779277928111
         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;
-        // 1778602003852
+        // 1779277928110
         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;
-        // 1778602003852
+        // 1779277928110
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -5412,12 +5412,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$();
@@ -5431,14 +5432,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();
@@ -5460,7 +5471,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
@@ -5468,7 +5479,8 @@ const MultiSearchComponent = (param)=>{
     }, [
         options,
         selectedSet,
-        hasAll
+        hasAll,
+        selectPlaceholder
     ]);
     const handleToggle = (val)=>{
         if (hasAll && val === _constants__rspack_import_5.ALL_OPTION_VALUE) {
@@ -5497,7 +5509,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,
@@ -5518,12 +5530,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)=>{
@@ -5533,14 +5545,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)
                         }
@@ -5548,12 +5560,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)=>{
@@ -5566,44 +5578,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, {
@@ -5611,28 +5623,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");
 
@@ -6558,10 +6570,10 @@ __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 ___rspack_import_3 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
-/* import */ var ___rspack_import_5 = __webpack_require__("./src/components/typography/typography.tsx");
+/* import */ var ___rspack_import_4 = __webpack_require__("./src/components/typography/typography.tsx");
 /* import */ var ___rspack_import_7 = __webpack_require__("./src/components/link/link.tsx");
 /* import */ var _utils_date__rspack_import_8 = __webpack_require__("./src/utils/date.ts");
-/* import */ var _utils_global__rspack_import_4 = __webpack_require__("./src/utils/global.ts");
+/* import */ var _utils_global__rspack_import_5 = __webpack_require__("./src/utils/global.ts");
 /* import */ var _avatarTitle__rspack_import_6 = __webpack_require__("./src/components/avatarTitle/avatarTitle.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
@@ -6576,11 +6588,11 @@ const defaultFieldMappings = {
     'DEFAULT': (param)=>{
         let { data = {}, col, nullFieldText = '' } = param;
         return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(___rspack_import_3["default"], {
-            title: (0,_utils_global__rspack_import_4.strEllipsis)(data[(col === null || col === void 0 ? void 0 : col.field) || '']),
+            title: data[(col === null || col === void 0 ? void 0 : col.field) || ''],
             arrow: true,
-            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(___rspack_import_5["default"], {
+            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(___rspack_import_4["default"], {
                 textAlign: "left",
-                children: (0,_utils_global__rspack_import_4.strEllipsis)(data[(col === null || col === void 0 ? void 0 : col.field) || '']) || nullFieldText || ''
+                children: (0,_utils_global__rspack_import_5.strEllipsis)(data[(col === null || col === void 0 ? void 0 : col.field) || '']) || nullFieldText || ''
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/defaultMappings.tsx",
                 lineNumber: 17,
@@ -6625,8 +6637,8 @@ const defaultFieldMappings = {
                 }, undefined),
                 /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_avatarTitle__rspack_import_6["default"], {
                     img: avatarUrl,
-                    background: `${(0,_utils_global__rspack_import_4.getColorFromId)(fieldValue || null)}50`,
-                    color: `${(0,_utils_global__rspack_import_4.getColorFromId)(fieldValue || null)}`,
+                    background: `${(0,_utils_global__rspack_import_5.getColorFromId)(fieldValue || null)}50`,
+                    color: `${(0,_utils_global__rspack_import_5.getColorFromId)(fieldValue || null)}`,
                     name: `${fieldValue}`
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/defaultMappings.tsx",
@@ -6640,7 +6652,7 @@ const defaultFieldMappings = {
                         title: typeof fieldValue === 'string' && fieldValue.length > 10 ? fieldValue : '',
                         arrow: true,
                         children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("span", {
-                            children: (0,_utils_global__rspack_import_4.strEllipsis)(fieldValue)
+                            children: (0,_utils_global__rspack_import_5.strEllipsis)(fieldValue)
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/defaultMappings.tsx",
                             lineNumber: 43,
@@ -6669,7 +6681,7 @@ const defaultFieldMappings = {
             onClick: col ? ()=>{
                 handleRowDataClick(data, col);
             } : ()=>{},
-            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(___rspack_import_5["default"], {
+            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(___rspack_import_4["default"], {
                 color: "primary",
                 textAlign: "left",
                 children: data[(col === null || col === void 0 ? void 0 : col.field) || '']
@@ -6699,7 +6711,7 @@ const defaultFieldMappings = {
     },
     'DATE_TIME': (param)=>{
         let { data = {}, col, nullFieldText = '' } = param;
-        return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(___rspack_import_5["default"], {
+        return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(___rspack_import_4["default"], {
             textAlign: "left",
             className: "bodyField",
             children: (0,_utils_date__rspack_import_8.formatDate)(data[(col === null || col === void 0 ? void 0 : col.field) || ''], 'MMMM D, YYYY [at] hh:mm A') || nullFieldText || ''
@@ -6711,7 +6723,7 @@ const defaultFieldMappings = {
     },
     'DATE': (param)=>{
         let { data = {}, col, nullFieldText = '' } = param;
-        return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(___rspack_import_5["default"], {
+        return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(___rspack_import_4["default"], {
             textAlign: "left",
             className: "bodyField",
             children: (0,_utils_date__rspack_import_8.formatDate)(data[(col === null || col === void 0 ? void 0 : col.field) || ''], 'MMMM D, YYYY') || nullFieldText || ''
@@ -7358,6 +7370,7 @@ const SearchBar = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (pro
                 field: item.field,
                 value: fieldValue,
                 options: item.customSearch.options || [],
+                t: t,
                 onSearch: (value)=>handleSearch({
                         ...searchObj,
                         [item.field]: value
@@ -7379,7 +7392,7 @@ 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: 51,
+                lineNumber: 52,
                 columnNumber: 17
             }, undefined);
         }
@@ -7393,7 +7406,7 @@ 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: 62,
+                lineNumber: 63,
                 columnNumber: 17
             }, undefined);
         }
@@ -7409,7 +7422,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: 77,
+                    lineNumber: 78,
                     columnNumber: 21
                 }, undefined),
                 headers.map((item)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableCell, {
@@ -7418,18 +7431,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: 80,
+                        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: 75,
+            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: 74,
+        lineNumber: 75,
         columnNumber: 9
     }, undefined);
 });
@@ -7508,7 +7521,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;
@@ -7524,10 +7537,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);
 };
@@ -8272,7 +8286,8 @@ const Style = (param)=>{
                 height: '5px',
                 borderRadius: '50%',
                 marginRight: '10px',
-                backgroundColor: 'transparent'
+                backgroundColor: 'transparent',
+                flexShrink: 0
             },
             '.activeDot.active': {
                 backgroundColor: '#54d38c'
@@ -12790,6 +12805,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',