@ix_waterford/lib 1.0.74 → 1.0.76

package/dist/components.js

@@ -172,7 +172,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1776075555211
+        // 1776753998111
         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;
-        // 1776075555215
+        // 1776753998112
         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;
-        // 1776075555214
+        // 1776753998113
         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;
-        // 1776075555212
+        // 1776753998113
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -3212,19 +3212,35 @@ __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 _style__rspack_import_3 = __webpack_require__("./src/components/avatarStatusDot/style.tsx");
-/* import */ var _toolTip__rspack_import_2 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
+/* import */ var _style__rspack_import_4 = __webpack_require__("./src/components/avatarStatusDot/style.tsx");
+/* import */ var _toolTip__rspack_import_3 = __webpack_require__("./src/components/toolTip/toolTip.tsx");
+/* import */ var _avatarTitle_avatarTitle__rspack_import_2 = __webpack_require__("./src/components/avatarTitle/avatarTitle.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
 
 
+
 const Avatar = (param)=>{
-    let { className = '', tooltipTitle = '', background = '', statusDotColor = '', children, sx = {}, ...restProps } = param;
+    let { className = '', tooltipTitle = '', background = '', statusDotColor = '', name, nameColor = '', children, sx = {}, ...restProps } = param;
+    const titleSx = {
+        ...sx
+    };
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.Box, {
         className: `avatarContainer ${className}`,
         children: [
-            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.Avatar, {
+            name ? /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_avatarTitle_avatarTitle__rspack_import_2["default"], {
+                img: typeof restProps.src === 'string' ? restProps.src : '',
+                background: background,
+                name: name,
+                color: nameColor,
+                sx: titleSx,
+                onClick: restProps.onClick
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/avatarStatusDot/avatar.tsx",
+                lineNumber: 43,
+                columnNumber: 9
+            }, undefined) : /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.Avatar, {
                 ...restProps,
                 sx: {
                     ...sx,
@@ -3233,12 +3249,12 @@ const Avatar = (param)=>{
                 children: children
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/avatarStatusDot/avatar.tsx",
-                lineNumber: 34,
-                columnNumber: 7
+                lineNumber: 52,
+                columnNumber: 9
             }, undefined),
             /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.Box, {
                 className: `statusDotContainer ${className}`,
-                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_2["default"], {
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_3["default"], {
                     title: tooltipTitle,
                     arrow: true,
                     children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.Box, {
@@ -3248,29 +3264,29 @@ const Avatar = (param)=>{
                         }
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/avatarStatusDot/avatar.tsx",
-                        lineNumber: 40,
+                        lineNumber: 59,
                         columnNumber: 11
                     }, undefined)
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/avatarStatusDot/avatar.tsx",
-                    lineNumber: 39,
+                    lineNumber: 58,
                     columnNumber: 9
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/avatarStatusDot/avatar.tsx",
-                lineNumber: 38,
+                lineNumber: 57,
                 columnNumber: 7
             }, undefined)
         ]
     }, void 0, true, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/avatarStatusDot/avatar.tsx",
-        lineNumber: 33,
+        lineNumber: 41,
         columnNumber: 5
     }, undefined);
 };
 _c = Avatar;
 Avatar.displayName = 'Avatar';
-/* export default */ const __rspack_default_export = ((0,_mui_material__rspack_import_1.styled)(Avatar)(_style__rspack_import_3.Style));
+/* export default */ const __rspack_default_export = ((0,_mui_material__rspack_import_1.styled)(Avatar)(_style__rspack_import_4.Style));
 var _c;
 $RefreshReg$(_c, "Avatar");
 
@@ -5080,7 +5096,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");
 
 
@@ -7887,7 +7903,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,
@@ -8052,7 +8068,7 @@ __webpack_require__.d(__webpack_exports__, {
 /* 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 _viewHeader_resolveLabel__rspack_import_3 = __webpack_require__("./src/components/viewHeader/resolveLabel.ts");
+/* 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$();
@@ -8094,11 +8110,11 @@ const Pagination = (props)=>{
     ]);
     const pageDisplay = (0,react__rspack_import_1.useMemo)(()=>{
         if (totalCount <= 0) {
-            return (0,_viewHeader_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _viewHeader_resolveLabel__rspack_import_3.PAGINATION_I18N_KEYS.DISPLAYING_ZERO, 'Displaying 0 results');
+            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,_viewHeader_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _viewHeader_resolveLabel__rspack_import_3.PAGINATION_I18N_KEYS.DISPLAYING_RANGE, `Displaying ${start}-${end} of ${totalCount} results`, {
+        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
@@ -8109,9 +8125,9 @@ const Pagination = (props)=>{
         totalCount,
         t
     ]);
-    const showLabel = (0,_viewHeader_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _viewHeader_resolveLabel__rspack_import_3.PAGINATION_I18N_KEYS.SHOW, 'Show');
+    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,_viewHeader_resolveLabel__rspack_import_3.resolveViewHeaderLabel)(t, _viewHeader_resolveLabel__rspack_import_3.PAGINATION_I18N_KEYS.PAGE_OF, `${currentPage} of ${maxPage}`, {
+        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
         });
@@ -8305,11 +8321,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': {
@@ -11226,7 +11244,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: 58,
+                            lineNumber: 60,
                             columnNumber: 33
                         }, undefined),
                         label: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_6["default"], {
@@ -11234,27 +11252,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: 64,
+                            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: 54,
+                        lineNumber: 56,
                         columnNumber: 25
                     }, undefined))
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/DefaultViewPopover.tsx",
-                lineNumber: 52,
+                lineNumber: 54,
                 columnNumber: 17
             }, undefined)
         }, void 0, false, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/DefaultViewPopover.tsx",
-            lineNumber: 51,
+            lineNumber: 53,
             columnNumber: 13
         }, undefined)
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/DefaultViewPopover.tsx",
-        lineNumber: 43,
+        lineNumber: 45,
         columnNumber: 9
     }, undefined);
 }, "KM/+kH6yPX3DlSLK/RaXgy47t6Q=")), "KM/+kH6yPX3DlSLK/RaXgy47t6Q=");
@@ -11282,8 +11300,8 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _mui_material__rspack_import_3 = __webpack_require__("@mui/material");
 /* 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 _resolveLabel__rspack_import_4 = __webpack_require__("./src/components/viewHeader/resolveLabel.ts");
 /* 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");
@@ -11305,9 +11323,9 @@ var _s = $RefreshSig$();
 const ColumnSettingsPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_c = _s((param)=>{
     let { open = null, setOpen = ()=>{}, headers = [], handleClick = ()=>{}, className = '', t } = param;
     _s();
-    const popoverTitle = (0,_resolveLabel__rspack_import_4.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_4.VIEW_HEADER_I18N_KEYS.COLUMN_SETTINGS_POPOVER_TITLE, 'COLUMN SETTINGS');
-    const selectAllLabel = (0,_resolveLabel__rspack_import_4.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_4.VIEW_HEADER_I18N_KEYS.SELECT_ALL, 'Select All');
-    const sortTooltip = (0,_resolveLabel__rspack_import_4.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_4.VIEW_HEADER_I18N_KEYS.SORT_COLUMNS_TOOLTIP, 'Sort A–Z / Z–A');
+    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);
     }, [
@@ -11365,7 +11383,7 @@ const ColumnSettingsPopover = /*#__PURE__*/ _s((0,react__rspack_import_1.memo)(_
                             children: popoverTitle
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                            lineNumber: 83,
+                            lineNumber: 84,
                             columnNumber: 21
                         }, undefined),
                         /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_toolTip__rspack_import_9["default"], {
@@ -11381,23 +11399,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: 91,
+                                    lineNumber: 92,
                                     columnNumber: 29
                                 }, undefined)
                             }, void 0, false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                                lineNumber: 85,
+                                lineNumber: 86,
                                 columnNumber: 25
                             }, undefined)
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                            lineNumber: 84,
+                            lineNumber: 85,
                             columnNumber: 21
                         }, undefined)
                     ]
                 }, void 0, true, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                    lineNumber: 82,
+                    lineNumber: 83,
                     columnNumber: 17
                 }, undefined),
                 /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_3.FormGroup, {
@@ -11418,13 +11436,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: 100,
+                                lineNumber: 101,
                                 columnNumber: 29
                             }, undefined),
                             label: selectAllLabel
                         }, "select-all", false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                            lineNumber: 96,
+                            lineNumber: 97,
                             columnNumber: 21
                         }, undefined),
                         displayHeaders.map((item)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_3.FormControlLabel, {
@@ -11444,30 +11462,30 @@ 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: 116,
+                                    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: 112,
+                                lineNumber: 113,
                                 columnNumber: 25
                             }, undefined))
                     ]
                 }, void 0, true, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-                    lineNumber: 95,
+                    lineNumber: 96,
                     columnNumber: 17
                 }, undefined)
             ]
         }, void 0, true, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-            lineNumber: 81,
+            lineNumber: 82,
             columnNumber: 13
         }, undefined)
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/viewHeader/columnSettingsPopover.tsx",
-        lineNumber: 73,
+        lineNumber: 74,
         columnNumber: 9
     }, undefined);
 }, "U7CaePGf/HcZO4S7uP4qu5I2FIE=")), "U7CaePGf/HcZO4S7uP4qu5I2FIE=");
@@ -11490,7 +11508,7 @@ __webpack_require__.d(__webpack_exports__, {
   ACTION_TYPES: () => (ACTION_TYPES),
   getViewOptions: () => (getViewOptions)
 });
-/* import */ var _resolveLabel__rspack_import_0 = __webpack_require__("./src/components/viewHeader/resolveLabel.ts");
+/* 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 = {
@@ -11507,17 +11525,17 @@ const ACTION_TYPES = {
 const getViewOptions = (viewType, t)=>[
         {
             value: 'LIST',
-            label: (0,_resolveLabel__rspack_import_0.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_0.VIEW_HEADER_I18N_KEYS.SET_DEFAULT_LIST_VIEW, '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: (0,_resolveLabel__rspack_import_0.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_0.VIEW_HEADER_I18N_KEYS.SET_DEFAULT_CARD_VIEW, '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: (0,_resolveLabel__rspack_import_0.resolveViewHeaderLabel)(t, _resolveLabel__rspack_import_0.VIEW_HEADER_I18N_KEYS.DEFAULT_VIEW_NONE, '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
         }
     ];
@@ -11591,10 +11609,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$();
@@ -11611,7 +11629,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"], {
@@ -11670,9 +11688,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");
 
 
@@ -11687,8 +11705,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,
@@ -11733,10 +11751,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$();
@@ -11753,7 +11771,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"], {
@@ -11808,10 +11826,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");
 
 
@@ -11821,7 +11839,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,
@@ -11902,10 +11920,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");
 
 
@@ -11916,8 +11934,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",
@@ -12026,9 +12044,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$();
@@ -12050,8 +12068,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,
@@ -12170,57 +12188,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__, {
-  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) });
-
-
 },
 "./src/components/viewHeader/style.tsx"(module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
@@ -12359,13 +12326,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);
 });
@@ -12607,6 +12574,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) {