@ix_waterford/lib 1.0.49 → 1.0.51

package/dist/components.js

@@ -25,7 +25,6 @@ import * as __rspack_external__mui_icons_material_KeyboardDoubleArrowRight_bcba5
 import * as __rspack_external__mui_lab_a5bcb495 from "@mui/lab";
 import * as __rspack_external__mui_material_39280ebf from "@mui/material";
 import * as __rspack_external__mui_material_CssBaseline_6a578862 from "@mui/material/CssBaseline";
-import * as __rspack_external__mui_material_Fade_74850abd from "@mui/material/Fade";
 import * as __rspack_external__mui_material_styles_19cb2acd from "@mui/material/styles";
 import * as __rspack_external__mui_x_date_pickers_53f203a2 from "@mui/x-date-pickers";
 import * as __rspack_external__mui_x_date_pickers_AdapterDayjs_4afed043 from "@mui/x-date-pickers/AdapterDayjs";
@@ -170,7 +169,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1771828225817
+        // 1774523974687
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -198,7 +197,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1771828225819
+        // 1774523974688
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -226,7 +225,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1771828225818
+        // 1774523974690
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -254,7 +253,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1771828225818
+        // 1774523974689
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -3365,13 +3364,13 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _mui_icons_material_KeyboardDoubleArrowLeft__rspack_import_7 = __webpack_require__("@mui/icons-material/KeyboardDoubleArrowLeft");
 /* import */ var _mui_icons_material_KeyboardDoubleArrowRight__rspack_import_8 = __webpack_require__("@mui/icons-material/KeyboardDoubleArrowRight");
 /* import */ var _mui_material__rspack_import_9 = __webpack_require__("@mui/material");
-/* import */ var _mui_material_Fade__rspack_import_10 = __webpack_require__("@mui/material/Fade");
 /* import */ var _style__rspack_import_16 = __webpack_require__("./src/components/dateRangePicker/style.tsx");
-/* import */ var _constants_dateConstants__rspack_import_11 = __webpack_require__("./src/constants/dateConstants.ts");
-/* import */ var _button__rspack_import_12 = __webpack_require__("./src/components/button/button.tsx");
-/* import */ var _iconButton__rspack_import_13 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
-/* import */ var _textField__rspack_import_15 = __webpack_require__("./src/components/textField/textField.tsx");
-/* import */ var _typography__rspack_import_14 = __webpack_require__("./src/components/typography/typography.tsx");
+/* import */ var _constants_dateConstants__rspack_import_10 = __webpack_require__("./src/constants/dateConstants.ts");
+/* import */ var _button__rspack_import_11 = __webpack_require__("./src/components/button/button.tsx");
+/* import */ var _iconButton__rspack_import_12 = __webpack_require__("./src/components/iconButton/iconButton.tsx");
+/* import */ var _popper__rspack_import_15 = __webpack_require__("./src/components/popper/popper.tsx");
+/* import */ var _textField__rspack_import_14 = __webpack_require__("./src/components/textField/textField.tsx");
+/* import */ var _typography__rspack_import_13 = __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$();
@@ -3418,6 +3417,7 @@ const DateRangePicker = (param)=>{
     const pickerRef = (0,react__rspack_import_1.useRef)(null);
     const popperRef = (0,react__rspack_import_1.useRef)(null);
     (0,react__rspack_import_1.useEffect)(()=>{
+        // eslint-disable-next-line react-hooks/set-state-in-effect
         setSelectedDates(value);
         setInputValues([
             value[0] ? value[0].format(format) : '',
@@ -3426,7 +3426,6 @@ const DateRangePicker = (param)=>{
         if (value[0]) {
             setCurrentMonth(value[0]);
         }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         value,
         format
@@ -3443,7 +3442,10 @@ const DateRangePicker = (param)=>{
         return ()=>document.removeEventListener('mousedown', handleClickOutside);
     }, []);
     (0,react__rspack_import_1.useEffect)(()=>{
-        if (isOpen && selectedDates[0]) setCurrentMonth(selectedDates[0]);
+        if (isOpen && selectedDates[0]) {
+            // eslint-disable-next-line react-hooks/set-state-in-effect
+            setCurrentMonth(selectedDates[0]);
+        }
         if (isOpen) setViewMode('date');
     }, [
         isOpen,
@@ -3584,21 +3586,21 @@ const DateRangePicker = (param)=>{
         const targetMonth = calendarIndex === 0 ? currentMonth : currentMonth.add(1, 'month');
         return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Box, {
             className: "gridBox",
-            children: _constants_dateConstants__rspack_import_11.months.map((month, index)=>{
+            children: _constants_dateConstants__rspack_import_10.months.map((month, index)=>{
                 const isCurrentMonth = index === targetMonth.month() && activeCalendar === calendarIndex;
-                return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_button__rspack_import_12["default"], {
+                return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_button__rspack_import_11["default"], {
                     onClick: ()=>handleMonthClick(index),
                     className: `calendarYearButton ${isCurrentMonth ? 'currentMonth' : ''}`,
                     children: month
                 }, month, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                    lineNumber: 245,
+                    lineNumber: 246,
                     columnNumber: 13
                 }, undefined);
             })
         }, void 0, false, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-            lineNumber: 240,
+            lineNumber: 241,
             columnNumber: 7
         }, undefined);
     };
@@ -3615,7 +3617,7 @@ const DateRangePicker = (param)=>{
             children: years.map((y)=>{
                 const isOther = y === start - 1 || y === end + 1;
                 const isCurrentYear = y === targetMonth.year() && activeCalendar === calendarIndex;
-                return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_button__rspack_import_12["default"], {
+                return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_button__rspack_import_11["default"], {
                     onClick: ()=>handleYearClick(y),
                     disabled: isOther,
                     className: `calendarYearButton 
@@ -3624,13 +3626,13 @@ const DateRangePicker = (param)=>{
                     children: y
                 }, y, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                    lineNumber: 275,
+                    lineNumber: 276,
                     columnNumber: 13
                 }, undefined);
             })
         }, void 0, false, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-            lineNumber: 269,
+            lineNumber: 270,
             columnNumber: 7
         }, undefined);
     };
@@ -3664,78 +3666,78 @@ const DateRangePicker = (param)=>{
                     children: [
                         (viewMode === 'date' && offset === 0 || viewMode !== 'date') && /*#__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)(_iconButton__rspack_import_13["default"], {
+                                /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_12["default"], {
                                     size: "small",
                                     onClick: ()=>handleNavigation('prev-year'),
                                     children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_icons_material_KeyboardDoubleArrowLeft__rspack_import_7["default"], {
                                         fontSize: "small"
                                     }, void 0, false, {
                                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                        lineNumber: 341,
+                                        lineNumber: 342,
                                         columnNumber: 17
                                     }, _this)
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                    lineNumber: 337,
+                                    lineNumber: 338,
                                     columnNumber: 15
                                 }, _this),
-                                viewMode === 'date' && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_13["default"], {
+                                viewMode === 'date' && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_12["default"], {
                                     size: "small",
                                     onClick: ()=>handleNavigation('prev-month'),
                                     children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_icons_material_ChevronLeft__rspack_import_5["default"], {
                                         fontSize: "small"
                                     }, void 0, false, {
                                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                        lineNumber: 348,
+                                        lineNumber: 349,
                                         columnNumber: 19
                                     }, _this)
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                    lineNumber: 344,
+                                    lineNumber: 345,
                                     columnNumber: 17
                                 }, _this)
                             ]
                         }, void 0, true),
-                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_14["default"], {
+                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_13["default"], {
                             variant: "body2",
                             onClick: ()=>handleMonthYearClick(calendarIndex),
                             className: "monthLabel",
                             children: getHeaderLabel()
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                            lineNumber: 354,
+                            lineNumber: 355,
                             columnNumber: 11
                         }, _this),
                         (viewMode === 'date' && offset === 1 || viewMode !== 'date') && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(react_jsx_dev_runtime__rspack_import_0.Fragment, {
                             children: [
-                                viewMode === 'date' && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_13["default"], {
+                                viewMode === 'date' && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_12["default"], {
                                     size: "small",
                                     onClick: ()=>handleNavigation('next-month'),
                                     children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_icons_material_ChevronRight__rspack_import_6["default"], {
                                         fontSize: "small"
                                     }, void 0, false, {
                                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                        lineNumber: 369,
+                                        lineNumber: 370,
                                         columnNumber: 19
                                     }, _this)
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                    lineNumber: 365,
+                                    lineNumber: 366,
                                     columnNumber: 17
                                 }, _this),
-                                /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_13["default"], {
+                                /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_iconButton__rspack_import_12["default"], {
                                     size: "small",
                                     onClick: ()=>handleNavigation('next-year'),
                                     children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_icons_material_KeyboardDoubleArrowRight__rspack_import_8["default"], {
                                         fontSize: "small"
                                     }, void 0, false, {
                                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                        lineNumber: 376,
+                                        lineNumber: 377,
                                         columnNumber: 17
                                     }, _this)
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                    lineNumber: 372,
+                                    lineNumber: 373,
                                     columnNumber: 15
                                 }, _this)
                             ]
@@ -3743,18 +3745,18 @@ const DateRangePicker = (param)=>{
                     ]
                 }, void 0, true, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                    lineNumber: 326,
+                    lineNumber: 327,
                     columnNumber: 9
                 }, _this),
                 viewMode === 'date' && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Box, {
                     className: "weekGrid",
                     children: [
-                        _constants_dateConstants__rspack_import_11.weekDays.map((d)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_14["default"], {
+                        _constants_dateConstants__rspack_import_10.weekDays.map((d)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_13["default"], {
                                 className: "weekDayLabel",
                                 children: d
                             }, d, false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                lineNumber: 385,
+                                lineNumber: 386,
                                 columnNumber: 15
                             }, _this)),
                         days.map((day)=>{
@@ -3783,14 +3785,14 @@ const DateRangePicker = (param)=>{
                                 children: day.date()
                             }, day.valueOf(), false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                lineNumber: 402,
+                                lineNumber: 403,
                                 columnNumber: 17
                             }, _this);
                         })
                     ]
                 }, void 0, true, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                    lineNumber: 383,
+                    lineNumber: 384,
                     columnNumber: 11
                 }, _this),
                 viewMode === 'month' && renderMonthPicker(calendarIndex),
@@ -3798,7 +3800,7 @@ const DateRangePicker = (param)=>{
             ]
         }, void 0, true, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-            lineNumber: 325,
+            lineNumber: 326,
             columnNumber: 7
         }, _this);
     };
@@ -3812,7 +3814,7 @@ const DateRangePicker = (param)=>{
             /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Box, {
                 className: "inputBox",
                 children: [
-                    /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_textField__rspack_import_15["default"], {
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_textField__rspack_import_14["default"], {
                         value: inputValues[0],
                         onChange: (e)=>handleInputChange(0, e.target.value),
                         onBlur: ()=>handleInputBlur(0),
@@ -3828,17 +3830,17 @@ const DateRangePicker = (param)=>{
                         }
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                        lineNumber: 438,
+                        lineNumber: 439,
                         columnNumber: 9
                     }, undefined),
-                    /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_14["default"], {
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_13["default"], {
                         children: "→"
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                        lineNumber: 453,
+                        lineNumber: 454,
                         columnNumber: 9
                     }, undefined),
-                    /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_textField__rspack_import_15["default"], {
+                    /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_textField__rspack_import_14["default"], {
                         value: inputValues[1],
                         onChange: (e)=>handleInputChange(1, e.target.value),
                         onBlur: ()=>handleInputBlur(1),
@@ -3854,7 +3856,7 @@ const DateRangePicker = (param)=>{
                         className: "styledTextField"
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                        lineNumber: 454,
+                        lineNumber: 455,
                         columnNumber: 9
                     }, undefined),
                     /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_icons_material_CalendarMonth__rspack_import_4["default"], {
@@ -3863,123 +3865,94 @@ const DateRangePicker = (param)=>{
                         onClick: ()=>setIsOpen((s)=>!s)
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                        lineNumber: 469,
+                        lineNumber: 470,
                         columnNumber: 9
                     }, undefined)
                 ]
             }, void 0, true, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                lineNumber: 437,
+                lineNumber: 438,
                 columnNumber: 7
             }, undefined),
-            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Popper, {
+            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_popper__rspack_import_15["default"], {
                 open: isOpen,
                 anchorEl: anchorEl,
-                placement: "bottom-start",
-                transition: true,
-                modifiers: [
-                    {
-                        name: 'offset',
-                        options: {
-                            offset: [
-                                0,
-                                8
-                            ]
-                        }
-                    }
-                ],
                 className: className,
-                children: (param)=>{
-                    let { TransitionProps } = param;
-                    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material_Fade__rspack_import_10["default"], {
-                        ...TransitionProps,
-                        timeout: 200,
-                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Paper, {
-                            ref: (el)=>{
-                                popperRef.current = el;
-                            },
-                            elevation: 3,
-                            className: "popperPaper",
-                            children: [
-                                presets.length > 0 && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Box, {
-                                    className: "presetListContainer",
-                                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.List, {
-                                        disablePadding: true,
-                                        children: presets.map((preset)=>{
-                                            var _selectedDates_, _selectedDates_1;
-                                            const isSelected = ((_selectedDates_ = selectedDates[0]) === null || _selectedDates_ === void 0 ? void 0 : _selectedDates_.isSame(preset.value[0], 'day')) && ((_selectedDates_1 = selectedDates[1]) === null || _selectedDates_1 === void 0 ? void 0 : _selectedDates_1.isSame(preset.value[1], 'day'));
-                                            return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.ListItemButton, {
-                                                onClick: ()=>handlePresetClick(preset.value),
-                                                selected: isSelected,
-                                                className: "presetListItem",
-                                                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_14["default"], {
-                                                    variant: "body1",
-                                                    children: preset.label
-                                                }, void 0, false, {
-                                                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                                    lineNumber: 507,
-                                                    columnNumber: 27
-                                                }, undefined)
-                                            }, preset.label, false, {
+                paperHeight: "300px",
+                paperRef: (el)=>{
+                    popperRef.current = el;
+                },
+                children: ()=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(react_jsx_dev_runtime__rspack_import_0.Fragment, {
+                        children: [
+                            presets.length > 0 && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Box, {
+                                className: "presetListContainer",
+                                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.List, {
+                                    disablePadding: true,
+                                    children: presets.map((preset)=>{
+                                        var _selectedDates_, _selectedDates_1;
+                                        const isSelected = ((_selectedDates_ = selectedDates[0]) === null || _selectedDates_ === void 0 ? void 0 : _selectedDates_.isSame(preset.value[0], 'day')) && ((_selectedDates_1 = selectedDates[1]) === null || _selectedDates_1 === void 0 ? void 0 : _selectedDates_1.isSame(preset.value[1], 'day'));
+                                        return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.ListItemButton, {
+                                            onClick: ()=>handlePresetClick(preset.value),
+                                            selected: isSelected,
+                                            className: "presetListItem",
+                                            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_typography__rspack_import_13["default"], {
+                                                variant: "body1",
+                                                children: preset.label
+                                            }, void 0, false, {
                                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                                lineNumber: 501,
+                                                lineNumber: 502,
                                                 columnNumber: 25
-                                            }, undefined);
-                                        })
-                                    }, void 0, false, {
-                                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                        lineNumber: 495,
-                                        columnNumber: 19
-                                    }, undefined)
+                                            }, undefined)
+                                        }, preset.label, false, {
+                                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
+                                            lineNumber: 496,
+                                            columnNumber: 23
+                                        }, undefined);
+                                    })
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                    lineNumber: 494,
+                                    lineNumber: 490,
                                     columnNumber: 17
-                                }, undefined),
-                                /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Box, {
-                                    className: "calendarWrapper",
-                                    children: [
-                                        /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Box, {
-                                            children: renderCalendar(currentMonth, 0)
-                                        }, void 0, false, {
-                                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                            lineNumber: 518,
-                                            columnNumber: 17
-                                        }, undefined),
-                                        viewMode === 'date' && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Box, {
-                                            children: renderCalendar(currentMonth, 1)
-                                        }, void 0, false, {
-                                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                            lineNumber: 520,
-                                            columnNumber: 19
-                                        }, undefined)
-                                    ]
-                                }, void 0, true, {
-                                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                                    lineNumber: 517,
-                                    columnNumber: 15
                                 }, undefined)
-                            ]
-                        }, void 0, true, {
-                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                            lineNumber: 486,
-                            columnNumber: 13
-                        }, undefined)
-                    }, void 0, false, {
-                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                        lineNumber: 485,
-                        columnNumber: 11
-                    }, undefined);
-                }
+                            }, void 0, false, {
+                                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
+                                lineNumber: 489,
+                                columnNumber: 15
+                            }, undefined),
+                            /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Box, {
+                                className: "calendarWrapper",
+                                children: [
+                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Box, {
+                                        children: renderCalendar(currentMonth, 0)
+                                    }, void 0, false, {
+                                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
+                                        lineNumber: 513,
+                                        columnNumber: 15
+                                    }, undefined),
+                                    viewMode === 'date' && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_9.Box, {
+                                        children: renderCalendar(currentMonth, 1)
+                                    }, void 0, false, {
+                                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
+                                        lineNumber: 515,
+                                        columnNumber: 17
+                                    }, undefined)
+                                ]
+                            }, void 0, true, {
+                                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
+                                lineNumber: 512,
+                                columnNumber: 13
+                            }, undefined)
+                        ]
+                    }, void 0, true)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-                lineNumber: 476,
+                lineNumber: 477,
                 columnNumber: 7
             }, undefined)
         ]
     }, void 0, true, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/dateRangePicker/dateRangePicker.tsx",
-        lineNumber: 430,
+        lineNumber: 431,
         columnNumber: 5
     }, undefined);
 };
@@ -4030,15 +4003,6 @@ const Style = (param)=>{
                 boxShadow: `0 0 0 2px ${theme.palette.primary.light}25`
             }
         },
-        '.popperPaper': {
-            height: '300px',
-            marginTop: 8,
-            display: 'flex',
-            borderRadius: 8,
-            overflow: 'hidden',
-            boxShadow: '0 4px 20px rgba(0,0,0,0.12)',
-            backgroundColor: '#fff'
-        },
         '.presetListContainer': {
             minWidth: 160,
             borderRight: '1px solid #e0e0e0'
@@ -4528,6 +4492,7 @@ __webpack_require__.d(__webpack_exports__, {
   Modal: () => (/* reexport safe */ _modal__rspack_import_6["default"]),
   MultiSelect: () => (/* reexport safe */ _select__rspack_import_27["default"]),
   Popover: () => (/* reexport safe */ _popOver__rspack_import_9["default"]),
+  Popper: () => (/* reexport safe */ _popper__rspack_import_46["default"]),
   Radio: () => (/* reexport safe */ _radio__rspack_import_20["default"]),
   SearchBar: () => (/* reexport safe */ _searchBar__rspack_import_30["default"]),
   Select: () => (/* reexport safe */ _select__rspack_import_26["default"]),
@@ -4594,6 +4559,7 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _carousal__rspack_import_43 = __webpack_require__("./src/components/carousal/carousal.tsx");
 /* import */ var _table__rspack_import_44 = __webpack_require__("./src/components/table/table.tsx");
 /* import */ var _viewHeader__rspack_import_45 = __webpack_require__("./src/components/viewHeader/viewHeader.tsx");
+/* import */ var _popper__rspack_import_46 = __webpack_require__("./src/components/popper/popper.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
@@ -4635,6 +4601,7 @@ __webpack_require__.d(__webpack_exports__, {
 
 
 
+
 
 
 function $RefreshSig$() { return $ReactRefreshRuntime$.createSignatureFunctionForTransform() }
@@ -5067,6 +5034,113 @@ function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id
 Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
 
 
+},
+"./src/components/popper/popper.tsx"(module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* 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_2 = __webpack_require__("./src/components/popper/style.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+
+
+const Popper = (param)=>{
+    let { open, anchorEl, placement = 'bottom-start', transition = true, modifiers = [
+        {
+            name: 'offset',
+            options: {
+                offset: [
+                    0,
+                    8
+                ]
+            }
+        }
+    ], className = '', children, paperRef, paperHeight, ...restProps } = param;
+    const paperHeightValue = paperHeight ? typeof paperHeight === 'number' ? `${paperHeight}px` : paperHeight : 'auto';
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.Popper, {
+        open: open,
+        anchorEl: anchorEl,
+        placement: placement,
+        transition: transition,
+        modifiers: modifiers,
+        className: className,
+        ...restProps,
+        children: (param)=>{
+            let { TransitionProps } = param;
+            return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.Fade, {
+                ...TransitionProps,
+                timeout: 200,
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.Paper, {
+                    ref: paperRef,
+                    elevation: 3,
+                    className: "popperPaper",
+                    sx: {
+                        height: paperHeightValue
+                    },
+                    children: children({
+                        TransitionProps
+                    })
+                }, void 0, false, {
+                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/popper/popper.tsx",
+                    lineNumber: 46,
+                    columnNumber: 21
+                }, undefined)
+            }, void 0, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/popper/popper.tsx",
+                lineNumber: 45,
+                columnNumber: 17
+            }, undefined);
+        }
+    }, void 0, false, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/popper/popper.tsx",
+        lineNumber: 35,
+        columnNumber: 9
+    }, undefined);
+};
+_c = Popper;
+Popper.displayName = 'Popper';
+/* export default */ const __rspack_default_export = ((0,_mui_material__rspack_import_1.styled)(Popper)(_style__rspack_import_2.Style));
+var _c;
+$RefreshReg$(_c, "Popper");
+
+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/popper/style.tsx"(module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  Style: () => (Style)
+});
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+const Style = (param)=>{
+    let { theme } = param;
+    return {
+        zIndex: 1300,
+        '& .popperPaper': {
+            marginTop: theme.spacing(1),
+            display: 'flex',
+            borderRadius: theme.shape.borderRadius,
+            overflow: 'hidden',
+            boxShadow: theme.shadows[3],
+            backgroundColor: theme.palette.background.paper
+        }
+    };
+};
+_c = Style;
+var _c;
+$RefreshReg$(_c, "Style");
+
+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/radio/radio.tsx"(module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
@@ -5941,7 +6015,8 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var react__rspack_import_1 = __webpack_require__("react");
 /* import */ var _mui_material__rspack_import_2 = __webpack_require__("@mui/material");
 /* import */ var _defaultMappings__rspack_import_3 = __webpack_require__("./src/components/table/body/defaultMappings.tsx");
-/* import */ var _tableActions__rspack_import_4 = __webpack_require__("./src/components/table/body/tableActions.tsx");
+/* import */ var _tableActions__rspack_import_5 = __webpack_require__("./src/components/table/body/tableActions.tsx");
+/* import */ var _checkBox__rspack_import_4 = __webpack_require__("./src/components/checkBox/checkBox.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 
@@ -5950,9 +6025,10 @@ var _s = $RefreshSig$();
 
 
 
+
 const TblBody = (props)=>{
     _s();
-    const { dataRows = [], headers = [], headerStyles = {}, nullFieldText = '', fieldMappings = {}, actions = [], handleAction = ()=>{}, handleRowDataClick = ()=>{}, customActions = {}, lazyLoad = null } = props;
+    const { dataRows = [], headers = [], headerStyles = {}, nullFieldText = '', fieldMappings = {}, actions = [], handleAction = ()=>{}, handleRowDataClick = ()=>{}, customActions = {}, lazyLoad = null, showCheckbox = false, selectedRows = [], handleSelectRows = ()=>{}, getRowId = (_row, index)=>index } = props;
     const dataheaders = (0,react__rspack_import_1.useMemo)(()=>{
         return headers.filter((item)=>item.visible && item.field !== 'actions');
     }, [
@@ -5966,12 +6042,42 @@ const TblBody = (props)=>{
     }, [
         fieldMappings
     ]);
+    const toggleRowSelection = (rowId)=>{
+        const isSelected = selectedRows.includes(rowId);
+        if (isSelected) {
+            handleSelectRows(selectedRows.filter((id)=>id !== rowId));
+        } else {
+            handleSelectRows([
+                ...selectedRows,
+                rowId
+            ]);
+        }
+    };
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableBody, {
         children: [
-            dataRows.map((data, index)=>// eslint-disable-next-line
+            dataRows.map((data, index)=>{
+                const rowId = getRowId(data, index);
+                const isRowSelected = selectedRows.includes(rowId);
+                return(// eslint-disable-next-line
                 /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableRow, {
                     className: "tableRowCls",
                     children: [
+                        showCheckbox && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableCell, {
+                            className: "tableColCls tableColCls-checkbox",
+                            padding: "checkbox",
+                            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_checkBox__rspack_import_4["default"], {
+                                checked: isRowSelected,
+                                onChange: ()=>toggleRowSelection(rowId)
+                            }, void 0, false, {
+                                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
+                                lineNumber: 58,
+                                columnNumber: 33
+                            }, undefined)
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
+                            lineNumber: 57,
+                            columnNumber: 29
+                        }, undefined),
                         dataheaders.map((col, indx)=>{
                             // eslint-disable-next-line
                             const styles = {
@@ -5987,8 +6093,8 @@ const TblBody = (props)=>{
                                 "data-field": col.field,
                                 __source: {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                                    lineNumber: 33,
-                                    columnNumber: 29
+                                    lineNumber: 70,
+                                    columnNumber: 33
                                 },
                                 __self: undefined
                             }, mappingFunction({
@@ -6001,32 +6107,33 @@ const TblBody = (props)=>{
                         actions.length > 0 && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableCell, {
                             className: "tableColCls",
                             "data-field": "actions",
-                            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_tableActions__rspack_import_4["default"], {
+                            children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_tableActions__rspack_import_5["default"], {
                                 rowData: data,
                                 actions: actions,
                                 handleAction: handleAction,
                                 customActions: customActions
                             }, void 0, false, {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                                lineNumber: 46,
-                                columnNumber: 29
+                                lineNumber: 83,
+                                columnNumber: 33
                             }, undefined)
                         }, void 0, false, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                            lineNumber: 45,
-                            columnNumber: 25
+                            lineNumber: 82,
+                            columnNumber: 29
                         }, undefined)
                     ]
                 }, `data-col-${index}`, true, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                    lineNumber: 26,
-                    columnNumber: 17
-                }, undefined)),
+                    lineNumber: 55,
+                    columnNumber: 21
+                }, undefined));
+            }),
             lazyLoad
         ]
     }, void 0, true, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-        lineNumber: 23,
+        lineNumber: 49,
         columnNumber: 9
     }, undefined);
 };
@@ -6326,7 +6433,7 @@ __webpack_require__.d(__webpack_exports__, {
 
 
 const SearchBar = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (props)=>{
-    const { headers = [], searchObj = {}, handleSearch = ()=>{} } = props;
+    const { headers = [], searchObj = {}, handleSearch = ()=>{}, showCheckbox = false } = props;
     const renderSearchField = (item)=>{
         var _item_customSearch, _item_customSearch1;
         if (item.searchable) {
@@ -6343,7 +6450,7 @@ const SearchBar = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (pro
                     })
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-                lineNumber: 20,
+                lineNumber: 21,
                 columnNumber: 17
             }, undefined);
         }
@@ -6358,7 +6465,7 @@ const SearchBar = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (pro
                     })
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-                lineNumber: 31,
+                lineNumber: 32,
                 columnNumber: 17
             }, undefined);
         }
@@ -6372,7 +6479,7 @@ const SearchBar = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (pro
                     })
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-                lineNumber: 42,
+                lineNumber: 43,
                 columnNumber: 17
             }, undefined);
         }
@@ -6380,23 +6487,34 @@ const SearchBar = /*#__PURE__*/ react__rspack_import_1["default"].memo(_c = (pro
     };
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableBody, {
         children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableRow, {
-            children: headers.map((item)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableCell, {
-                    className: "searchBox",
-                    "data-field": item.field,
-                    children: renderSearchField(item)
-                }, `search-${item.field}`, false, {
+            children: [
+                showCheckbox && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableCell, {
+                    className: "searchBox searchBox-checkbox",
+                    "data-field": "checkbox",
+                    padding: "checkbox"
+                }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-                    lineNumber: 57,
+                    lineNumber: 58,
                     columnNumber: 21
-                }, undefined))
-        }, void 0, false, {
+                }, undefined),
+                headers.map((item)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableCell, {
+                        className: "searchBox",
+                        "data-field": item.field,
+                        children: renderSearchField(item)
+                    }, `search-${item.field}`, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
+                        lineNumber: 61,
+                        columnNumber: 21
+                    }, undefined))
+            ]
+        }, void 0, true, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-            lineNumber: 55,
+            lineNumber: 56,
             columnNumber: 13
         }, undefined)
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/searchBar.tsx",
-        lineNumber: 54,
+        lineNumber: 55,
         columnNumber: 9
     }, undefined);
 });
@@ -6605,10 +6723,12 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _dnd_kit_sortable__rspack_import_2 = __webpack_require__("@dnd-kit/sortable");
 /* import */ var _dnd_kit_utilities__rspack_import_3 = __webpack_require__("@dnd-kit/utilities");
 /* import */ var _mui_material__rspack_import_4 = __webpack_require__("@mui/material");
-/* import */ var _headerContent__rspack_import_5 = __webpack_require__("./src/components/table/header/headerContent.tsx");
+/* import */ var _headerContent__rspack_import_6 = __webpack_require__("./src/components/table/header/headerContent.tsx");
+/* import */ var _checkBox__rspack_import_5 = __webpack_require__("./src/components/checkBox/checkBox.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
-var _s = $RefreshSig$();
+var _s = $RefreshSig$(), _s1 = $RefreshSig$();
+
 
 
 
@@ -6641,7 +6761,7 @@ const SortableTableCell = (param)=>{
         children: children
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
-        lineNumber: 25,
+        lineNumber: 27,
         columnNumber: 9
     }, undefined);
 };
@@ -6652,48 +6772,87 @@ _s(SortableTableCell, "wZ9LrlAdu45h+k5IBlwhyTPFbVs=", false, function() {
 });
 _c = SortableTableCell;
 const TblHeader = (props)=>{
+    _s1();
     const { headers = [], sortObj = {
         sortField: '',
         sortBy: ''
-    }, handleSort = ()=>{}, headerStyles = {} } = props;
+    }, handleSort = ()=>{}, headerStyles = {}, showCheckbox = false, selectedRows = [], handleSelectRows = ()=>{}, dataRows = [], getRowId = (_row, index)=>index } = props;
+    const allRowIds = (0,react__rspack_import_1.useMemo)(()=>showCheckbox && dataRows.length ? dataRows.map((row, i)=>getRowId(row, i)) : [], [
+        showCheckbox,
+        dataRows,
+        getRowId
+    ]);
+    const allSelected = allRowIds.length > 0 && allRowIds.every((id)=>selectedRows.includes(id));
+    const someSelected = selectedRows.length > 0 && selectedRows.some((id)=>allRowIds.includes(id));
+    const onSelectAll = ()=>{
+        if (allSelected) {
+            handleSelectRows([]);
+        } else {
+            handleSelectRows([
+                ...allRowIds
+            ]);
+        }
+    };
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_4.TableHead, {
         children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_4.TableRow, {
-            children: headers.filter((col)=>col.visible).map((col, index)=>{
-                const isDisabled = col.draggable === false;
-                // eslint-disable-next-line
-                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",
-                    disabled: isDisabled,
-                    customSx: styles,
-                    "data-field": col.field,
-                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_headerContent__rspack_import_5["default"], {
-                        ...col,
-                        sortObj: sortObj,
-                        handleSort: handleSort
+            children: [
+                showCheckbox && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_4.TableCell, {
+                    className: "tableHeaderCls tableHeaderCls-checkbox",
+                    padding: "checkbox",
+                    children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_checkBox__rspack_import_5["default"], {
+                        checked: allSelected,
+                        indeterminate: someSelected && !allSelected,
+                        onChange: ()=>{
+                            onSelectAll();
+                        }
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
-                        lineNumber: 64,
-                        columnNumber: 33
+                        lineNumber: 75,
+                        columnNumber: 25
                     }, undefined)
-                }, col.field || index, false, {
+                }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
-                    lineNumber: 56,
-                    columnNumber: 29
-                }, undefined);
-            })
-        }, void 0, false, {
+                    lineNumber: 74,
+                    columnNumber: 21
+                }, undefined),
+                headers.filter((col)=>col.visible).map((col, index)=>{
+                    const isDisabled = col.draggable === false;
+                    // eslint-disable-next-line
+                    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",
+                        disabled: isDisabled,
+                        customSx: styles,
+                        "data-field": col.field,
+                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_headerContent__rspack_import_6["default"], {
+                            ...col,
+                            sortObj: sortObj,
+                            handleSort: handleSort
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
+                            lineNumber: 99,
+                            columnNumber: 33
+                        }, undefined)
+                    }, col.field || index, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
+                        lineNumber: 91,
+                        columnNumber: 29
+                    }, undefined);
+                })
+            ]
+        }, void 0, true, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
-            lineNumber: 48,
+            lineNumber: 72,
             columnNumber: 13
         }, undefined)
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/header/tblHeader.tsx",
-        lineNumber: 47,
+        lineNumber: 71,
         columnNumber: 9
     }, undefined);
 };
+_s1(TblHeader, "oivuNt3wMfrXxYi1rTT4R3Oy1uQ=");
 _c1 = TblHeader;
 /* export default */ const __rspack_default_export = (TblHeader);
 var _c, _c1;
@@ -7154,6 +7313,10 @@ const Style = (param)=>{
         '.text-search-icon-button': {
             width: '26px',
             height: '26px'
+        },
+        '.avatar-title-wrapper': {
+            height: '35px',
+            width: '35px'
         }
     };
 };
@@ -7197,7 +7360,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 = {}, noRecordsFound = false, openSearch = false, handleSearch = ()=>{}, handleAction = ()=>{}, actions = [], handleRowDataClick = ()=>{}, customActions = {}, lazyLoad = null } = props;
+    }, handleSort = ()=>{}, searchObj = {}, noRecordsFound = false, openSearch = false, handleSearch = ()=>{}, handleAction = ()=>{}, actions = [], handleRowDataClick = ()=>{}, customActions = {}, lazyLoad = null, showCheckbox = false, selectedRows = [], handleSelectRows = ()=>{}, getRowId = (_row, index)=>index } = props;
     const visibleHeaders = (0,react__rspack_import_1.useMemo)(()=>{
         return headers.filter((f)=>f.visible);
     }, [
@@ -7207,12 +7370,24 @@ const TableComponent = (props)=>{
             headers: headers,
             headerStyles: headerStyles,
             sortObj: sortObj,
-            handleSort: handleSort
+            handleSort: handleSort,
+            ...showCheckbox && {
+                showCheckbox: true,
+                selectedRows,
+                handleSelectRows,
+                dataRows,
+                getRowId
+            }
         }), [
         headers,
         headerStyles,
         sortObj,
-        handleSort
+        handleSort,
+        showCheckbox,
+        selectedRows,
+        handleSelectRows,
+        dataRows,
+        getRowId
     ]);
     const bodyProps = (0,react__rspack_import_1.useMemo)(()=>({
             dataRows: dataRows,
@@ -7224,7 +7399,13 @@ const TableComponent = (props)=>{
             actions: actions,
             customActions: customActions,
             handleRowDataClick: handleRowDataClick,
-            lazyLoad: lazyLoad
+            lazyLoad: lazyLoad,
+            ...showCheckbox && {
+                showCheckbox: true,
+                selectedRows,
+                handleSelectRows,
+                getRowId
+            }
         }), [
         dataRows,
         headers,
@@ -7235,7 +7416,11 @@ const TableComponent = (props)=>{
         actions,
         handleRowDataClick,
         customActions,
-        lazyLoad
+        lazyLoad,
+        showCheckbox,
+        selectedRows,
+        handleSelectRows,
+        getRowId
     ]);
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(react_jsx_dev_runtime__rspack_import_0.Fragment, {
         children: [
@@ -7253,47 +7438,48 @@ const TableComponent = (props)=>{
                                     ...headerProps
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 56,
+                                    lineNumber: 71,
                                     columnNumber: 25
                                 }, undefined),
                                 openSearch && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_header_searchBar__rspack_import_5["default"], {
                                     headers: visibleHeaders,
                                     searchObj: searchObj,
-                                    handleSearch: handleSearch
+                                    handleSearch: handleSearch,
+                                    showCheckbox: showCheckbox
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 58,
+                                    lineNumber: 73,
                                     columnNumber: 29
                                 }, undefined),
                                 /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_body_tblBody__rspack_import_6["default"], {
                                     ...bodyProps
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 64,
+                                    lineNumber: 80,
                                     columnNumber: 25
                                 }, undefined)
                             ]
                         }, void 0, true, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                            lineNumber: 55,
+                            lineNumber: 70,
                             columnNumber: 21
                         }, undefined)
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                        lineNumber: 54,
+                        lineNumber: 69,
                         columnNumber: 17
                     }, undefined),
                     noRecordsFound && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Box, {
                         children: "No records found"
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                        lineNumber: 69,
+                        lineNumber: 85,
                         columnNumber: 36
                     }, undefined)
                 ]
             }, void 0, true, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                lineNumber: 50,
+                lineNumber: 65,
                 columnNumber: 13
             }, undefined),
             showPagination && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Grid, {
@@ -7307,12 +7493,12 @@ const TableComponent = (props)=>{
                     }
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                    lineNumber: 74,
+                    lineNumber: 90,
                     columnNumber: 25
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                lineNumber: 73,
+                lineNumber: 89,
                 columnNumber: 21
             }, undefined)
         ]
@@ -11166,12 +11352,6 @@ module.exports = __rspack_external__mui_material_39280ebf;
 module.exports = __rspack_external__mui_material_CssBaseline_6a578862;
 
 
-},
-"@mui/material/Fade"(module) {
-
-module.exports = __rspack_external__mui_material_Fade_74850abd;
-
-
 },
 "@mui/material/styles"(module) {
 
@@ -23346,6 +23526,7 @@ var __webpack_exports__Menu = __webpack_exports__.Menu;
 var __webpack_exports__Modal = __webpack_exports__.Modal;
 var __webpack_exports__MultiSelect = __webpack_exports__.MultiSelect;
 var __webpack_exports__Popover = __webpack_exports__.Popover;
+var __webpack_exports__Popper = __webpack_exports__.Popper;
 var __webpack_exports__Radio = __webpack_exports__.Radio;
 var __webpack_exports__SearchBar = __webpack_exports__.SearchBar;
 var __webpack_exports__Select = __webpack_exports__.Select;
@@ -23365,6 +23546,6 @@ var __webpack_exports__Timeline = __webpack_exports__.Timeline;
 var __webpack_exports__Tooltip = __webpack_exports__.Tooltip;
 var __webpack_exports__Typography = __webpack_exports__.Typography;
 var __webpack_exports__ViewHeader = __webpack_exports__.ViewHeader;
-export { __webpack_exports__Accordion as Accordion, __webpack_exports__Autocomplete as Autocomplete, __webpack_exports__Avatar as Avatar, __webpack_exports__AvatarGroup as AvatarGroup, __webpack_exports__AvatarStatus as AvatarStatus, __webpack_exports__AvatarTitle as AvatarTitle, __webpack_exports__Badge as Badge, __webpack_exports__BreadCrumb as BreadCrumb, __webpack_exports__Button as Button, __webpack_exports__Carousal as Carousal, __webpack_exports__CheckBox as CheckBox, __webpack_exports__Chip as Chip, __webpack_exports__CircularLoader as CircularLoader, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__DatePicker as DatePicker, __webpack_exports__DateRangePicker as DateRangePicker, __webpack_exports__Dialog as Dialog, __webpack_exports__Drawer as Drawer, __webpack_exports__ErrorBoundary as ErrorBoundary, __webpack_exports__IconButton as IconButton, __webpack_exports__LinearLoader as LinearLoader, __webpack_exports__Link as Link, __webpack_exports__MediaPlayer as MediaPlayer, __webpack_exports__Menu as Menu, __webpack_exports__Modal as Modal, __webpack_exports__MultiSelect as MultiSelect, __webpack_exports__Popover as Popover, __webpack_exports__Radio as Radio, __webpack_exports__SearchBar as SearchBar, __webpack_exports__Select as Select, __webpack_exports__Skeleton as Skeleton, __webpack_exports__Slider as Slider, __webpack_exports__SnackBar as SnackBar, __webpack_exports__Switch as Switch, __webpack_exports__TabContext as TabContext, __webpack_exports__TabPanel as TabPanel, __webpack_exports__Table as Table, __webpack_exports__Tabs as Tabs, __webpack_exports__TextEditor as TextEditor, __webpack_exports__TextField as TextField, __webpack_exports__ThemeProvider as ThemeProvider, __webpack_exports__TimePicker as TimePicker, __webpack_exports__Timeline as Timeline, __webpack_exports__Tooltip as Tooltip, __webpack_exports__Typography as Typography, __webpack_exports__ViewHeader as ViewHeader };
+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__MultiSelect as MultiSelect, __webpack_exports__Popover as Popover, __webpack_exports__Popper as Popper, __webpack_exports__Radio as Radio, __webpack_exports__SearchBar as SearchBar, __webpack_exports__Select as Select, __webpack_exports__Skeleton as Skeleton, __webpack_exports__Slider as Slider, __webpack_exports__SnackBar as SnackBar, __webpack_exports__Switch as Switch, __webpack_exports__TabContext as TabContext, __webpack_exports__TabPanel as TabPanel, __webpack_exports__Table as Table, __webpack_exports__Tabs as Tabs, __webpack_exports__TextEditor as TextEditor, __webpack_exports__TextField as TextField, __webpack_exports__ThemeProvider as ThemeProvider, __webpack_exports__TimePicker as TimePicker, __webpack_exports__Timeline as Timeline, __webpack_exports__Tooltip as Tooltip, __webpack_exports__Typography as Typography, __webpack_exports__ViewHeader as ViewHeader };
 
 //# sourceMappingURL=components.js.map