@ix_waterford/lib 1.0.52 → 1.0.55

package/dist/components.js

@@ -169,7 +169,7 @@ __webpack_require__.r(__webpack_exports__);
     if(true) {
       (function() {
         var localsJsonString = undefined;
-        // 1774958047767
+        // 1775467625719
         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;
-        // 1774958047769
+        // 1775467625720
         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;
-        // 1774958047768
+        // 1775467625721
         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;
-        // 1774958047769
+        // 1775467625721
         var cssReload = (__webpack_require__("./node_modules/@rspack/core/dist/cssExtractHmr.js")/* .cssReload */.cssReload)(module.id, {});
         // only invalidate when locals change
         if (
@@ -6027,6 +6027,84 @@ 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, showCheckbox = false } = 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: [
+                    showCheckbox && /*#__PURE__*/ (0,react_jsx_dev_runtime__rspack_import_0.jsxDEV)(_mui_material__rspack_import_1.TableCell, {
+                        className: "tableColCls tableColCls-checkbox",
+                        padding: "checkbox",
+                        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: 23,
+                            columnNumber: 29
+                        }, undefined)
+                    }, `table-skeleton-${rowIndex}-checkbox`, false, {
+                        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableSkeletonBody.tsx",
+                        lineNumber: 22,
+                        columnNumber: 25
+                    }, undefined),
+                    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: 32,
+                                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: 27,
+                            columnNumber: 25
+                        }, undefined))
+                ]
+            }, `table-skeleton-row-${rowIndex}`, true, {
+                fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableSkeletonBody.tsx",
+                lineNumber: 20,
+                columnNumber: 17
+            }, undefined))
+    }, void 0, false, {
+        fileName: "/Users/kirubakaran.r/Documents/projects/hub/components/waterford_library/src/components/table/body/tableSkeletonBody.tsx",
+        lineNumber: 18,
+        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__);
@@ -6050,7 +6128,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');
     }, [
@@ -6076,86 +6154,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);
 };
@@ -7339,6 +7414,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'
         }
     };
 };
@@ -7360,12 +7445,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$();
@@ -7377,12 +7463,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);
     }, [
@@ -7421,7 +7508,6 @@ const TableComponent = (props)=>{
             actions: actions,
             customActions: customActions,
             handleRowDataClick: handleRowDataClick,
-            lazyLoad: lazyLoad,
             ...showCheckbox && {
                 showCheckbox: true,
                 selectedRows,
@@ -7438,7 +7524,6 @@ const TableComponent = (props)=>{
         actions,
         handleRowDataClick,
         customActions,
-        lazyLoad,
         showCheckbox,
         selectedRows,
         handleSelectRows,
@@ -7460,7 +7545,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"], {
@@ -7470,43 +7555,51 @@ 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,
+                                    showCheckbox: showCheckbox
+                                }, 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,
@@ -7515,12 +7608,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)
         ]
@@ -7528,7 +7621,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");