@ix_waterford/lib 1.0.70 → 1.0.72

package/dist/components.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 (
@@ -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() }
@@ -6844,9 +6848,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");
 
 
@@ -6856,23 +6859,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
@@ -6883,9 +6885,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)=>{
@@ -6894,12 +6896,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 {
@@ -6908,7 +6910,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);
 };
@@ -7023,7 +7025,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');
     }, [
@@ -7064,12 +7066,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)=>{
@@ -7087,7 +7089,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
@@ -7105,27 +7107,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);
 };
@@ -7232,6 +7235,7 @@ const DndWrapper = (props)=>{
                     nullFieldText: "",
                     handleAction: ()=>{},
                     actions: [],
+                    actionLabels: {},
                     customActions: {},
                     handleRowDataClick: ()=>{}
                 }, void 0, false, {
@@ -8573,7 +8577,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);
     }, [
@@ -8610,6 +8614,7 @@ const TableComponent = (props)=>{
             nullFieldText: nullFieldText,
             handleAction: handleAction,
             actions: actions,
+            actionLabels: actionLabels,
             customActions: customActions,
             handleRowDataClick: handleRowDataClick,
             ...showCheckbox && {
@@ -8626,6 +8631,7 @@ const TableComponent = (props)=>{
         handleAction,
         nullFieldText,
         actions,
+        actionLabels,
         handleRowDataClick,
         customActions,
         showCheckbox,
@@ -8649,7 +8655,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"], {
@@ -8659,7 +8665,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"], {
@@ -8668,35 +8674,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, {
@@ -8710,12 +8716,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)
         ]
@@ -11556,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$();
@@ -11568,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)
         ]
@@ -11631,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");
 
 
@@ -11641,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
             });
@@ -11664,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);
 };
@@ -11690,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$();
@@ -11702,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)
         ]
@@ -11761,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);
 };
@@ -11851,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");
 
 
@@ -11863,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);
 };
@@ -11971,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$();
@@ -11983,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) {
@@ -11995,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,
@@ -12002,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);
 };
@@ -12113,6 +12140,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__);
@@ -12228,7 +12289,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,
@@ -12237,6 +12298,7 @@ const ViewHeader = /*#__PURE__*/ (0,react__rspack_import_1.memo)(_c = (props)=>{
             const itemProps = headerItems[item] || {};
             const actionProps = {
                 handleClick,
+                t,
                 ...itemProps
             };
             const allActions = {
@@ -12250,13 +12312,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);
 });
@@ -24872,7 +24934,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