@ix_waterford/lib 1.0.71 → 1.0.73

package/dist/components.js

@@ -172,7 +172,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1775971877486
+        // 1776073338493
         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;
-        // 1775971877489
+        // 1776073338495
         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;
-        // 1775971877490
+        // 1776073338494
         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;
-        // 1775971877489
+        // 1776073338495
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -5027,7 +5027,9 @@ __webpack_require__.d(__webpack_exports__, {
   Timeline: () => (/* reexport safe */ _timeline__rspack_import_15["default"]),
   Tooltip: () => (/* reexport safe */ _toolTip__rspack_import_8["default"]),
   Typography: () => (/* reexport safe */ _typography__rspack_import_32["default"]),
-  ViewHeader: () => (/* reexport safe */ _viewHeader__rspack_import_46["default"])
+  VIEW_HEADER_I18N_KEYS: () => (/* reexport safe */ _viewHeader__rspack_import_48.VIEW_HEADER_I18N_KEYS),
+  ViewHeader: () => (/* reexport safe */ _viewHeader__rspack_import_46["default"]),
+  resolveViewHeaderLabel: () => (/* reexport safe */ _viewHeader__rspack_import_48.resolveViewHeaderLabel)
 });
 /* 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");
@@ -5077,6 +5079,7 @@ __webpack_require__.d(__webpack_exports__, {
 /* 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");
+/* import */ var _viewHeader__rspack_import_48 = __webpack_require__("./src/components/viewHeader/resolveLabel.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
@@ -5120,6 +5123,7 @@ __webpack_require__.d(__webpack_exports__, {
 
 
 
+
 
 
 function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
@@ -11558,10 +11562,11 @@ __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 _assets_svg__rspack_import_4 = __webpack_require__("./src/assets/svg/columSettingsIcon.tsx");
-/* import */ var _iconButton__rspack_import_3 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
-/* import */ var _toolTip__rspack_import_2 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
-/* import */ var _columnSettingsPopover__rspack_import_5 = __webpack_require__("./src/components/viewHeader/columnSettingsPopover.tsx");
+/* import */ var _assets_svg__rspack_import_5 = __webpack_require__("./src/assets/svg/columSettingsIcon.tsx");
+/* import */ var _iconButton__rspack_import_4 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
+/* import */ var _toolTip__rspack_import_3 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
+/* import */ var _columnSettingsPopover__rspack_import_6 = __webpack_require__("./src/components/viewHeader/columnSettingsPopover.tsx");
+/* import */ var _resolveLabel__rspack_import_2 = __webpack_require__("./src/components/viewHeader/resolveLabel.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 var _s = $RefreshSig$();
@@ -11570,44 +11575,46 @@ var _s = $RefreshSig$();
 
 
 
+
 const ColumnSettings = (param)=>{
-    let { headers = [], handleClick = ()=>{} } = param;
+    let { headers = [], handleClick = ()=>{}, t } = param;
     _s();
     const [open, setOpen] = (0,react__rspack_import_1.useState)(null);
     const handleIconClick = (0,react__rspack_import_1.useCallback)((event)=>{
         setOpen(event.currentTarget);
     }, []);
+    const title = (0,_resolveLabel__rspack_import_2.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_2.VIEW_HEADER_I18N_KEYS.COLUMN_SETTINGS, 'Column Settings');
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(react_jsx_dev_runtime__rspack_import_0.Fragment, {
         children: [
-            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_2["default"], {
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_3["default"], {
                 arrow: true,
-                title: "Column Settings",
-                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_3["default"], {
+                title: title,
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_4["default"], {
                     className: "roundIcon columnSettings",
                     onClick: handleIconClick,
-                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_4.ColumnSettingsIcon, {}, void 0, false, {
+                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_5.ColumnSettingsIcon, {}, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/columnSettings.tsx",
-                        lineNumber: 37,
+                        lineNumber: 44,
                         columnNumber: 21
                     }, undefined)
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/columnSettings.tsx",
-                    lineNumber: 36,
+                    lineNumber: 43,
                     columnNumber: 17
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/columnSettings.tsx",
-                lineNumber: 35,
+                lineNumber: 42,
                 columnNumber: 13
             }, undefined),
-            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_columnSettingsPopover__rspack_import_5["default"], {
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_columnSettingsPopover__rspack_import_6["default"], {
                 open: open,
                 setOpen: setOpen,
                 headers: headers,
                 handleClick: handleClick
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/columnSettings.tsx",
-                lineNumber: 40,
+                lineNumber: 47,
                 columnNumber: 13
             }, undefined)
         ]
@@ -11633,9 +11640,10 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var dayjs__rspack_import_1 = __webpack_require__("dayjs");
 /* import */ var dayjs_plugin_customParseFormat__rspack_import_2 = __webpack_require__("./node_modules/dayjs/plugin/customParseFormat.js");
 /* import */ var dayjs_plugin_customParseFormat__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(dayjs_plugin_customParseFormat__rspack_import_2);
-/* import */ var _utils_date__rspack_import_4 = __webpack_require__("./src/utils/date.ts");
-/* import */ var _dateRangePicker__rspack_import_3 = __webpack_require__("./src/components/dateRangePicker/dateRangePicker.tsx");
-/* import */ var _constants__rspack_import_5 = __webpack_require__("./src/components/viewHeader/constants.ts");
+/* import */ var _utils_date__rspack_import_5 = __webpack_require__("./src/utils/date.ts");
+/* import */ var _dateRangePicker__rspack_import_4 = __webpack_require__("./src/components/dateRangePicker/dateRangePicker.tsx");
+/* import */ var _constants__rspack_import_6 = __webpack_require__("./src/components/viewHeader/constants.ts");
+/* import */ var _resolveLabel__rspack_import_3 = __webpack_require__("./src/components/viewHeader/resolveLabel.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
@@ -11643,22 +11651,25 @@ __webpack_require__.d(__webpack_exports__, {
 
 
 
+
 dayjs__rspack_import_1["default"].extend((dayjs_plugin_customParseFormat__rspack_import_2_default()));
 const DateRangePickerAction = (param)=>{
     let { handleClick = ()=>{}, value = [
         '',
         ''
-    ], dateRangePresets = [] } = param;
-    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_dateRangePicker__rspack_import_3["default"], {
+    ], dateRangePresets = [], t } = param;
+    const fromPh = (0,_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_3.VIEW_HEADER_I18N_KEYS.FROM_DATE, 'From Date');
+    const toPh = (0,_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_3.VIEW_HEADER_I18N_KEYS.TO_DATE, 'To Date');
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_dateRangePicker__rspack_import_4["default"], {
         value: [
-            (0,_utils_date__rspack_import_4.parseDate)(value[0]) ?? null,
-            (0,_utils_date__rspack_import_4.parseDate)(value[1]) ?? null
+            (0,_utils_date__rspack_import_5.parseDate)(value[0]) ?? null,
+            (0,_utils_date__rspack_import_5.parseDate)(value[1]) ?? null
         ],
         onChange: (dates)=>{
-            handleClick(_constants__rspack_import_5.ACTION_TYPES.DATE_RANGE_PICKER, {
+            handleClick(_constants__rspack_import_6.ACTION_TYPES.DATE_RANGE_PICKER, {
                 dateRange: dates ? [
-                    (0,_utils_date__rspack_import_4.formatDate)(dates[0]) ?? '',
-                    (0,_utils_date__rspack_import_4.formatDate)(dates[1]) ?? ''
+                    (0,_utils_date__rspack_import_5.formatDate)(dates[0]) ?? '',
+                    (0,_utils_date__rspack_import_5.formatDate)(dates[1]) ?? ''
                 ] : null,
                 dateRangeFns: dates
             });
@@ -11666,12 +11677,12 @@ const DateRangePickerAction = (param)=>{
         presets: dateRangePresets,
         format: "DD/MM/YYYY",
         placeholder: [
-            'From Date',
-            'To Date'
+            fromPh,
+            toPh
         ]
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/dateRangePicker.tsx",
-        lineNumber: 27,
+        lineNumber: 34,
         columnNumber: 9
     }, undefined);
 };
@@ -11692,10 +11703,11 @@ __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 _assets_svg__rspack_import_4 = __webpack_require__("./src/assets/svg/moreIcon.tsx");
-/* import */ var _iconButton__rspack_import_3 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
-/* import */ var _toolTip__rspack_import_2 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
-/* import */ var _DefaultViewPopover__rspack_import_5 = __webpack_require__("./src/components/viewHeader/DefaultViewPopover.tsx");
+/* import */ var _assets_svg__rspack_import_5 = __webpack_require__("./src/assets/svg/moreIcon.tsx");
+/* import */ var _iconButton__rspack_import_4 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
+/* import */ var _toolTip__rspack_import_3 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
+/* import */ var _DefaultViewPopover__rspack_import_6 = __webpack_require__("./src/components/viewHeader/DefaultViewPopover.tsx");
+/* import */ var _resolveLabel__rspack_import_2 = __webpack_require__("./src/components/viewHeader/resolveLabel.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 var _s = $RefreshSig$();
@@ -11704,43 +11716,45 @@ var _s = $RefreshSig$();
 
 
 
+
 const DefaultView = (param)=>{
-    let { viewType = '', handleClick = ()=>{} } = param;
+    let { viewType = '', handleClick = ()=>{}, t } = param;
     _s();
     const [open, setOpen] = (0,react__rspack_import_1.useState)(null);
     const handleIconClick = (0,react__rspack_import_1.useCallback)((event)=>{
         setOpen(event.currentTarget);
     }, []);
+    const title = (0,_resolveLabel__rspack_import_2.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_2.VIEW_HEADER_I18N_KEYS.DEFAULT_VIEW, 'Default view');
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(react_jsx_dev_runtime__rspack_import_0.Fragment, {
         children: [
-            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_2["default"], {
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_3["default"], {
                 arrow: true,
-                title: "Default view",
-                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_3["default"], {
+                title: title,
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_4["default"], {
                     onClick: handleIconClick,
-                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_4.MoreIcon, {}, void 0, false, {
+                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_5.MoreIcon, {}, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/defaultView.tsx",
-                        lineNumber: 30,
+                        lineNumber: 37,
                         columnNumber: 21
                     }, undefined)
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/defaultView.tsx",
-                    lineNumber: 29,
+                    lineNumber: 36,
                     columnNumber: 17
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/defaultView.tsx",
-                lineNumber: 28,
+                lineNumber: 35,
                 columnNumber: 13
             }, undefined),
-            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_DefaultViewPopover__rspack_import_5["default"], {
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_DefaultViewPopover__rspack_import_6["default"], {
                 open: open,
                 setOpen: setOpen,
                 viewType: viewType,
                 handleClick: handleClick
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/defaultView.tsx",
-                lineNumber: 33,
+                lineNumber: 40,
                 columnNumber: 13
             }, undefined)
         ]
@@ -11763,37 +11777,40 @@ __webpack_require__.d(__webpack_exports__, {
   Download: () => (Download)
 });
 /* import */ var react_jsx_dev_runtime__rspack_import_0 = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
-/* import */ var _assets_svg__rspack_import_4 = __webpack_require__("./src/assets/svg/downloadIcon.tsx");
-/* import */ var _iconButton__rspack_import_2 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
-/* import */ var _toolTip__rspack_import_1 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
-/* import */ var _constants__rspack_import_3 = __webpack_require__("./src/components/viewHeader/constants.ts");
+/* import */ var _assets_svg__rspack_import_5 = __webpack_require__("./src/assets/svg/downloadIcon.tsx");
+/* import */ var _iconButton__rspack_import_3 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
+/* import */ var _toolTip__rspack_import_2 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
+/* import */ var _constants__rspack_import_4 = __webpack_require__("./src/components/viewHeader/constants.ts");
+/* import */ var _resolveLabel__rspack_import_1 = __webpack_require__("./src/components/viewHeader/resolveLabel.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
 
 
 
+
 const Download = (param)=>{
-    let { handleClick = ()=>{} } = param;
-    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_1["default"], {
+    let { handleClick = ()=>{}, t } = param;
+    const title = (0,_resolveLabel__rspack_import_1.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_1.VIEW_HEADER_I18N_KEYS.DOWNLOAD, 'Download');
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_2["default"], {
         arrow: true,
-        title: "Download",
-        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_2["default"], {
+        title: title,
+        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_3["default"], {
             className: "roundIcon",
-            onClick: ()=>handleClick(_constants__rspack_import_3.ACTION_TYPES.DOWNLOAD),
-            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_4.DownloadIcon, {}, void 0, false, {
+            onClick: ()=>handleClick(_constants__rspack_import_4.ACTION_TYPES.DOWNLOAD),
+            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_5.DownloadIcon, {}, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/download.tsx",
-                lineNumber: 20,
+                lineNumber: 27,
                 columnNumber: 17
             }, undefined)
         }, void 0, false, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/download.tsx",
-            lineNumber: 19,
+            lineNumber: 26,
             columnNumber: 13
         }, undefined)
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/download.tsx",
-        lineNumber: 18,
+        lineNumber: 25,
         columnNumber: 9
     }, undefined);
 };
@@ -11853,11 +11870,12 @@ __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 _mui_material__rspack_import_1 = __webpack_require__("@mui/material");
-/* import */ var _assets_svg__rspack_import_5 = __webpack_require__("./src/assets/svg/clearFilterIcon.tsx");
-/* import */ var _assets_svg__rspack_import_6 = __webpack_require__("./src/assets/svg/searchIcon.tsx");
-/* import */ var _iconButton__rspack_import_3 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
-/* import */ var _toolTip__rspack_import_2 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
-/* import */ var _constants__rspack_import_4 = __webpack_require__("./src/components/viewHeader/constants.ts");
+/* import */ var _assets_svg__rspack_import_6 = __webpack_require__("./src/assets/svg/clearFilterIcon.tsx");
+/* import */ var _assets_svg__rspack_import_7 = __webpack_require__("./src/assets/svg/searchIcon.tsx");
+/* import */ var _iconButton__rspack_import_4 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
+/* import */ var _toolTip__rspack_import_3 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
+/* import */ var _constants__rspack_import_5 = __webpack_require__("./src/components/viewHeader/constants.ts");
+/* import */ var _resolveLabel__rspack_import_2 = __webpack_require__("./src/components/viewHeader/resolveLabel.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
@@ -11865,58 +11883,61 @@ __webpack_require__.d(__webpack_exports__, {
 
 
 
+
 const ListSearch = (param)=>{
-    let { hasSearchValue = false, handleClick = ()=>{} } = param;
+    let { hasSearchValue = false, handleClick = ()=>{}, t } = param;
+    const clearTitle = (0,_resolveLabel__rspack_import_2.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_2.VIEW_HEADER_I18N_KEYS.CLEAR_FILTER, 'Clear Filter');
+    const searchTitle = (0,_resolveLabel__rspack_import_2.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_2.VIEW_HEADER_I18N_KEYS.SEARCH, 'Search');
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.Box, {
         display: "flex",
         alignItems: "center",
         children: [
-            hasSearchValue && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_2["default"], {
+            hasSearchValue && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_3["default"], {
                 arrow: true,
-                title: "Clear Filter",
-                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_3["default"], {
+                title: clearTitle,
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_4["default"], {
                     className: "closeRoundIcon",
-                    onClick: ()=>handleClick(_constants__rspack_import_4.ACTION_TYPES.CLEAR_FILTERS),
-                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_5.ClearFilterIcon, {}, void 0, false, {
+                    onClick: ()=>handleClick(_constants__rspack_import_5.ACTION_TYPES.CLEAR_FILTERS),
+                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_6.ClearFilterIcon, {}, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/listSearch.tsx",
-                        lineNumber: 29,
+                        lineNumber: 37,
                         columnNumber: 25
                     }, undefined)
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/listSearch.tsx",
-                    lineNumber: 25,
+                    lineNumber: 33,
                     columnNumber: 21
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/listSearch.tsx",
-                lineNumber: 24,
+                lineNumber: 32,
                 columnNumber: 17
             }, undefined),
-            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_2["default"], {
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_3["default"], {
                 arrow: true,
-                title: "Search",
-                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_3["default"], {
+                title: searchTitle,
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_4["default"], {
                     className: "roundIcon",
-                    onClick: ()=>handleClick(_constants__rspack_import_4.ACTION_TYPES.LIST_SEARCH),
-                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_6.SearchIcon, {}, void 0, false, {
+                    onClick: ()=>handleClick(_constants__rspack_import_5.ACTION_TYPES.LIST_SEARCH),
+                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_7.SearchIcon, {}, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/listSearch.tsx",
-                        lineNumber: 39,
+                        lineNumber: 47,
                         columnNumber: 21
                     }, undefined)
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/listSearch.tsx",
-                    lineNumber: 35,
+                    lineNumber: 43,
                     columnNumber: 17
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/listSearch.tsx",
-                lineNumber: 34,
+                lineNumber: 42,
                 columnNumber: 13
             }, undefined)
         ]
     }, void 0, true, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/listSearch.tsx",
-        lineNumber: 22,
+        lineNumber: 30,
         columnNumber: 9
     }, undefined);
 };
@@ -11973,10 +11994,11 @@ __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 _assets_svg__rspack_import_5 = __webpack_require__("./src/assets/svg/listIcon.tsx");
-/* import */ var _assets_svg__rspack_import_6 = __webpack_require__("./src/assets/svg/tileIcon.tsx");
-/* import */ var _toolTip__rspack_import_4 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
+/* import */ var _assets_svg__rspack_import_6 = __webpack_require__("./src/assets/svg/listIcon.tsx");
+/* import */ var _assets_svg__rspack_import_7 = __webpack_require__("./src/assets/svg/tileIcon.tsx");
+/* import */ var _toolTip__rspack_import_5 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
 /* import */ var _constants__rspack_import_3 = __webpack_require__("./src/components/viewHeader/constants.ts");
+/* import */ var _resolveLabel__rspack_import_4 = __webpack_require__("./src/components/viewHeader/resolveLabel.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 var _s = $RefreshSig$();
@@ -11985,8 +12007,9 @@ var _s = $RefreshSig$();
 
 
 
+
 const ViewSwitch = (param)=>{
-    let { viewType = 'TILE', handleClick = ()=>{} } = param;
+    let { viewType = 'TILE', handleClick = ()=>{}, t } = param;
     _s();
     const handleViewSwitch = (0,react__rspack_import_1.useCallback)((_, value)=>{
         if (value) {
@@ -11997,6 +12020,8 @@ const ViewSwitch = (param)=>{
     }, [
         handleClick
     ]);
+    const listTitle = (0,_resolveLabel__rspack_import_4.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_4.VIEW_HEADER_I18N_KEYS.LIST_VIEW, 'List');
+    const cardTitle = (0,_resolveLabel__rspack_import_4.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_4.VIEW_HEADER_I18N_KEYS.CARD_VIEW, 'Card');
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.ToggleButtonGroup, {
         className: "toggleBtns",
         value: viewType,
@@ -12004,54 +12029,54 @@ const ViewSwitch = (param)=>{
         onChange: handleViewSwitch,
         "aria-label": "view type selection",
         children: [
-            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_4["default"], {
-                title: "List",
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_5["default"], {
+                title: listTitle,
                 placement: "top",
                 arrow: true,
                 children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.ToggleButton, {
                     value: "LIST",
                     "aria-label": "List View",
-                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_5.ListViewIcon, {}, void 0, false, {
+                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_6.ListViewIcon, {}, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/viewSwitch.tsx",
-                        lineNumber: 34,
+                        lineNumber: 41,
                         columnNumber: 21
                     }, undefined)
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/viewSwitch.tsx",
-                    lineNumber: 33,
+                    lineNumber: 40,
                     columnNumber: 17
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/viewSwitch.tsx",
-                lineNumber: 32,
+                lineNumber: 39,
                 columnNumber: 13
             }, undefined),
-            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_4["default"], {
-                title: "Card",
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_5["default"], {
+                title: cardTitle,
                 placement: "top",
                 arrow: true,
                 children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.ToggleButton, {
                     value: "TILE",
                     "aria-label": "Tile View",
-                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_6.TileViewIcon, {}, void 0, false, {
+                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg__rspack_import_7.TileViewIcon, {}, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/viewSwitch.tsx",
-                        lineNumber: 39,
+                        lineNumber: 46,
                         columnNumber: 21
                     }, undefined)
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/viewSwitch.tsx",
-                    lineNumber: 38,
+                    lineNumber: 45,
                     columnNumber: 17
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/viewSwitch.tsx",
-                lineNumber: 37,
+                lineNumber: 44,
                 columnNumber: 13
             }, undefined)
         ]
     }, void 0, true, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/viewSwitch.tsx",
-        lineNumber: 25,
+        lineNumber: 32,
         columnNumber: 9
     }, undefined);
 };
@@ -12115,6 +12140,41 @@ function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id
 Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
 
 
+},
+"./src/components/viewHeader/resolveLabel.ts"(module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  VIEW_HEADER_I18N_KEYS: () => (VIEW_HEADER_I18N_KEYS),
+  resolveViewHeaderLabel: () => (resolveViewHeaderLabel)
+});
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+/**
+ * Optional i18n function passed from the app into ViewHeader.
+ * Kept minimal so the library does not depend on i18next types.
+ */ /**
+ * Resolves a label: `t(key)` when `t` is provided, otherwise `fallback` (English default).
+ */ function resolveViewHeaderLabel(t, key, fallback) {
+    console.log(t, 'translate function', key);
+    if (t) return t(key);
+    return fallback;
+}
+/** Stable translation keys for ViewHeader default actions (use in locale JSON). */ const VIEW_HEADER_I18N_KEYS = {
+    CLEAR_FILTER: 'viewHeader.clearFilter',
+    SEARCH: 'viewHeader.search',
+    DOWNLOAD: 'viewHeader.download',
+    COLUMN_SETTINGS: 'viewHeader.columnSettings',
+    DEFAULT_VIEW: 'viewHeader.defaultView',
+    LIST_VIEW: 'viewHeader.listView',
+    CARD_VIEW: 'viewHeader.cardView',
+    FROM_DATE: 'viewHeader.fromDate',
+    TO_DATE: 'viewHeader.toDate'
+};
+
+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/viewHeader/style.tsx"(module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
@@ -12230,7 +12290,7 @@ __webpack_require__.d(__webpack_exports__, {
 
 
 const ViewHeader = /*#__PURE__*/ (0,react__rspack_import_1.memo)(_c = (props)=>{
-    const { className = '', customActions = {}, headerItems = {}, handleClick = ()=>{} } = props;
+    const { className = '', customActions = {}, headerItems = {}, handleClick = ()=>{}, t } = props;
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Grid, {
         container: true,
         spacing: 1,
@@ -12239,6 +12299,7 @@ const ViewHeader = /*#__PURE__*/ (0,react__rspack_import_1.memo)(_c = (props)=>{
             const itemProps = headerItems[item] || {};
             const actionProps = {
                 handleClick,
+                t,
                 ...itemProps
             };
             const allActions = {
@@ -12252,13 +12313,13 @@ const ViewHeader = /*#__PURE__*/ (0,react__rspack_import_1.memo)(_c = (props)=>{
                 children: CurrentAction
             }, item, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/viewHeader.tsx",
-                lineNumber: 55,
+                lineNumber: 61,
                 columnNumber: 21
             }, undefined);
         })
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/viewHeader.tsx",
-        lineNumber: 46,
+        lineNumber: 52,
         columnNumber: 9
     }, undefined);
 });
@@ -24874,7 +24935,9 @@ var __webpack_exports__TimePicker = __webpack_exports__.TimePicker;
 var __webpack_exports__Timeline = __webpack_exports__.Timeline;
 var __webpack_exports__Tooltip = __webpack_exports__.Tooltip;
 var __webpack_exports__Typography = __webpack_exports__.Typography;
+var __webpack_exports__VIEW_HEADER_I18N_KEYS = __webpack_exports__.VIEW_HEADER_I18N_KEYS;
 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__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 };
+var __webpack_exports__resolveViewHeaderLabel = __webpack_exports__.resolveViewHeaderLabel;
+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__VIEW_HEADER_I18N_KEYS as VIEW_HEADER_I18N_KEYS, __webpack_exports__ViewHeader as ViewHeader, __webpack_exports__resolveViewHeaderLabel as resolveViewHeaderLabel };
 
 //# sourceMappingURL=components.js.map