@ix_waterford/lib 1.0.70 → 1.0.72

package/dist/index.js

@@ -172,7 +172,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1775927964526
+        // 1776072221558
         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;
-        // 1775927964527
+        // 1776072221560
         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;
-        // 1775927964527
+        // 1776072221559
         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;
-        // 1775927964528
+        // 1776072221559
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -6693,9 +6693,8 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _assets_deleteIcon__rspack_import_5 = __webpack_require__("./src/assets/deleteIcon.tsx");
 /* import */ var _assets_editIcon__rspack_import_3 = __webpack_require__("./src/assets/editIcon.tsx");
 /* import */ var _assets_viewIcon__rspack_import_4 = __webpack_require__("./src/assets/viewIcon.tsx");
-/* import */ var _components_iconButton__rspack_import_8 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
+/* import */ var _components_iconButton__rspack_import_7 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
 /* import */ var _components_toolTip__rspack_import_6 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
-/* import */ var _utils_global__rspack_import_7 = __webpack_require__("./src/utils/global.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
@@ -6705,23 +6704,22 @@ __webpack_require__.d(__webpack_exports__, {
 
 
 
-
 const TableActions = (props)=>{
-    const { actions = [], handleAction = ()=>{}, rowData = {}, customActions = {} } = props;
+    const { actions = [], handleAction = ()=>{}, rowData = {}, actionLabels = {}, customActions = {} } = props;
     const actionIcon = {
         'EDIT': /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_editIcon__rspack_import_3.EditIcon, {}, void 0, false, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableActions.tsx",
-            lineNumber: 19,
+            lineNumber: 18,
             columnNumber: 17
         }, undefined),
         'VIEW': /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_viewIcon__rspack_import_4.ViewIcon, {}, void 0, false, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableActions.tsx",
-            lineNumber: 20,
+            lineNumber: 19,
             columnNumber: 17
         }, undefined),
         'DELETE': /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_deleteIcon__rspack_import_5.DeleteIcon, {}, void 0, false, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableActions.tsx",
-            lineNumber: 21,
+            lineNumber: 20,
             columnNumber: 19
         }, undefined),
         ...customActions
@@ -6732,9 +6730,9 @@ const TableActions = (props)=>{
             // eslint-disable-next-line
             if (actionIcon[item]) {
                 return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_components_toolTip__rspack_import_6["default"], {
-                    title: (0,_utils_global__rspack_import_7.getFormattedName)(item),
+                    title: actionLabels[item] ?? item,
                     arrow: true,
-                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_components_iconButton__rspack_import_8["default"], {
+                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_components_iconButton__rspack_import_7["default"], {
                         size: "small",
                         className: "actionIconBtn",
                         onClick: (e)=>{
@@ -6743,12 +6741,12 @@ const TableActions = (props)=>{
                         children: typeof actionIcon[item] === 'function' ? actionIcon[item](rowData, item) : actionIcon[item]
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableActions.tsx",
-                        lineNumber: 32,
+                        lineNumber: 31,
                         columnNumber: 29
                     }, undefined)
                 }, item, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableActions.tsx",
-                    lineNumber: 31,
+                    lineNumber: 30,
                     columnNumber: 25
                 }, undefined);
             } else {
@@ -6757,7 +6755,7 @@ const TableActions = (props)=>{
         })
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableActions.tsx",
-        lineNumber: 26,
+        lineNumber: 25,
         columnNumber: 9
     }, undefined);
 };
@@ -6872,7 +6870,7 @@ var _s = $RefreshSig$();
 
 const TblBody = (props)=>{
     _s();
-    const { dataRows = [], headers = [], headerStyles = {}, nullFieldText = '', fieldMappings = {}, actions = [], handleAction = ()=>{}, handleRowDataClick = ()=>{}, customActions = {}, showCheckbox = false, selectedRows = [], handleSelectRows = ()=>{}, getRowId = (_row, index)=>index } = props;
+    const { dataRows = [], headers = [], headerStyles = {}, nullFieldText = '', fieldMappings = {}, actions = [], handleAction = ()=>{}, actionLabels = {}, handleRowDataClick = ()=>{}, customActions = {}, showCheckbox = false, selectedRows = [], handleSelectRows = ()=>{}, getRowId = (_row, index)=>index } = props;
     const dataheaders = (0,react__rspack_import_1.useMemo)(()=>{
         return headers.filter((item)=>item.visible && item.field !== 'actions');
     }, [
@@ -6913,12 +6911,12 @@ const TblBody = (props)=>{
                             onChange: ()=>toggleRowSelection(rowId)
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                            lineNumber: 57,
+                            lineNumber: 58,
                             columnNumber: 33
                         }, undefined)
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                        lineNumber: 56,
+                        lineNumber: 57,
                         columnNumber: 29
                     }, undefined),
                     dataheaders.map((col, indx)=>{
@@ -6936,7 +6934,7 @@ const TblBody = (props)=>{
                             "data-field": col.field,
                             __source: {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                                lineNumber: 69,
+                                lineNumber: 70,
                                 columnNumber: 33
                             },
                             __self: undefined
@@ -6954,27 +6952,28 @@ const TblBody = (props)=>{
                             rowData: data,
                             actions: actions,
                             handleAction: handleAction,
+                            actionLabels: actionLabels,
                             customActions: customActions
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                            lineNumber: 82,
+                            lineNumber: 83,
                             columnNumber: 33
                         }, undefined)
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                        lineNumber: 81,
+                        lineNumber: 82,
                         columnNumber: 29
                     }, undefined)
                 ]
             }, `data-col-${index}`, true, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                lineNumber: 54,
+                lineNumber: 55,
                 columnNumber: 21
             }, undefined));
         })
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-        lineNumber: 48,
+        lineNumber: 49,
         columnNumber: 9
     }, undefined);
 };
@@ -7081,6 +7080,7 @@ const DndWrapper = (props)=>{
                     nullFieldText: "",
                     handleAction: ()=>{},
                     actions: [],
+                    actionLabels: {},
                     customActions: {},
                     handleRowDataClick: ()=>{}
                 }, void 0, false, {
@@ -8422,7 +8422,7 @@ const TableComponent = (props)=>{
     const { className = '', headers = [], dataRows = [], stickyHeader = true, fieldMappings = {}, headerStyles = {}, showPagination = true, totalCount = 0, skip = 0, limit = 5, nullFieldText = '', handlePagination = ()=>{}, handleHeaderChange = ()=>{}, sortObj = {
         sortField: '',
         sortBy: ''
-    }, handleSort = ()=>{}, searchObj = {}, openSearch = false, handleSearch = ()=>{}, handleAction = ()=>{}, actions = [], handleRowDataClick = ()=>{}, customActions = {}, showCheckbox = false, selectedRows = [], handleSelectRows = ()=>{}, getRowId = (_row, index)=>index, loading = false } = props;
+    }, handleSort = ()=>{}, searchObj = {}, openSearch = false, handleSearch = ()=>{}, handleAction = ()=>{}, actions = [], actionLabels = {}, handleRowDataClick = ()=>{}, customActions = {}, showCheckbox = false, selectedRows = [], handleSelectRows = ()=>{}, getRowId = (_row, index)=>index, loading = false } = props;
     const visibleHeaders = (0,react__rspack_import_1.useMemo)(()=>{
         return headers.filter((f)=>f.visible);
     }, [
@@ -8459,6 +8459,7 @@ const TableComponent = (props)=>{
             nullFieldText: nullFieldText,
             handleAction: handleAction,
             actions: actions,
+            actionLabels: actionLabels,
             customActions: customActions,
             handleRowDataClick: handleRowDataClick,
             ...showCheckbox && {
@@ -8475,6 +8476,7 @@ const TableComponent = (props)=>{
         handleAction,
         nullFieldText,
         actions,
+        actionLabels,
         handleRowDataClick,
         customActions,
         showCheckbox,
@@ -8498,7 +8500,7 @@ const TableComponent = (props)=>{
                                     ...headerProps
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 73,
+                                    lineNumber: 74,
                                     columnNumber: 25
                                 }, undefined),
                                 openSearch && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_header_searchBar__rspack_import_5["default"], {
@@ -8508,7 +8510,7 @@ const TableComponent = (props)=>{
                                     showCheckbox: showCheckbox
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 75,
+                                    lineNumber: 76,
                                     columnNumber: 29
                                 }, undefined),
                                 loading ? /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_body_tableSkeletonBody__rspack_import_6["default"], {
@@ -8517,35 +8519,35 @@ const TableComponent = (props)=>{
                                     showCheckbox: showCheckbox
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 83,
+                                    lineNumber: 84,
                                     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: 84,
+                                    lineNumber: 85,
                                     columnNumber: 30
                                 }, undefined)
                             ]
                         }, void 0, true, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                            lineNumber: 72,
+                            lineNumber: 73,
                             columnNumber: 21
                         }, undefined)
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                        lineNumber: 71,
+                        lineNumber: 72,
                         columnNumber: 17
                     }, undefined),
                     !loading && totalCount === 0 && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_noItemsFound__rspack_import_8["default"], {}, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                        lineNumber: 89,
+                        lineNumber: 90,
                         columnNumber: 21
                     }, undefined)
                 ]
             }, void 0, true, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                lineNumber: 67,
+                lineNumber: 68,
                 columnNumber: 13
             }, undefined),
             showPagination && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Grid, {
@@ -8559,12 +8561,12 @@ const TableComponent = (props)=>{
                     }
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                    lineNumber: 95,
+                    lineNumber: 96,
                     columnNumber: 25
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                lineNumber: 94,
+                lineNumber: 95,
                 columnNumber: 21
             }, undefined)
         ]
@@ -11405,10 +11407,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$();
@@ -11417,44 +11420,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)
         ]
@@ -11480,9 +11485,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");
 
 
@@ -11490,22 +11496,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
             });
@@ -11513,12 +11522,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);
 };
@@ -11539,10 +11548,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$();
@@ -11551,43 +11561,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)
         ]
@@ -11610,37 +11622,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);
 };
@@ -11700,11 +11715,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");
 
 
@@ -11712,58 +11728,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);
 };
@@ -11820,10 +11839,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$();
@@ -11832,8 +11852,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) {
@@ -11844,6 +11865,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,
@@ -11851,54 +11874,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);
 };
@@ -11962,6 +11985,40 @@ 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) {
+    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__);
@@ -12077,7 +12134,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,
@@ -12086,6 +12143,7 @@ const ViewHeader = /*#__PURE__*/ (0,react__rspack_import_1.memo)(_c = (props)=>{
             const itemProps = headerItems[item] || {};
             const actionProps = {
                 handleClick,
+                t,
                 ...itemProps
             };
             const allActions = {
@@ -12099,13 +12157,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);
 });
@@ -12230,28 +12288,28 @@ __webpack_require__.d(__webpack_exports__, {
   CheckBox: () => (/* reexport safe */ _components__rspack_import_41["default"]),
   Chip: () => (/* reexport safe */ _components__rspack_import_24["default"]),
   CircularLoader: () => (/* reexport safe */ _components__rspack_import_17["default"]),
-  CloseIcon: () => (/* reexport safe */ _assets__rspack_import_54.CloseIcon),
+  CloseIcon: () => (/* reexport safe */ _assets__rspack_import_55.CloseIcon),
   ColorPicker: () => (/* reexport safe */ _components__rspack_import_3["default"]),
   DatePicker: () => (/* reexport safe */ _components__rspack_import_11["default"]),
   DateRangePicker: () => (/* reexport safe */ _components__rspack_import_12["default"]),
   Dialog: () => (/* reexport safe */ _components__rspack_import_14["default"]),
-  DoubleArrow: () => (/* reexport safe */ _assets__rspack_import_55.DoubleArrow),
+  DoubleArrow: () => (/* reexport safe */ _assets__rspack_import_56.DoubleArrow),
   Drawer: () => (/* reexport safe */ _components__rspack_import_4["default"]),
-  EditIcon: () => (/* reexport safe */ _assets__rspack_import_52.EditIcon),
+  EditIcon: () => (/* reexport safe */ _assets__rspack_import_53.EditIcon),
   ErrorBoundary: () => (/* reexport safe */ _components__rspack_import_39["default"]),
-  ExpandMoreIcon: () => (/* reexport safe */ _assets__rspack_import_56.ExpandMoreIcon),
+  ExpandMoreIcon: () => (/* reexport safe */ _assets__rspack_import_57.ExpandMoreIcon),
   IconButton: () => (/* reexport safe */ _components__rspack_import_13["default"]),
   LinearLoader: () => (/* reexport safe */ _components__rspack_import_16["default"]),
   Link: () => (/* reexport safe */ _components__rspack_import_7["default"]),
   MediaPlayer: () => (/* reexport safe */ _components__rspack_import_18["default"]),
   Menu: () => (/* reexport safe */ _components__rspack_import_23["default"]),
   Modal: () => (/* reexport safe */ _components__rspack_import_6["default"]),
-  MoreIcon: () => (/* reexport safe */ _assets__rspack_import_57.MoreIcon),
+  MoreIcon: () => (/* reexport safe */ _assets__rspack_import_58.MoreIcon),
   MultiSelect: () => (/* reexport safe */ _components__rspack_import_26["default"]),
   Popover: () => (/* reexport safe */ _components__rspack_import_9["default"]),
   Radio: () => (/* reexport safe */ _components__rspack_import_19["default"]),
   SearchBar: () => (/* reexport safe */ _components__rspack_import_27["default"]),
-  SearchIcon: () => (/* reexport safe */ _assets__rspack_import_53.SearchIcon),
+  SearchIcon: () => (/* reexport safe */ _assets__rspack_import_54.SearchIcon),
   Select: () => (/* reexport safe */ _components__rspack_import_25["default"]),
   Skeleton: () => (/* reexport safe */ _components__rspack_import_45["default"]),
   Slider: () => (/* reexport safe */ _components__rspack_import_21["default"]),
@@ -12268,24 +12326,26 @@ __webpack_require__.d(__webpack_exports__, {
   Timeline: () => (/* reexport safe */ _components__rspack_import_15["default"]),
   Tooltip: () => (/* reexport safe */ _components__rspack_import_8["default"]),
   Typography: () => (/* reexport safe */ _components__rspack_import_28["default"]),
+  VIEW_HEADER_I18N_KEYS: () => (/* reexport safe */ _components__rspack_import_46.VIEW_HEADER_I18N_KEYS),
   ViewHeader: () => (/* reexport safe */ _components__rspack_import_43["default"]),
-  formatDate: () => (/* reexport safe */ _utils__rspack_import_47.formatDate),
-  getColorFromId: () => (/* reexport safe */ _utils__rspack_import_49.getColorFromId),
-  getFormattedName: () => (/* reexport safe */ _utils__rspack_import_49.getFormattedName),
-  getLocalStorageItem: () => (/* reexport safe */ _utils__rspack_import_50.getLocalStorageItem),
-  getSessionStorageItem: () => (/* reexport safe */ _utils__rspack_import_51.getSessionStorageItem),
-  isEmpty: () => (/* reexport safe */ _utils__rspack_import_49.isEmpty),
-  isEmptyArray: () => (/* reexport safe */ _utils__rspack_import_49.isEmptyArray),
-  isEmptyObject: () => (/* reexport safe */ _utils__rspack_import_49.isEmptyObject),
-  isEmptyString: () => (/* reexport safe */ _utils__rspack_import_49.isEmptyString),
-  isValidEmail: () => (/* reexport safe */ _utils__rspack_import_48.isValidEmail),
-  parseDate: () => (/* reexport safe */ _utils__rspack_import_47.parseDate),
-  removeLocalStorageItem: () => (/* reexport safe */ _utils__rspack_import_50.removeLocalStorageItem),
-  removeSessionStorageItem: () => (/* reexport safe */ _utils__rspack_import_51.removeSessionStorageItem),
-  setLocalStorageItem: () => (/* reexport safe */ _utils__rspack_import_50.setLocalStorageItem),
-  setSessionStorageItem: () => (/* reexport safe */ _utils__rspack_import_51.setSessionStorageItem),
-  strEllipsis: () => (/* reexport safe */ _utils__rspack_import_49.strEllipsis),
-  useDebounce: () => (/* reexport safe */ _hooks__rspack_import_46.useDebounce)
+  formatDate: () => (/* reexport safe */ _utils__rspack_import_48.formatDate),
+  getColorFromId: () => (/* reexport safe */ _utils__rspack_import_50.getColorFromId),
+  getFormattedName: () => (/* reexport safe */ _utils__rspack_import_50.getFormattedName),
+  getLocalStorageItem: () => (/* reexport safe */ _utils__rspack_import_51.getLocalStorageItem),
+  getSessionStorageItem: () => (/* reexport safe */ _utils__rspack_import_52.getSessionStorageItem),
+  isEmpty: () => (/* reexport safe */ _utils__rspack_import_50.isEmpty),
+  isEmptyArray: () => (/* reexport safe */ _utils__rspack_import_50.isEmptyArray),
+  isEmptyObject: () => (/* reexport safe */ _utils__rspack_import_50.isEmptyObject),
+  isEmptyString: () => (/* reexport safe */ _utils__rspack_import_50.isEmptyString),
+  isValidEmail: () => (/* reexport safe */ _utils__rspack_import_49.isValidEmail),
+  parseDate: () => (/* reexport safe */ _utils__rspack_import_48.parseDate),
+  removeLocalStorageItem: () => (/* reexport safe */ _utils__rspack_import_51.removeLocalStorageItem),
+  removeSessionStorageItem: () => (/* reexport safe */ _utils__rspack_import_52.removeSessionStorageItem),
+  resolveViewHeaderLabel: () => (/* reexport safe */ _components__rspack_import_46.resolveViewHeaderLabel),
+  setLocalStorageItem: () => (/* reexport safe */ _utils__rspack_import_51.setLocalStorageItem),
+  setSessionStorageItem: () => (/* reexport safe */ _utils__rspack_import_52.setSessionStorageItem),
+  strEllipsis: () => (/* reexport safe */ _utils__rspack_import_50.strEllipsis),
+  useDebounce: () => (/* reexport safe */ _hooks__rspack_import_47.useDebounce)
 });
 /* import */ var _components__rspack_import_0 = __webpack_require__("./src/components/button/button.tsx");
 /* import */ var _components__rspack_import_1 = __webpack_require__("./src/components/badge/badge.tsx");
@@ -12333,18 +12393,19 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _components__rspack_import_43 = __webpack_require__("./src/components/viewHeader/viewHeader.tsx");
 /* import */ var _components__rspack_import_44 = __webpack_require__("./src/components/autocomplete/autocomplete.tsx");
 /* import */ var _components__rspack_import_45 = __webpack_require__("./src/components/skeleton/skeleton.tsx");
-/* import */ var _hooks__rspack_import_46 = __webpack_require__("./src/hooks/debounce.ts");
-/* import */ var _utils__rspack_import_47 = __webpack_require__("./src/utils/date.ts");
-/* import */ var _utils__rspack_import_48 = __webpack_require__("./src/utils/email.ts");
-/* import */ var _utils__rspack_import_49 = __webpack_require__("./src/utils/global.ts");
-/* import */ var _utils__rspack_import_50 = __webpack_require__("./src/utils/localStorage.ts");
-/* import */ var _utils__rspack_import_51 = __webpack_require__("./src/utils/sessionStorage.ts");
-/* import */ var _assets__rspack_import_52 = __webpack_require__("./src/assets/editIcon.tsx");
-/* import */ var _assets__rspack_import_53 = __webpack_require__("./src/assets/searchIcon.tsx");
-/* import */ var _assets__rspack_import_54 = __webpack_require__("./src/assets/svg/closeIcon.tsx");
-/* import */ var _assets__rspack_import_55 = __webpack_require__("./src/assets/svg/doubleArrow.tsx");
-/* import */ var _assets__rspack_import_56 = __webpack_require__("./src/assets/svg/expandMoreIcon.tsx");
-/* import */ var _assets__rspack_import_57 = __webpack_require__("./src/assets/svg/moreIcon.tsx");
+/* import */ var _components__rspack_import_46 = __webpack_require__("./src/components/viewHeader/resolveLabel.ts");
+/* import */ var _hooks__rspack_import_47 = __webpack_require__("./src/hooks/debounce.ts");
+/* import */ var _utils__rspack_import_48 = __webpack_require__("./src/utils/date.ts");
+/* import */ var _utils__rspack_import_49 = __webpack_require__("./src/utils/email.ts");
+/* import */ var _utils__rspack_import_50 = __webpack_require__("./src/utils/global.ts");
+/* import */ var _utils__rspack_import_51 = __webpack_require__("./src/utils/localStorage.ts");
+/* import */ var _utils__rspack_import_52 = __webpack_require__("./src/utils/sessionStorage.ts");
+/* import */ var _assets__rspack_import_53 = __webpack_require__("./src/assets/editIcon.tsx");
+/* import */ var _assets__rspack_import_54 = __webpack_require__("./src/assets/searchIcon.tsx");
+/* import */ var _assets__rspack_import_55 = __webpack_require__("./src/assets/svg/closeIcon.tsx");
+/* import */ var _assets__rspack_import_56 = __webpack_require__("./src/assets/svg/doubleArrow.tsx");
+/* import */ var _assets__rspack_import_57 = __webpack_require__("./src/assets/svg/expandMoreIcon.tsx");
+/* import */ var _assets__rspack_import_58 = __webpack_require__("./src/assets/svg/moreIcon.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 // Components
 
@@ -25031,6 +25092,7 @@ 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;
 var __webpack_exports__formatDate = __webpack_exports__.formatDate;
 var __webpack_exports__getColorFromId = __webpack_exports__.getColorFromId;
@@ -25045,10 +25107,11 @@ var __webpack_exports__isValidEmail = __webpack_exports__.isValidEmail;
 var __webpack_exports__parseDate = __webpack_exports__.parseDate;
 var __webpack_exports__removeLocalStorageItem = __webpack_exports__.removeLocalStorageItem;
 var __webpack_exports__removeSessionStorageItem = __webpack_exports__.removeSessionStorageItem;
+var __webpack_exports__resolveViewHeaderLabel = __webpack_exports__.resolveViewHeaderLabel;
 var __webpack_exports__setLocalStorageItem = __webpack_exports__.setLocalStorageItem;
 var __webpack_exports__setSessionStorageItem = __webpack_exports__.setSessionStorageItem;
 var __webpack_exports__strEllipsis = __webpack_exports__.strEllipsis;
 var __webpack_exports__useDebounce = __webpack_exports__.useDebounce;
-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__CloseIcon as CloseIcon, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__DatePicker as DatePicker, __webpack_exports__DateRangePicker as DateRangePicker, __webpack_exports__Dialog as Dialog, __webpack_exports__DoubleArrow as DoubleArrow, __webpack_exports__Drawer as Drawer, __webpack_exports__EditIcon as EditIcon, __webpack_exports__ErrorBoundary as ErrorBoundary, __webpack_exports__ExpandMoreIcon as ExpandMoreIcon, __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__MoreIcon as MoreIcon, __webpack_exports__MultiSelect as MultiSelect, __webpack_exports__Popover as Popover, __webpack_exports__Radio as Radio, __webpack_exports__SearchBar as SearchBar, __webpack_exports__SearchIcon as SearchIcon, __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, __webpack_exports__formatDate as formatDate, __webpack_exports__getColorFromId as getColorFromId, __webpack_exports__getFormattedName as getFormattedName, __webpack_exports__getLocalStorageItem as getLocalStorageItem, __webpack_exports__getSessionStorageItem as getSessionStorageItem, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyArray as isEmptyArray, __webpack_exports__isEmptyObject as isEmptyObject, __webpack_exports__isEmptyString as isEmptyString, __webpack_exports__isValidEmail as isValidEmail, __webpack_exports__parseDate as parseDate, __webpack_exports__removeLocalStorageItem as removeLocalStorageItem, __webpack_exports__removeSessionStorageItem as removeSessionStorageItem, __webpack_exports__setLocalStorageItem as setLocalStorageItem, __webpack_exports__setSessionStorageItem as setSessionStorageItem, __webpack_exports__strEllipsis as strEllipsis, __webpack_exports__useDebounce as useDebounce };
+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__CloseIcon as CloseIcon, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__DatePicker as DatePicker, __webpack_exports__DateRangePicker as DateRangePicker, __webpack_exports__Dialog as Dialog, __webpack_exports__DoubleArrow as DoubleArrow, __webpack_exports__Drawer as Drawer, __webpack_exports__EditIcon as EditIcon, __webpack_exports__ErrorBoundary as ErrorBoundary, __webpack_exports__ExpandMoreIcon as ExpandMoreIcon, __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__MoreIcon as MoreIcon, __webpack_exports__MultiSelect as MultiSelect, __webpack_exports__Popover as Popover, __webpack_exports__Radio as Radio, __webpack_exports__SearchBar as SearchBar, __webpack_exports__SearchIcon as SearchIcon, __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__formatDate as formatDate, __webpack_exports__getColorFromId as getColorFromId, __webpack_exports__getFormattedName as getFormattedName, __webpack_exports__getLocalStorageItem as getLocalStorageItem, __webpack_exports__getSessionStorageItem as getSessionStorageItem, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyArray as isEmptyArray, __webpack_exports__isEmptyObject as isEmptyObject, __webpack_exports__isEmptyString as isEmptyString, __webpack_exports__isValidEmail as isValidEmail, __webpack_exports__parseDate as parseDate, __webpack_exports__removeLocalStorageItem as removeLocalStorageItem, __webpack_exports__removeSessionStorageItem as removeSessionStorageItem, __webpack_exports__resolveViewHeaderLabel as resolveViewHeaderLabel, __webpack_exports__setLocalStorageItem as setLocalStorageItem, __webpack_exports__setSessionStorageItem as setSessionStorageItem, __webpack_exports__strEllipsis as strEllipsis, __webpack_exports__useDebounce as useDebounce };
 
 //# sourceMappingURL=index.js.map