@ix_waterford/lib 1.0.73 → 1.0.75

package/dist/components.js

@@ -172,7 +172,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1776073338493
+        // 1776173107290
         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;
-        // 1776073338495
+        // 1776173107291
         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;
-        // 1776073338494
+        // 1776173107292
         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;
-        // 1776073338495
+        // 1776173107293
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -5007,6 +5007,7 @@ __webpack_require__.d(__webpack_exports__, {
   Modal: () => (/* reexport safe */ _modal__rspack_import_6["default"]),
   MultiSearch: () => (/* reexport safe */ _multiSearch__rspack_import_19["default"]),
   MultiSelect: () => (/* reexport safe */ _select__rspack_import_28["default"]),
+  PAGINATION_I18N_KEYS: () => (/* reexport safe */ _viewHeader__rspack_import_48.PAGINATION_I18N_KEYS),
   Popover: () => (/* reexport safe */ _popOver__rspack_import_9["default"]),
   Popper: () => (/* reexport safe */ _popper__rspack_import_47["default"]),
   Radio: () => (/* reexport safe */ _radio__rspack_import_21["default"]),
@@ -5079,7 +5080,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");
+/* import */ var _viewHeader__rspack_import_48 = __webpack_require__("./src/utils/resolveLabel.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
@@ -7886,7 +7887,7 @@ const TblHeader = (props)=>{
                     const styles = headerStyles[col.field] || headerStyles['*'] || {};
                     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(SortableTableCell, {
                         id: col.field || `header-${index}`,
-                        className: "tableHeaderCls",
+                        className: "tableHeaderCls headerDefWid",
                         disabled: isDisabled,
                         customSx: styles,
                         "data-field": col.field,
@@ -8047,10 +8048,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_pagination_backwardIcon__rspack_import_3 = __webpack_require__("./src/assets/svg/pagination/backwardIcon.tsx");
-/* import */ var _assets_svg_pagination_forwardIcon__rspack_import_6 = __webpack_require__("./src/assets/svg/pagination/forwardIcon.tsx");
-/* import */ var _assets_svg_pagination_nextIcon__rspack_import_5 = __webpack_require__("./src/assets/svg/pagination/nextIcon.tsx");
-/* import */ var _assets_svg_pagination_prevIcon__rspack_import_4 = __webpack_require__("./src/assets/svg/pagination/prevIcon.tsx");
+/* import */ var _assets_svg_pagination_backwardIcon__rspack_import_4 = __webpack_require__("./src/assets/svg/pagination/backwardIcon.tsx");
+/* import */ var _assets_svg_pagination_forwardIcon__rspack_import_7 = __webpack_require__("./src/assets/svg/pagination/forwardIcon.tsx");
+/* import */ var _assets_svg_pagination_nextIcon__rspack_import_6 = __webpack_require__("./src/assets/svg/pagination/nextIcon.tsx");
+/* import */ var _assets_svg_pagination_prevIcon__rspack_import_5 = __webpack_require__("./src/assets/svg/pagination/prevIcon.tsx");
+/* import */ var _utils_resolveLabel__rspack_import_3 = __webpack_require__("./src/utils/resolveLabel.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 var _s = $RefreshSig$();
@@ -8060,6 +8062,7 @@ var _s = $RefreshSig$();
 
 
 
+
 const menuOptions = [
     {
         value: 20,
@@ -8076,7 +8079,7 @@ const menuOptions = [
 ];
 const Pagination = (props)=>{
     _s();
-    const { totalCount = 0, skip = 0, limit = 10, handlePaginationChange = ()=>{} } = props;
+    const { totalCount = 0, skip = 0, limit = 10, handlePaginationChange = ()=>{}, t } = props;
     const { currentPage, maxPage } = (0,react__rspack_import_1.useMemo)(()=>{
         const maxPagee = Math.ceil(totalCount / limit);
         const currentPagee = skip === 0 ? 1 : skip + 1;
@@ -8090,11 +8093,32 @@ const Pagination = (props)=>{
         limit
     ]);
     const pageDisplay = (0,react__rspack_import_1.useMemo)(()=>{
-        return totalCount > 0 ? `Displaying ${skip * limit + 1}-${(skip + 1) * limit < totalCount ? (skip + 1) * limit : totalCount} of ${totalCount} results` : 'Displaying 0 results';
+        if (totalCount <= 0) {
+            return (0,_utils_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_3.PAGINATION_I18N_KEYS.DISPLAYING_ZERO, 'Displaying 0 results');
+        }
+        const start = skip * limit + 1;
+        const end = (skip + 1) * limit < totalCount ? (skip + 1) * limit : totalCount;
+        return (0,_utils_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_3.PAGINATION_I18N_KEYS.DISPLAYING_RANGE, `Displaying ${start}-${end} of ${totalCount} results`, {
+            start,
+            end,
+            total: totalCount
+        });
     }, [
         skip,
         limit,
-        totalCount
+        totalCount,
+        t
+    ]);
+    const showLabel = (0,_utils_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_3.PAGINATION_I18N_KEYS.SHOW, 'Show');
+    const pageOfLabel = (0,react__rspack_import_1.useMemo)(()=>{
+        return (0,_utils_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_3.PAGINATION_I18N_KEYS.PAGE_OF, `${currentPage} of ${maxPage}`, {
+            current: currentPage,
+            max: maxPage
+        });
+    }, [
+        t,
+        currentPage,
+        maxPage
     ]);
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Grid, {
         container: true,
@@ -8107,10 +8131,10 @@ const Pagination = (props)=>{
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Typography, {
                         variant: "body2",
                         className: "pagination-show-label",
-                        children: "Show"
+                        children: showLabel
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                        lineNumber: 40,
+                        lineNumber: 51,
                         columnNumber: 17
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Select, {
@@ -8131,12 +8155,12 @@ const Pagination = (props)=>{
                                 children: option.label
                             }, option.value, false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                                lineNumber: 51,
+                                lineNumber: 62,
                                 columnNumber: 25
                             }, undefined))
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                        lineNumber: 41,
+                        lineNumber: 52,
                         columnNumber: 17
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Typography, {
@@ -8145,13 +8169,13 @@ const Pagination = (props)=>{
                         children: pageDisplay
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                        lineNumber: 56,
+                        lineNumber: 67,
                         columnNumber: 17
                     }, undefined)
                 ]
             }, void 0, true, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                lineNumber: 39,
+                lineNumber: 50,
                 columnNumber: 13
             }, undefined),
             /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Grid, {
@@ -8165,14 +8189,14 @@ const Pagination = (props)=>{
                             });
                         },
                         disabled: currentPage === 1,
-                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg_pagination_backwardIcon__rspack_import_3.PaginationBackwardIcon, {}, void 0, false, {
+                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg_pagination_backwardIcon__rspack_import_4.PaginationBackwardIcon, {}, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                            lineNumber: 60,
+                            lineNumber: 71,
                             columnNumber: 21
                         }, undefined)
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                        lineNumber: 59,
+                        lineNumber: 70,
                         columnNumber: 17
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.IconButton, {
@@ -8183,27 +8207,23 @@ const Pagination = (props)=>{
                             });
                         },
                         disabled: currentPage === 1,
-                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg_pagination_prevIcon__rspack_import_4.PaginationPrevIcon, {}, void 0, false, {
+                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg_pagination_prevIcon__rspack_import_5.PaginationPrevIcon, {}, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                            lineNumber: 63,
+                            lineNumber: 74,
                             columnNumber: 21
                         }, undefined)
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                        lineNumber: 62,
+                        lineNumber: 73,
                         columnNumber: 17
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Typography, {
                         variant: "body2",
                         className: "pagination-page-info",
-                        children: [
-                            currentPage,
-                            " of ",
-                            maxPage
-                        ]
-                    }, void 0, true, {
+                        children: pageOfLabel
+                    }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                        lineNumber: 65,
+                        lineNumber: 76,
                         columnNumber: 17
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.IconButton, {
@@ -8214,14 +8234,14 @@ const Pagination = (props)=>{
                             });
                         },
                         disabled: currentPage === maxPage,
-                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg_pagination_nextIcon__rspack_import_5.PaginationNextIcon, {}, void 0, false, {
+                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg_pagination_nextIcon__rspack_import_6.PaginationNextIcon, {}, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                            lineNumber: 69,
+                            lineNumber: 80,
                             columnNumber: 21
                         }, undefined)
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                        lineNumber: 68,
+                        lineNumber: 79,
                         columnNumber: 17
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.IconButton, {
@@ -8232,30 +8252,30 @@ const Pagination = (props)=>{
                             });
                         },
                         disabled: currentPage === maxPage,
-                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg_pagination_forwardIcon__rspack_import_6.PaginationForwardIcon, {}, void 0, false, {
+                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_assets_svg_pagination_forwardIcon__rspack_import_7.PaginationForwardIcon, {}, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                            lineNumber: 72,
+                            lineNumber: 83,
                             columnNumber: 21
                         }, undefined)
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                        lineNumber: 71,
+                        lineNumber: 82,
                         columnNumber: 17
                     }, undefined)
                 ]
             }, void 0, true, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-                lineNumber: 58,
+                lineNumber: 69,
                 columnNumber: 13
             }, undefined)
         ]
     }, void 0, true, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/pagination.tsx",
-        lineNumber: 34,
+        lineNumber: 45,
         columnNumber: 9
     }, undefined);
 };
-_s(Pagination, "Zi+ptkMABZSO1JI42XPRvi/1aFA=");
+_s(Pagination, "MTkoFcsz19M7ArgkgABFJt+x7O8=");
 _c = Pagination;
 /* export default */ const __rspack_default_export = (Pagination);
 var _c;
@@ -8285,11 +8305,13 @@ const Style = (param)=>{
             fontWeight: 'bold',
             textAlign: 'left',
             padding: '0 10px',
-            minWidth: '150px',
             '&:hover .sortIconButton.sort-hover': {
                 opacity: 1
             }
         },
+        '.headerDefWid': {
+            minWidth: '150px'
+        },
         '.MuiTableHead-root': {
             '.MuiTableRow-head:nth-of-type(1)': {
                 '.MuiTableCell-head': {
@@ -8577,7 +8599,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 = [], actionLabels = {}, 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, t } = props;
     const visibleHeaders = (0,react__rspack_import_1.useMemo)(()=>{
         return headers.filter((f)=>f.visible);
     }, [
@@ -8655,7 +8677,7 @@ const TableComponent = (props)=>{
                                     ...headerProps
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 74,
+                                    lineNumber: 75,
                                     columnNumber: 25
                                 }, undefined),
                                 openSearch && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_header_searchBar__rspack_import_5["default"], {
@@ -8665,7 +8687,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: 76,
+                                    lineNumber: 77,
                                     columnNumber: 29
                                 }, undefined),
                                 loading ? /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_body_tableSkeletonBody__rspack_import_6["default"], {
@@ -8674,35 +8696,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: 84,
+                                    lineNumber: 85,
                                     columnNumber: 29
                                 }, undefined) : /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_body_tblBody__rspack_import_7["default"], {
                                     ...bodyProps
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 85,
+                                    lineNumber: 86,
                                     columnNumber: 30
                                 }, undefined)
                             ]
                         }, void 0, true, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                            lineNumber: 73,
+                            lineNumber: 74,
                             columnNumber: 21
                         }, undefined)
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                        lineNumber: 72,
+                        lineNumber: 73,
                         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: 90,
+                        lineNumber: 91,
                         columnNumber: 21
                     }, undefined)
                 ]
             }, void 0, true, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                lineNumber: 68,
+                lineNumber: 69,
                 columnNumber: 13
             }, undefined),
             showPagination && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Grid, {
@@ -8713,15 +8735,16 @@ const TableComponent = (props)=>{
                     limit: limit,
                     handlePaginationChange: (e)=>{
                         handlePagination(e);
-                    }
+                    },
+                    t: t
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                    lineNumber: 96,
+                    lineNumber: 97,
                     columnNumber: 25
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                lineNumber: 95,
+                lineNumber: 96,
                 columnNumber: 21
             }, undefined)
         ]
@@ -11169,9 +11192,9 @@ var _s = $RefreshSig$();
 
 
 const DefaultViewPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_c = _s((param)=>{
-    let { open = null, setOpen = ()=>{}, viewType = '', handleClick = ()=>{}, className = '' } = param;
+    let { open = null, setOpen = ()=>{}, viewType = '', handleClick = ()=>{}, className = '', t } = param;
     _s();
-    const VIEW_OPTIONS = (0,_constants__rspack_import_3.getViewOptions)(viewType);
+    const VIEW_OPTIONS = (0,_constants__rspack_import_3.getViewOptions)(viewType, t);
     const handleClose = (0,react__rspack_import_1.useCallback)(()=>{
         setOpen(null);
     }, [
@@ -11205,7 +11228,7 @@ const DefaultViewPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_c =
                             }
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/DefaultViewPopover.tsx",
-                            lineNumber: 55,
+                            lineNumber: 60,
                             columnNumber: 33
                         }, undefined),
                         label: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_6["default"], {
@@ -11213,27 +11236,27 @@ const DefaultViewPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_c =
                             children: option.label
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/DefaultViewPopover.tsx",
-                            lineNumber: 61,
+                            lineNumber: 66,
                             columnNumber: 33
                         }, undefined)
                     }, option.value || 'none', false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/DefaultViewPopover.tsx",
-                        lineNumber: 51,
+                        lineNumber: 56,
                         columnNumber: 25
                     }, undefined))
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/DefaultViewPopover.tsx",
-                lineNumber: 49,
+                lineNumber: 54,
                 columnNumber: 17
             }, undefined)
         }, void 0, false, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/DefaultViewPopover.tsx",
-            lineNumber: 48,
+            lineNumber: 53,
             columnNumber: 13
         }, undefined)
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/DefaultViewPopover.tsx",
-        lineNumber: 40,
+        lineNumber: 45,
         columnNumber: 9
     }, undefined);
 }, "KM/+kH6yPX3DlSLK/RaXgy47t6Q=")), "KM/+kH6yPX3DlSLK/RaXgy47t6Q=");
@@ -11259,13 +11282,14 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var react__rspack_import_1 = __webpack_require__("react");
 /* import */ var _mui_icons_material_Sort__rspack_import_2 = __webpack_require__("@mui/icons-material/Sort");
 /* import */ var _mui_material__rspack_import_3 = __webpack_require__("@mui/material");
-/* import */ var _constants__rspack_import_4 = __webpack_require__("./src/components/viewHeader/constants.ts");
-/* import */ var _popoverStyle__rspack_import_10 = __webpack_require__("./src/components/viewHeader/popoverStyle.tsx");
-/* import */ var _constants_viewHeaderConstants__rspack_import_6 = __webpack_require__("./src/constants/viewHeaderConstants.ts");
-/* import */ var _iconButton__rspack_import_9 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
-/* import */ var _popOver__rspack_import_5 = __webpack_require__("./src/components/popOver/popOver.tsx");
-/* import */ var _toolTip__rspack_import_8 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
-/* import */ var _typography__rspack_import_7 = __webpack_require__("./src/components/typography/typography.tsx");
+/* import */ var _constants__rspack_import_5 = __webpack_require__("./src/components/viewHeader/constants.ts");
+/* import */ var _popoverStyle__rspack_import_11 = __webpack_require__("./src/components/viewHeader/popoverStyle.tsx");
+/* import */ var _constants_viewHeaderConstants__rspack_import_7 = __webpack_require__("./src/constants/viewHeaderConstants.ts");
+/* import */ var _utils_resolveLabel__rspack_import_4 = __webpack_require__("./src/utils/resolveLabel.ts");
+/* import */ var _iconButton__rspack_import_10 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
+/* import */ var _popOver__rspack_import_6 = __webpack_require__("./src/components/popOver/popOver.tsx");
+/* import */ var _toolTip__rspack_import_9 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
+/* import */ var _typography__rspack_import_8 = __webpack_require__("./src/components/typography/typography.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 var _s = $RefreshSig$();
@@ -11279,16 +11303,20 @@ var _s = $RefreshSig$();
 
 
 
+
 const ColumnSettingsPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_c = _s((param)=>{
-    let { open = null, setOpen = ()=>{}, headers = [], handleClick = ()=>{}, className = '' } = param;
+    let { open = null, setOpen = ()=>{}, headers = [], handleClick = ()=>{}, className = '', t } = param;
     _s();
+    const popoverTitle = (0,_utils_resolveLabel__rspack_import_4.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_4.VIEW_HEADER_I18N_KEYS.COLUMN_SETTINGS_POPOVER_TITLE, 'COLUMN SETTINGS');
+    const selectAllLabel = (0,_utils_resolveLabel__rspack_import_4.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_4.VIEW_HEADER_I18N_KEYS.SELECT_ALL, 'Select All');
+    const sortTooltip = (0,_utils_resolveLabel__rspack_import_4.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_4.VIEW_HEADER_I18N_KEYS.SORT_COLUMNS_TOOLTIP, 'Sort A–Z / Z–A');
     const handleClose = (0,react__rspack_import_1.useCallback)(()=>{
         setOpen(null);
     }, [
         setOpen
     ]);
     const handleOptionChange = (0,react__rspack_import_1.useCallback)((tmpHeaders)=>{
-        handleClick(_constants__rspack_import_4.ACTION_TYPES.COLUMN_SETTINGS, {
+        handleClick(_constants__rspack_import_5.ACTION_TYPES.COLUMN_SETTINGS, {
             headers: tmpHeaders
         });
     }, [
@@ -11316,12 +11344,12 @@ const ColumnSettingsPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_
         sortAscending
     ]);
     const allChecked = headers.every((column)=>column.visible);
-    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_popOver__rspack_import_5["default"], {
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_popOver__rspack_import_6["default"], {
         open: Boolean(open),
         anchorEl: open,
         onClose: handleClose,
-        anchorOrigin: _constants_viewHeaderConstants__rspack_import_6.POPOVER_ANCHOR_ORIGIN,
-        transformOrigin: _constants_viewHeaderConstants__rspack_import_6.POPOVER_TRANSFORM_ORIGIN,
+        anchorOrigin: _constants_viewHeaderConstants__rspack_import_7.POPOVER_ANCHOR_ORIGIN,
+        transformOrigin: _constants_viewHeaderConstants__rspack_import_7.POPOVER_TRANSFORM_ORIGIN,
         className: className,
         children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_3.Grid, {
             className: "column-settings-grid",
@@ -11333,19 +11361,19 @@ const ColumnSettingsPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_
                     justifyContent: "space-between",
                     wrap: "nowrap",
                     children: [
-                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_7["default"], {
+                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_8["default"], {
                             variant: "body1",
                             className: "column-settings-title",
-                            children: "COLUMN SETTINGS"
+                            children: popoverTitle
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                            lineNumber: 76,
+                            lineNumber: 84,
                             columnNumber: 21
                         }, undefined),
-                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_8["default"], {
+                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_9["default"], {
                             arrow: true,
-                            title: "Sort A–Z / Z–A",
-                            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_9["default"], {
+                            title: sortTooltip,
+                            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_10["default"], {
                                 size: "small",
                                 onClick: toggleSortOrder,
                                 ariaLabel: "Sort columns A to Z or Z to A",
@@ -11355,23 +11383,23 @@ const ColumnSettingsPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_
                                     className: "column-settings-sort-icon"
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                                    lineNumber: 84,
+                                    lineNumber: 92,
                                     columnNumber: 29
                                 }, undefined)
                             }, void 0, false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                                lineNumber: 78,
+                                lineNumber: 86,
                                 columnNumber: 25
                             }, undefined)
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                            lineNumber: 77,
+                            lineNumber: 85,
                             columnNumber: 21
                         }, undefined)
                     ]
                 }, void 0, true, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                    lineNumber: 75,
+                    lineNumber: 83,
                     columnNumber: 17
                 }, undefined),
                 /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_3.FormGroup, {
@@ -11392,13 +11420,13 @@ const ColumnSettingsPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_
                                 }
                             }, void 0, false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                                lineNumber: 93,
+                                lineNumber: 101,
                                 columnNumber: 29
                             }, undefined),
-                            label: "Select All"
+                            label: selectAllLabel
                         }, "select-all", false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                            lineNumber: 89,
+                            lineNumber: 97,
                             columnNumber: 21
                         }, undefined),
                         displayHeaders.map((item)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_3.FormControlLabel, {
@@ -11418,36 +11446,36 @@ const ColumnSettingsPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_
                                     disabled: item.disabled === true
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                                    lineNumber: 109,
+                                    lineNumber: 117,
                                     columnNumber: 33
                                 }, undefined),
                                 label: item.label
                             }, item.field, false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                                lineNumber: 105,
+                                lineNumber: 113,
                                 columnNumber: 25
                             }, undefined))
                     ]
                 }, void 0, true, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                    lineNumber: 88,
+                    lineNumber: 96,
                     columnNumber: 17
                 }, undefined)
             ]
         }, void 0, true, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-            lineNumber: 74,
+            lineNumber: 82,
             columnNumber: 13
         }, undefined)
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-        lineNumber: 66,
+        lineNumber: 74,
         columnNumber: 9
     }, undefined);
 }, "U7CaePGf/HcZO4S7uP4qu5I2FIE=")), "U7CaePGf/HcZO4S7uP4qu5I2FIE=");
 _c1 = ColumnSettingsPopover;
 ColumnSettingsPopover.displayName = 'ColumnSettingsPopover';
-/* export default */ const __rspack_default_export = ((0,_mui_material__rspack_import_3.styled)(ColumnSettingsPopover)(_popoverStyle__rspack_import_10.PopoverStyle));
+/* export default */ const __rspack_default_export = ((0,_mui_material__rspack_import_3.styled)(ColumnSettingsPopover)(_popoverStyle__rspack_import_11.PopoverStyle));
 var _c, _c1;
 $RefreshReg$(_c, "ColumnSettingsPopover$memo");
 $RefreshReg$(_c1, "ColumnSettingsPopover");
@@ -11464,7 +11492,9 @@ __webpack_require__.d(__webpack_exports__, {
   ACTION_TYPES: () => (ACTION_TYPES),
   getViewOptions: () => (getViewOptions)
 });
+/* import */ var _utils_resolveLabel__rspack_import_0 = __webpack_require__("./src/utils/resolveLabel.ts");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
 const ACTION_TYPES = {
     ADD: 'ADD',
     CLEAR_FILTERS: 'CLEAR_FILTERS',
@@ -11476,20 +11506,20 @@ const ACTION_TYPES = {
     TILE_SEARCH: 'TILE_SEARCH',
     VIEW_SWITCH: 'VIEW_SWITCH'
 };
-const getViewOptions = (viewType)=>[
+const getViewOptions = (viewType, t)=>[
         {
             value: 'LIST',
-            label: 'Set as default : List View',
+            label: (0,_utils_resolveLabel__rspack_import_0.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_0.VIEW_HEADER_I18N_KEYS.SET_DEFAULT_LIST_VIEW, 'Set as default : List View'),
             checked: viewType === 'LIST'
         },
         {
             value: 'TILE',
-            label: 'Set as default : Card View',
+            label: (0,_utils_resolveLabel__rspack_import_0.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_0.VIEW_HEADER_I18N_KEYS.SET_DEFAULT_CARD_VIEW, 'Set as default : Card View'),
             checked: viewType === 'TILE'
         },
         {
             value: '',
-            label: 'None',
+            label: (0,_utils_resolveLabel__rspack_import_0.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_0.VIEW_HEADER_I18N_KEYS.DEFAULT_VIEW_NONE, 'None'),
             checked: !viewType
         }
     ];
@@ -11563,10 +11593,10 @@ __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_5 = __webpack_require__("./src/assets/svg/columSettingsIcon.tsx");
+/* import */ var _utils_resolveLabel__rspack_import_2 = __webpack_require__("./src/utils/resolveLabel.ts");
 /* 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$();
@@ -11583,7 +11613,7 @@ const ColumnSettings = (param)=>{
     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');
+    const title = (0,_utils_resolveLabel__rspack_import_2.resolveViewHeaderLabel)(t, _utils_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_3["default"], {
@@ -11611,7 +11641,8 @@ const ColumnSettings = (param)=>{
                 open: open,
                 setOpen: setOpen,
                 headers: headers,
-                handleClick: handleClick
+                handleClick: handleClick,
+                t: t
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/columnSettings.tsx",
                 lineNumber: 47,
@@ -11641,9 +11672,9 @@ __webpack_require__.d(__webpack_exports__, {
 /* 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_5 = __webpack_require__("./src/utils/date.ts");
+/* import */ var _utils_resolveLabel__rspack_import_3 = __webpack_require__("./src/utils/resolveLabel.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");
 
 
@@ -11658,8 +11689,8 @@ const DateRangePickerAction = (param)=>{
         '',
         ''
     ], 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');
+    const fromPh = (0,_utils_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_3.VIEW_HEADER_I18N_KEYS.FROM_DATE, 'From Date');
+    const toPh = (0,_utils_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _utils_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_5.parseDate)(value[0]) ?? null,
@@ -11704,10 +11735,10 @@ __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_5 = __webpack_require__("./src/assets/svg/moreIcon.tsx");
+/* import */ var _utils_resolveLabel__rspack_import_2 = __webpack_require__("./src/utils/resolveLabel.ts");
 /* 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$();
@@ -11724,7 +11755,7 @@ const DefaultView = (param)=>{
     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');
+    const title = (0,_utils_resolveLabel__rspack_import_2.resolveViewHeaderLabel)(t, _utils_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_3["default"], {
@@ -11751,7 +11782,8 @@ const DefaultView = (param)=>{
                 open: open,
                 setOpen: setOpen,
                 viewType: viewType,
-                handleClick: handleClick
+                handleClick: handleClick,
+                t: t
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/defaultActions/defaultView.tsx",
                 lineNumber: 40,
@@ -11778,10 +11810,10 @@ __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 _assets_svg__rspack_import_5 = __webpack_require__("./src/assets/svg/downloadIcon.tsx");
+/* import */ var _utils_resolveLabel__rspack_import_1 = __webpack_require__("./src/utils/resolveLabel.ts");
 /* 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");
 
 
@@ -11791,7 +11823,7 @@ __webpack_require__.d(__webpack_exports__, {
 
 const Download = (param)=>{
     let { handleClick = ()=>{}, t } = param;
-    const title = (0,_resolveLabel__rspack_import_1.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_1.VIEW_HEADER_I18N_KEYS.DOWNLOAD, 'Download');
+    const title = (0,_utils_resolveLabel__rspack_import_1.resolveViewHeaderLabel)(t, _utils_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: title,
@@ -11872,10 +11904,10 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _mui_material__rspack_import_1 = __webpack_require__("@mui/material");
 /* 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 _utils_resolveLabel__rspack_import_2 = __webpack_require__("./src/utils/resolveLabel.ts");
 /* 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");
 
 
@@ -11886,8 +11918,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 const ListSearch = (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');
+    const clearTitle = (0,_utils_resolveLabel__rspack_import_2.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_2.VIEW_HEADER_I18N_KEYS.CLEAR_FILTER, 'Clear Filter');
+    const searchTitle = (0,_utils_resolveLabel__rspack_import_2.resolveViewHeaderLabel)(t, _utils_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",
@@ -11996,9 +12028,9 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _mui_material__rspack_import_2 = __webpack_require__("@mui/material");
 /* 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 _utils_resolveLabel__rspack_import_4 = __webpack_require__("./src/utils/resolveLabel.ts");
 /* 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$();
@@ -12020,8 +12052,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');
+    const listTitle = (0,_utils_resolveLabel__rspack_import_4.resolveViewHeaderLabel)(t, _utils_resolveLabel__rspack_import_4.VIEW_HEADER_I18N_KEYS.LIST_VIEW, 'List');
+    const cardTitle = (0,_utils_resolveLabel__rspack_import_4.resolveViewHeaderLabel)(t, _utils_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,
@@ -12140,41 +12172,6 @@ function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id
 Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
 
 
-},
-"./src/components/viewHeader/resolveLabel.ts"(module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-  VIEW_HEADER_I18N_KEYS: () => (VIEW_HEADER_I18N_KEYS),
-  resolveViewHeaderLabel: () => (resolveViewHeaderLabel)
-});
-/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
-/**
- * Optional i18n function passed from the app into ViewHeader.
- * Kept minimal so the library does not depend on i18next types.
- */ /**
- * Resolves a label: `t(key)` when `t` is provided, otherwise `fallback` (English default).
- */ function resolveViewHeaderLabel(t, key, fallback) {
-    console.log(t, 'translate function', key);
-    if (t) return t(key);
-    return fallback;
-}
-/** Stable translation keys for ViewHeader default actions (use in locale JSON). */ const VIEW_HEADER_I18N_KEYS = {
-    CLEAR_FILTER: 'viewHeader.clearFilter',
-    SEARCH: 'viewHeader.search',
-    DOWNLOAD: 'viewHeader.download',
-    COLUMN_SETTINGS: 'viewHeader.columnSettings',
-    DEFAULT_VIEW: 'viewHeader.defaultView',
-    LIST_VIEW: 'viewHeader.listView',
-    CARD_VIEW: 'viewHeader.cardView',
-    FROM_DATE: 'viewHeader.fromDate',
-    TO_DATE: 'viewHeader.toDate'
-};
-
-function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
-function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
-Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
-
-
 },
 "./src/components/viewHeader/style.tsx"(module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
@@ -12313,13 +12310,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: 61,
+                lineNumber: 60,
                 columnNumber: 21
             }, undefined);
         })
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/viewHeader.tsx",
-        lineNumber: 52,
+        lineNumber: 51,
         columnNumber: 9
     }, undefined);
 });
@@ -12561,6 +12558,57 @@ function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id
 Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
 
 
+},
+"./src/utils/resolveLabel.ts"(module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  PAGINATION_I18N_KEYS: () => (PAGINATION_I18N_KEYS),
+  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 (e.g. react-i18next `t`).
+ * Second argument supports `{{var}}` interpolation in locale strings.
+ */ /**
+ * Resolves a label: `t(key)` when `t` is provided, otherwise `fallback` (English default).
+ * If `t` returns the key or an empty string (missing translation), uses `fallback`.
+ * Optional `interpolation` is passed as the second argument to `t` (e.g. i18next `{{name}}`).
+ */ function resolveViewHeaderLabel(t, key, fallback, interpolation) {
+    if (!t) return fallback;
+    const translated = interpolation ? t(key, interpolation) : t(key);
+    if (!translated || translated === key) return fallback;
+    return translated;
+}
+/** 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',
+    COLUMN_SETTINGS_POPOVER_TITLE: 'viewHeader.columnSettingsPopoverTitle',
+    SELECT_ALL: 'viewHeader.selectAll',
+    SORT_COLUMNS_TOOLTIP: 'viewHeader.sortColumnsTooltip',
+    DEFAULT_VIEW: 'viewHeader.defaultView',
+    LIST_VIEW: 'viewHeader.listView',
+    CARD_VIEW: 'viewHeader.cardView',
+    SET_DEFAULT_LIST_VIEW: 'viewHeader.setDefaultListView',
+    SET_DEFAULT_CARD_VIEW: 'viewHeader.setDefaultCardView',
+    DEFAULT_VIEW_NONE: 'viewHeader.defaultViewNone',
+    FROM_DATE: 'viewHeader.fromDate',
+    TO_DATE: 'viewHeader.toDate'
+};
+/** Stable keys for table pagination (use under `pagination` in locale JSON). */ const PAGINATION_I18N_KEYS = {
+    SHOW: 'pagination.show',
+    DISPLAYING_RANGE: 'pagination.displayingRange',
+    DISPLAYING_ZERO: 'pagination.displayingZero',
+    PAGE_OF: 'pagination.pageOf'
+};
+
+function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
+function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id + "_" + id) }
+Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
+
+
 },
 "@dnd-kit/core"(module) {
 
@@ -24915,6 +24963,7 @@ var __webpack_exports__Menu = __webpack_exports__.Menu;
 var __webpack_exports__Modal = __webpack_exports__.Modal;
 var __webpack_exports__MultiSearch = __webpack_exports__.MultiSearch;
 var __webpack_exports__MultiSelect = __webpack_exports__.MultiSelect;
+var __webpack_exports__PAGINATION_I18N_KEYS = __webpack_exports__.PAGINATION_I18N_KEYS;
 var __webpack_exports__Popover = __webpack_exports__.Popover;
 var __webpack_exports__Popper = __webpack_exports__.Popper;
 var __webpack_exports__Radio = __webpack_exports__.Radio;
@@ -24938,6 +24987,6 @@ 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__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 };
+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__PAGINATION_I18N_KEYS as PAGINATION_I18N_KEYS, __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