@ix_waterford/lib 1.0.51 → 1.0.53

package/dist/components.js

@@ -169,7 +169,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1774523974687
+        // 1775467212701
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -197,7 +197,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1774523974688
+        // 1775467212702
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -225,7 +225,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1774523974690
+        // 1775467212702
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -253,7 +253,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1774523974689
+        // 1775467212703
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -986,9 +986,15 @@ __webpack_require__.d(__webpack_exports__, {
   DeleteIcon: () => (DeleteIcon)
 });
 /* 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");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
+var _s = $RefreshSig$();
+
 const DeleteIcon = ()=>{
+    _s();
+    const theme = (0,_mui_material__rspack_import_1.useTheme)();
+    const iconColor = theme.palette.primary.main;
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         id: "delete_5_",
@@ -1003,10 +1009,10 @@ const DeleteIcon = ()=>{
                 "data-name": "Path 6091",
                 d: "M14.7,7a.713.713,0,0,0-.713.713V15.7a1.37,1.37,0,0,1-1.434,1.29H6.861A1.37,1.37,0,0,1,5.427,15.7V7.713A.713.713,0,1,0,4,7.713V15.7a2.8,2.8,0,0,0,2.861,2.717h5.693A2.8,2.8,0,0,0,15.414,15.7V7.713A.713.713,0,0,0,14.7,7Z",
                 transform: "translate(-3.287 -2.72)",
-                fill: "#9644F3"
+                fill: iconColor
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/deleteIcon.tsx",
-                lineNumber: 13,
+                lineNumber: 17,
                 columnNumber: 7
             }, undefined),
             /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("path", {
@@ -1015,10 +1021,10 @@ const DeleteIcon = ()=>{
                 "data-name": "Path 6092",
                 d: "M15.127,3.14H12.274V1.713A.713.713,0,0,0,11.56,1H7.28a.713.713,0,0,0-.713.713V3.14H3.713a.713.713,0,1,0,0,1.427H15.127a.713.713,0,1,0,0-1.427Zm-7.134,0V2.427h2.853V3.14Z",
                 transform: "translate(-3 -1)",
-                fill: "#9644F3"
+                fill: iconColor
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/deleteIcon.tsx",
-                lineNumber: 21,
+                lineNumber: 25,
                 columnNumber: 7
             }, undefined),
             /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("path", {
@@ -1027,10 +1033,10 @@ const DeleteIcon = ()=>{
                 "data-name": "Path 6093",
                 d: "M10.427,14.707V9.713A.713.713,0,1,0,9,9.713v4.994a.713.713,0,0,0,1.427,0Z",
                 transform: "translate(-4.72 -3.293)",
-                fill: "#9644F3"
+                fill: iconColor
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/deleteIcon.tsx",
-                lineNumber: 29,
+                lineNumber: 33,
                 columnNumber: 7
             }, undefined),
             /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("path", {
@@ -1039,19 +1045,24 @@ const DeleteIcon = ()=>{
                 "data-name": "Path 6094",
                 d: "M14.427,14.707V9.713a.713.713,0,1,0-1.427,0v4.994a.713.713,0,0,0,1.427,0Z",
                 transform: "translate(-5.866 -3.293)",
-                fill: "#9644F3"
+                fill: iconColor
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/deleteIcon.tsx",
-                lineNumber: 37,
+                lineNumber: 41,
                 columnNumber: 7
             }, undefined)
         ]
     }, void 0, true, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/deleteIcon.tsx",
-        lineNumber: 5,
+        lineNumber: 9,
         columnNumber: 5
     }, undefined);
 };
+_s(DeleteIcon, "VrMvFCCB9Haniz3VCRPNUiCauHs=", false, function() {
+    return [
+        _mui_material__rspack_import_1.useTheme
+    ];
+});
 _c = DeleteIcon;
 var _c;
 $RefreshReg$(_c, "DeleteIcon");
@@ -1068,9 +1079,15 @@ __webpack_require__.d(__webpack_exports__, {
   EditIcon: () => (EditIcon)
 });
 /* 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");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
+var _s = $RefreshSig$();
+
 const EditIcon = ()=>{
+    _s();
+    const theme = (0,_mui_material__rspack_import_1.useTheme)();
+    const iconColor = theme.palette.primary.main;
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "14.327",
@@ -1086,12 +1103,12 @@ const EditIcon = ()=>{
                     "data-name": "Path 6088",
                     d: "M.5,13.822a.439.439,0,0,1-.426-.546L.9,9.964a.44.44,0,0,1,.115-.2L10.307.47a1.614,1.614,0,0,1,2.279,0l.829.829a1.614,1.614,0,0,1,0,2.279l-9.29,9.29a.437.437,0,0,1-.2.115l-3.312.825a.406.406,0,0,1-.106.014ZM1.725,10.3l-.619,2.484L3.59,12.16l9.2-9.2a.734.734,0,0,0,0-1.036l-.829-.829a.734.734,0,0,0-1.036,0Zm2.09,2.263h0Zm0,0",
                     transform: "translate(-0.063 0.001)",
-                    fill: "#9644F3",
-                    stroke: "#9644F3",
+                    fill: iconColor,
+                    stroke: iconColor,
                     strokeWidth: "0.5"
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/editIcon.tsx",
-                    lineNumber: 16,
+                    lineNumber: 21,
                     columnNumber: 17
                 }, undefined),
                 /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("path", {
@@ -1099,12 +1116,12 @@ const EditIcon = ()=>{
                     "data-name": "Path 6089",
                     d: "M319.1,67.862a.437.437,0,0,1-.311-.129L316.3,65.247a.44.44,0,1,1,.622-.622l2.487,2.487a.439.439,0,0,1-.311.75Zm0,0",
                     transform: "translate(-307.488 -62.724)",
-                    fill: "#9644F3",
-                    stroke: "#9644F3",
+                    fill: iconColor,
+                    stroke: iconColor,
                     strokeWidth: "0.5"
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/editIcon.tsx",
-                    lineNumber: 25,
+                    lineNumber: 30,
                     columnNumber: 17
                 }, undefined),
                 /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)("path", {
@@ -1112,26 +1129,31 @@ const EditIcon = ()=>{
                     "data-name": "Path 6090",
                     d: "M33.02,353.922a.436.436,0,0,1-.311-.129l-2.487-2.487a.44.44,0,0,1,.622-.622l2.487,2.487a.44.44,0,0,1-.311.751Zm0,0",
                     transform: "translate(-29.268 -340.923)",
-                    fill: "#9644F3",
-                    stroke: "#9644F3",
+                    fill: iconColor,
+                    stroke: iconColor,
                     strokeWidth: "0.5"
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/editIcon.tsx",
-                    lineNumber: 34,
+                    lineNumber: 39,
                     columnNumber: 17
                 }, undefined)
             ]
         }, void 0, true, {
             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/editIcon.tsx",
-            lineNumber: 11,
+            lineNumber: 16,
             columnNumber: 13
         }, undefined)
     }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/assets/editIcon.tsx",
-        lineNumber: 5,
+        lineNumber: 10,
         columnNumber: 9
     }, undefined);
 };
+_s(EditIcon, "VrMvFCCB9Haniz3VCRPNUiCauHs=", false, function() {
+    return [
+        _mui_material__rspack_import_1.useTheme
+    ];
+});
 _c = EditIcon;
 var _c;
 $RefreshReg$(_c, "EditIcon");
@@ -6005,6 +6027,66 @@ function $RefreshReg$(type, id) { $ReactRefreshRuntime$.register(type, module.id
 Promise.resolve().then(() => { $ReactRefreshRuntime$.refresh(module.id, module.hot) });
 
 
+},
+"./src/components/table/body/tableSkeletonBody.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 _skeleton__rspack_import_2 = __webpack_require__("./src/components/skeleton/skeleton.tsx");
+/* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
+
+
+
+const TableSkeletonBody = (param)=>{
+    let { rowCount, headers } = param;
+    const dataheaders = headers.filter((item)=>item.visible);
+    const safeRowCount = Math.max(0, Math.floor(rowCount));
+    return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.TableBody, {
+        children: Array.from({
+            length: safeRowCount
+        }, (_, rowIndex)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.TableRow, {
+                className: "tableRowCls",
+                children: dataheaders.map((col)=>/*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.TableCell, {
+                        className: `tableColCls tableColCls-${col.field}`,
+                        "data-field": col.field,
+                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_skeleton__rspack_import_2["default"], {
+                            variant: "text",
+                            className: "table-skeleton-cell"
+                        }, void 0, false, {
+                            fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableSkeletonBody.tsx",
+                            lineNumber: 26,
+                            columnNumber: 29
+                        }, undefined)
+                    }, `table-skeleton-${rowIndex}-${col.field}`, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableSkeletonBody.tsx",
+                        lineNumber: 21,
+                        columnNumber: 25
+                    }, undefined))
+            }, `table-skeleton-row-${rowIndex}`, false, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableSkeletonBody.tsx",
+                lineNumber: 19,
+                columnNumber: 17
+            }, undefined))
+    }, void 0, false, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableSkeletonBody.tsx",
+        lineNumber: 17,
+        columnNumber: 9
+    }, undefined);
+};
+_c = TableSkeletonBody;
+TableSkeletonBody.displayName = 'TableSkeletonBody';
+/* export default */ const __rspack_default_export = (TableSkeletonBody);
+var _c;
+$RefreshReg$(_c, "TableSkeletonBody");
+
+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/table/body/tblBody.tsx"(module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.r(__webpack_exports__);
@@ -6028,7 +6110,7 @@ var _s = $RefreshSig$();
 
 const TblBody = (props)=>{
     _s();
-    const { dataRows = [], headers = [], headerStyles = {}, nullFieldText = '', fieldMappings = {}, actions = [], handleAction = ()=>{}, handleRowDataClick = ()=>{}, customActions = {}, lazyLoad = null, showCheckbox = false, selectedRows = [], handleSelectRows = ()=>{}, getRowId = (_row, index)=>index } = props;
+    const { dataRows = [], headers = [], headerStyles = {}, nullFieldText = '', fieldMappings = {}, actions = [], handleAction = ()=>{}, handleRowDataClick = ()=>{}, customActions = {}, showCheckbox = false, selectedRows = [], handleSelectRows = ()=>{}, getRowId = (_row, index)=>index } = props;
     const dataheaders = (0,react__rspack_import_1.useMemo)(()=>{
         return headers.filter((item)=>item.visible && item.field !== 'actions');
     }, [
@@ -6054,86 +6136,83 @@ const TblBody = (props)=>{
         }
     };
     return /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.TableBody, {
-        children: [
-            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)
+        children: 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: 57,
-                            columnNumber: 29
-                        }, undefined),
-                        dataheaders.map((col, indx)=>{
+                            columnNumber: 33
+                        }, undefined)
+                    }, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
+                        lineNumber: 56,
+                        columnNumber: 29
+                    }, undefined),
+                    dataheaders.map((col, indx)=>{
+                        // eslint-disable-next-line
+                        const styles = {
+                            sx: headerStyles[col.field] || headerStyles["*"] || {}
+                        };
+                        const mappingKey = col.mapping;
+                        const mappingFunction = mappingKey && mappingKey in allFieldMappings ? allFieldMappings[mappingKey] : allFieldMappings['DEFAULT'];
+                        return /*#__PURE__*/ (0,react__rspack_import_1.createElement)(_mui_material__rspack_import_2.TableCell, {
+                            ...styles,
+                            className: `tableColCls tableColCls-${col.field}`,
                             // eslint-disable-next-line
-                            const styles = {
-                                sx: headerStyles[col.field] || headerStyles["*"] || {}
-                            };
-                            const mappingKey = col.mapping;
-                            const mappingFunction = mappingKey && mappingKey in allFieldMappings ? allFieldMappings[mappingKey] : allFieldMappings['DEFAULT'];
-                            return /*#__PURE__*/ (0,react__rspack_import_1.createElement)(_mui_material__rspack_import_2.TableCell, {
-                                ...styles,
-                                className: `tableColCls tableColCls-${col.field}`,
-                                // eslint-disable-next-line
-                                key: `data-col-${index}-${indx}`,
-                                "data-field": col.field,
-                                __source: {
-                                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                                    lineNumber: 70,
-                                    columnNumber: 33
-                                },
-                                __self: undefined
-                            }, mappingFunction({
-                                data,
-                                col,
-                                handleRowDataClick,
-                                nullFieldText
-                            }));
-                        }),
-                        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_5["default"], {
-                                rowData: data,
-                                actions: actions,
-                                handleAction: handleAction,
-                                customActions: customActions
-                            }, void 0, false, {
+                            key: `data-col-${index}-${indx}`,
+                            "data-field": col.field,
+                            __source: {
                                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                                lineNumber: 83,
+                                lineNumber: 69,
                                 columnNumber: 33
-                            }, undefined)
+                            },
+                            __self: undefined
+                        }, mappingFunction({
+                            data,
+                            col,
+                            handleRowDataClick,
+                            nullFieldText
+                        }));
+                    }),
+                    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_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: 82,
-                            columnNumber: 29
+                            columnNumber: 33
                         }, undefined)
-                    ]
-                }, `data-col-${index}`, true, {
-                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-                    lineNumber: 55,
-                    columnNumber: 21
-                }, undefined));
-            }),
-            lazyLoad
-        ]
-    }, void 0, true, {
+                    }, void 0, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
+                        lineNumber: 81,
+                        columnNumber: 29
+                    }, undefined)
+                ]
+            }, `data-col-${index}`, true, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
+                lineNumber: 54,
+                columnNumber: 21
+            }, undefined));
+        })
+    }, void 0, false, {
         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tblBody.tsx",
-        lineNumber: 49,
+        lineNumber: 48,
         columnNumber: 9
     }, undefined);
 };
@@ -7317,6 +7396,16 @@ const Style = (param)=>{
         '.avatar-title-wrapper': {
             height: '35px',
             width: '35px'
+        },
+        '.table-skeleton-cell': {
+            width: '100%',
+            maxWidth: 200
+        },
+        '.table-skeleton-checkbox': {
+            margin: 'auto'
+        },
+        '.table-skeleton-actions': {
+            margin: 'auto'
         }
     };
 };
@@ -7338,12 +7427,13 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var react_jsx_dev_runtime__rspack_import_0 = __webpack_require__("./node_modules/react/jsx-dev-runtime.js");
 /* import */ var react__rspack_import_1 = __webpack_require__("react");
 /* import */ var _mui_material__rspack_import_2 = __webpack_require__("@mui/material");
-/* import */ var _body_tblBody__rspack_import_6 = __webpack_require__("./src/components/table/body/tblBody.tsx");
+/* import */ var _body_tableSkeletonBody__rspack_import_6 = __webpack_require__("./src/components/table/body/tableSkeletonBody.tsx");
+/* import */ var _body_tblBody__rspack_import_7 = __webpack_require__("./src/components/table/body/tblBody.tsx");
 /* import */ var _dndWrapper__rspack_import_3 = __webpack_require__("./src/components/table/dndWrapper.tsx");
 /* import */ var _header_searchBar__rspack_import_5 = __webpack_require__("./src/components/table/header/searchBar.tsx");
 /* import */ var _header_tblHeader__rspack_import_4 = __webpack_require__("./src/components/table/header/tblHeader.tsx");
-/* import */ var _pagination__rspack_import_7 = __webpack_require__("./src/components/table/pagination.tsx");
-/* import */ var _styles__rspack_import_8 = __webpack_require__("./src/components/table/styles.tsx");
+/* import */ var _pagination__rspack_import_8 = __webpack_require__("./src/components/table/pagination.tsx");
+/* import */ var _styles__rspack_import_9 = __webpack_require__("./src/components/table/styles.tsx");
 /* provided dependency */ var $ReactRefreshRuntime$ = __webpack_require__("./node_modules/@rspack/plugin-react-refresh/client/reactRefresh.js");
 
 var _s = $RefreshSig$();
@@ -7355,12 +7445,13 @@ var _s = $RefreshSig$();
 
 
 
+
 const TableComponent = (props)=>{
     _s();
     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, showCheckbox = false, selectedRows = [], handleSelectRows = ()=>{}, getRowId = (_row, index)=>index } = props;
+    }, handleSort = ()=>{}, searchObj = {}, noRecordsFound = false, openSearch = false, handleSearch = ()=>{}, handleAction = ()=>{}, actions = [], handleRowDataClick = ()=>{}, customActions = {}, showCheckbox = false, selectedRows = [], handleSelectRows = ()=>{}, getRowId = (_row, index)=>index, loading = false } = props;
     const visibleHeaders = (0,react__rspack_import_1.useMemo)(()=>{
         return headers.filter((f)=>f.visible);
     }, [
@@ -7399,7 +7490,6 @@ const TableComponent = (props)=>{
             actions: actions,
             customActions: customActions,
             handleRowDataClick: handleRowDataClick,
-            lazyLoad: lazyLoad,
             ...showCheckbox && {
                 showCheckbox: true,
                 selectedRows,
@@ -7416,7 +7506,6 @@ const TableComponent = (props)=>{
         actions,
         handleRowDataClick,
         customActions,
-        lazyLoad,
         showCheckbox,
         selectedRows,
         handleSelectRows,
@@ -7438,7 +7527,7 @@ const TableComponent = (props)=>{
                                     ...headerProps
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 71,
+                                    lineNumber: 72,
                                     columnNumber: 25
                                 }, undefined),
                                 openSearch && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_header_searchBar__rspack_import_5["default"], {
@@ -7448,43 +7537,50 @@ const TableComponent = (props)=>{
                                     showCheckbox: showCheckbox
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 73,
+                                    lineNumber: 74,
                                     columnNumber: 29
                                 }, undefined),
-                                /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_body_tblBody__rspack_import_6["default"], {
+                                loading ? /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_body_tableSkeletonBody__rspack_import_6["default"], {
+                                    rowCount: limit,
+                                    headers: headers
+                                }, void 0, false, {
+                                    fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
+                                    lineNumber: 82,
+                                    columnNumber: 29
+                                }, undefined) : /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_body_tblBody__rspack_import_7["default"], {
                                     ...bodyProps
                                 }, void 0, false, {
                                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                                    lineNumber: 80,
-                                    columnNumber: 25
+                                    lineNumber: 83,
+                                    columnNumber: 30
                                 }, undefined)
                             ]
                         }, void 0, true, {
                             fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                            lineNumber: 70,
+                            lineNumber: 71,
                             columnNumber: 21
                         }, undefined)
                     }, void 0, false, {
                         fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                        lineNumber: 69,
+                        lineNumber: 70,
                         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: 85,
+                        lineNumber: 88,
                         columnNumber: 36
                     }, undefined)
                 ]
             }, void 0, true, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                lineNumber: 65,
+                lineNumber: 66,
                 columnNumber: 13
             }, undefined),
             showPagination && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_2.Grid, {
                 className: className,
-                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_pagination__rspack_import_7["default"], {
+                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_pagination__rspack_import_8["default"], {
                     totalCount: totalCount,
                     skip: skip,
                     limit: limit,
@@ -7493,12 +7589,12 @@ const TableComponent = (props)=>{
                     }
                 }, void 0, false, {
                     fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                    lineNumber: 90,
+                    lineNumber: 93,
                     columnNumber: 25
                 }, undefined)
             }, void 0, false, {
                 fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/table.tsx",
-                lineNumber: 89,
+                lineNumber: 92,
                 columnNumber: 21
             }, undefined)
         ]
@@ -7506,7 +7602,7 @@ const TableComponent = (props)=>{
 };
 _s(TableComponent, "JUdkXb6rMipgart4GA9YQ3c7lBk=");
 _c = TableComponent;
-/* export default */ const __rspack_default_export = ((0,_mui_material__rspack_import_2.styled)(TableComponent)(_styles__rspack_import_8.Style));
+/* export default */ const __rspack_default_export = ((0,_mui_material__rspack_import_2.styled)(TableComponent)(_styles__rspack_import_9.Style));
 var _c;
 $RefreshReg$(_c, "TableComponent");