mui-universal-table 2.1.20 → 2.1.21

package/dist/index.cjs

@@ -6,7 +6,7 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var Paper = require('@mui/material/Paper');
 var material = require('@mui/material');
-var jsxDevRuntime = require('react/jsx-dev-runtime');
+var jsxRuntime = require('react/jsx-runtime');
 var styles = require('@mui/material/styles');
 var iconsMaterial = require('@mui/icons-material');
 var RefreshIcon = require('@mui/icons-material/Refresh');
@@ -16,28 +16,28 @@ const LazyLoadingIndicator = ({
   currentPage,
   totalPages
 }) => {
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Collapse, {
+  return /*#__PURE__*/jsxRuntime.jsx(material.Collapse, {
     in: show,
     timeout: "auto",
     unmountOnExit: true,
-    children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Box, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
       sx: {
         width: "100%",
         p: 2
       },
-      children: [/*#__PURE__*/jsxDevRuntime.jsxDEV(material.Typography, {
+      children: [/*#__PURE__*/jsxRuntime.jsxs(material.Typography, {
         variant: "body2",
         color: "text.secondary",
         sx: {
           mb: 1
         },
         children: ["Loading page ", currentPage, " of ", totalPages, "..."]
-      }, void 0, true), /*#__PURE__*/jsxDevRuntime.jsxDEV(material.LinearProgress, {
+      }), /*#__PURE__*/jsxRuntime.jsx(material.LinearProgress, {
         variant: "determinate",
         value: currentPage / totalPages * 100
-      }, void 0, false)]
-    }, void 0, true)
-  }, void 0, false);
+      })]
+    })
+  });
 };
 LazyLoadingIndicator.propTypes = {
   show: PropTypes.bool.isRequired,
@@ -223,10 +223,10 @@ function TableSelectionBanner({
   onSelection,
   selectIcon
 }) {
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Collapse, {
+  return /*#__PURE__*/jsxRuntime.jsx(material.Collapse, {
     in: selected.length > 0,
     unmountOnExit: true,
-    children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Box, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(material.Box, {
       sx: {
         p: 2,
         display: "flex",
@@ -236,17 +236,17 @@ function TableSelectionBanner({
         borderBottomLeftRadius: 0,
         borderBottomRightRadius: 0
       },
-      children: [/*#__PURE__*/jsxDevRuntime.jsxDEV(material.Typography, {
+      children: [/*#__PURE__*/jsxRuntime.jsxs(material.Typography, {
         variant: "h6",
         id: "tableTitle",
         component: "div",
         children: [selected.length, " selected"]
-      }, void 0, true), /*#__PURE__*/jsxDevRuntime.jsxDEV(material.IconButton, {
+      }), /*#__PURE__*/jsxRuntime.jsx(material.IconButton, {
         onClick: () => onSelection(selected),
-        children: selectIcon || /*#__PURE__*/jsxDevRuntime.jsxDEV(iconsMaterial.Task, {}, void 0, false)
-      }, void 0, false)]
-    }, void 0, true)
-  }, void 0, false);
+        children: selectIcon || /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Task, {})
+      })]
+    })
+  });
 }
 TableSelectionBanner.propTypes = {
   selected: PropTypes.array.isRequired,
@@ -258,14 +258,14 @@ function TableTitle({
   name,
   subTable
 }) {
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Typography, {
+  return /*#__PURE__*/jsxRuntime.jsx(material.Typography, {
     variant: subTable ? "h6" : "h5",
     color: subTable ? "secondary" : "primary",
     sx: {
       p: 2
     },
     children: name
-  }, void 0, false);
+  });
 }
 TableTitle.propTypes = {
   name: PropTypes.string,
@@ -285,16 +285,16 @@ function ReloadBtn({
       onReload();
     }
   };
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Tooltip, {
+  return /*#__PURE__*/jsxRuntime.jsx(material.Tooltip, {
     title: "Reload",
-    children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Button, {
+    children: /*#__PURE__*/jsxRuntime.jsx(material.Button, {
       variant: "contained",
       color: "primary",
       onClick: handleClick,
       disabled: loading,
-      children: /*#__PURE__*/jsxDevRuntime.jsxDEV(RefreshIcon, {}, void 0, false)
-    }, void 0, false)
-  }, void 0, false);
+      children: /*#__PURE__*/jsxRuntime.jsx(RefreshIcon, {})
+    })
+  });
 }
 ReloadBtn.propTypes = {
   loading: PropTypes.bool,
@@ -320,9 +320,9 @@ function FancySearch({
   // A ref tracks whether this sync came from the user typing or from a parent
   // update, so the debounce only fires for genuine user input.
   const isUserTypingRef = React.useRef(false);
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV("form", {
+  return /*#__PURE__*/jsxRuntime.jsx("form", {
     onSubmit: handleSubmit,
-    children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Paper, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(material.Paper, {
       elevation: 0,
       sx: {
         borderRadius: expanded ? "24px" : "50px",
@@ -337,7 +337,7 @@ function FancySearch({
       onMouseEnter: () => setHover(true),
       onMouseLeave: handleEndHover,
       onKeyDown: e => e.key === "Enter" && handleSubmit(e),
-      children: [/*#__PURE__*/jsxDevRuntime.jsxDEV(material.InputBase, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(material.InputBase, {
         placeholder: "Search",
         value: value,
         onChange: e => {
@@ -353,36 +353,36 @@ function FancySearch({
           })
         },
         onBlur: handleEndHover
-      }, void 0, false), /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Collapse, {
+      }), /*#__PURE__*/jsxRuntime.jsx(material.Collapse, {
         in: Boolean(value),
         orientation: "horizontal",
         unmountOnExit: true,
-        children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Stack, {
+        children: /*#__PURE__*/jsxRuntime.jsxs(material.Stack, {
           direction: "row",
           spacing: 0,
           sx: {
             mr: 3,
             alignItems: "center"
           },
-          children: [/*#__PURE__*/jsxDevRuntime.jsxDEV(material.IconButton, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(material.IconButton, {
             onClick: () => {
               isUserTypingRef.current = false;
               // Immediately clear instead of waiting for the debounce
               onSubmit("");
             },
-            children: /*#__PURE__*/jsxDevRuntime.jsxDEV(iconsMaterial.Clear, {}, void 0, false)
-          }, void 0, false), /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Divider, {
+            children: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Clear, {})
+          }), /*#__PURE__*/jsxRuntime.jsx(material.Divider, {
             orientation: "vertical",
             flexItem: true
-          }, void 0, false)]
-        }, void 0, true)
-      }, void 0, false), /*#__PURE__*/jsxDevRuntime.jsxDEV(material.IconButton, {
+          })]
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(material.IconButton, {
         onClick: handleSubmit,
         type: "submit",
-        children: /*#__PURE__*/jsxDevRuntime.jsxDEV(iconsMaterial.Search, {}, void 0, false)
-      }, void 0, false)]
-    }, void 0, true)
-  }, void 0, false);
+        children: /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.Search, {})
+      })]
+    })
+  });
 }
 FancySearch.propTypes = {
   value: PropTypes.string,
@@ -403,12 +403,12 @@ function SearchArea(props) {
     }
     return "";
   }, [current, persistSearch, searchName]);
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV("div", {
-    children: /*#__PURE__*/jsxDevRuntime.jsxDEV(FancySearch, {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    children: /*#__PURE__*/jsxRuntime.jsx(FancySearch, {
       value: searchVal,
       onSubmit: setFinalVal
-    }, void 0, false)
-  }, "SearchArea", false);
+    })
+  }, "SearchArea");
 }
 SearchArea.propTypes = {
   current: PropTypes.string,
@@ -426,7 +426,7 @@ function TableToolbarContent({
   name,
   persistSearch
 }) {
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Toolbar, {
+  return /*#__PURE__*/jsxRuntime.jsx(material.Toolbar, {
     sx: {
       pl: {
         sm: 2
@@ -437,7 +437,7 @@ function TableToolbarContent({
       },
       pt: 2
     },
-    children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Stack, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(material.Stack, {
       spacing: 2,
       direction: {
         xs: "column",
@@ -450,23 +450,23 @@ function TableToolbarContent({
           md: "center"
         }
       },
-      children: [/*#__PURE__*/jsxDevRuntime.jsxDEV(material.Box, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(material.Box, {
         sx: {
           flex: "1 1 100%"
         },
         id: "tableTitle",
-        children: /*#__PURE__*/jsxDevRuntime.jsxDEV(ReloadBtn, {
+        children: /*#__PURE__*/jsxRuntime.jsx(ReloadBtn, {
           onReload: onReload,
           loading: reloadBtnLoading
-        }, void 0, false)
-      }, void 0, false), /*#__PURE__*/jsxDevRuntime.jsxDEV(SearchArea, {
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(SearchArea, {
         current: searchTerm,
         setFinalVal: onSearchChange,
         searchName: name,
         persistSearch: persistSearch
-      }, void 0, false)]
-    }, void 0, true)
-  }, void 0, false);
+      })]
+    })
+  });
 }
 TableToolbarContent.propTypes = {
   onReload: PropTypes.func,
@@ -582,34 +582,34 @@ function EnhancedTableHead(props) {
     onSelectAllClick,
     async
   } = props;
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableHead, {
-    children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableRow, {
-      children: [selectRows && /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableCell, {
+  return /*#__PURE__*/jsxRuntime.jsx(material.TableHead, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(material.TableRow, {
+      children: [selectRows && /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
         padding: "checkbox",
-        children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Checkbox, {
+        children: /*#__PURE__*/jsxRuntime.jsx(material.Checkbox, {
           color: "primary",
           indeterminate: numSelected > 0 && numSelected < rowCount,
           checked: rowCount > 0 && numSelected === rowCount,
           onChange: onSelectAllClick
-        }, void 0, false)
-      }, void 0, false), props.headings.map(headCell => /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableCell, {
+        })
+      }), props.headings.map(headCell => /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
         align: headCell.numeric ? "right" : "left",
         padding: "normal",
         sortDirection: orderBy === headCell.id ? order : false,
-        children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableSortLabel, {
+        children: /*#__PURE__*/jsxRuntime.jsxs(material.TableSortLabel, {
           active: orderBy === headCell.id,
           direction: orderBy === headCell.id ? order : "asc",
           onClick: () => onRequestSort(headCell.id, headCell.sortable && async),
           disabled: headCell.subRow,
-          children: [headCell.label, orderBy === headCell.id ? /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Box, {
+          children: [headCell.label, orderBy === headCell.id ? /*#__PURE__*/jsxRuntime.jsx(material.Box, {
             component: "span",
             sx: visuallyHidden,
             children: order === "desc" ? "sorted descending" : "sorted ascending"
-          }, void 0, false) : undefined]
-        }, void 0, true)
-      }, headCell.id, false))]
-    }, void 0, true)
-  }, void 0, false);
+          }) : undefined]
+        })
+      }, headCell.id))]
+    })
+  });
 }
 EnhancedTableHead.propTypes = {
   onRequestSort: PropTypes.func.isRequired,
@@ -636,18 +636,18 @@ function SubRowToggleCell({
   rowValues,
   hideBadge
 }) {
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableCell, {
-    children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Tooltip, {
+  return /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
+    children: /*#__PURE__*/jsxRuntime.jsx(material.Tooltip, {
       title: isOpen ? `Hide ${header.id}` : `Show ${header.id}`,
-      children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Box, {
-        children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.IconButton, {
+      children: /*#__PURE__*/jsxRuntime.jsx(material.Box, {
+        children: /*#__PURE__*/jsxRuntime.jsx(material.IconButton, {
           onClick: event => {
             event.stopPropagation();
             onToggle();
           },
           disabled: rowValues[header.id].length === 0,
           color: header.iconColor || "secondary",
-          children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Badge, {
+          children: /*#__PURE__*/jsxRuntime.jsx(material.Badge, {
             badgeContent: rowValues[header.id].length,
             invisible: hideBadge,
             anchorOrigin: {
@@ -659,12 +659,12 @@ function SubRowToggleCell({
                 color: theme => theme.palette.text.primary
               }
             },
-            children: isOpen ? header?.closeIcon || /*#__PURE__*/jsxDevRuntime.jsxDEV(iconsMaterial.RemoveCircle, {}, void 0, false) : header?.openIcon || /*#__PURE__*/jsxDevRuntime.jsxDEV(iconsMaterial.AddCircle, {}, void 0, false)
-          }, void 0, false)
-        }, void 0, false)
-      }, void 0, false)
-    }, void 0, false)
-  }, void 0, false);
+            children: isOpen ? header?.closeIcon || /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.RemoveCircle, {}) : header?.openIcon || /*#__PURE__*/jsxRuntime.jsx(iconsMaterial.AddCircle, {})
+          })
+        })
+      })
+    })
+  });
 }
 SubRowToggleCell.propTypes = {
   header: PropTypes.object.isRequired,
@@ -684,20 +684,20 @@ function SubTableRow({
   rowValues,
   colSpan
 }) {
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableRow, {
-    children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableCell, {
+  return /*#__PURE__*/jsxRuntime.jsx(material.TableRow, {
+    children: /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
       colSpan: colSpan,
       style: {
         paddingBottom: 0,
         paddingTop: 0
       },
-      children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Collapse, {
+      children: /*#__PURE__*/jsxRuntime.jsx(material.Collapse, {
         in: isOpen,
         timeout: "auto",
         unmountOnExit: true,
-        children: /*#__PURE__*/jsxDevRuntime.jsxDEV(React.Suspense, {
+        children: /*#__PURE__*/jsxRuntime.jsx(React.Suspense, {
           fallback: null,
-          children: /*#__PURE__*/jsxDevRuntime.jsxDEV(UniversalTable$2, {
+          children: /*#__PURE__*/jsxRuntime.jsx(UniversalTable$2, {
             loading: table.loading,
             setLoading: table.setLoading,
             onReload: table.onReload,
@@ -705,11 +705,11 @@ function SubTableRow({
             headers: table.headers,
             name: table.subTitle,
             subTable: true
-          }, void 0, false)
-        }, void 0, false)
-      }, void 0, false)
-    }, void 0, false)
-  }, void 0, false);
+          })
+        })
+      })
+    })
+  });
 }
 SubTableRow.propTypes = {
   table: PropTypes.object.isRequired,
@@ -719,10 +719,10 @@ SubTableRow.propTypes = {
 };
 
 function renderDataCells(headers, rowValues) {
-  return headers.map(header => /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableCell, {
+  return headers.map(header => /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
     ...header.cellProps,
     children: header.component ? header.component(rowValues) : formatCellValue(header, rowValues)
-  }, header.id ?? header.label, false));
+  }, header.id ?? header.label));
 }
 const DataRow = /*#__PURE__*/React.memo(function DataRow(props) {
   const {
@@ -754,35 +754,35 @@ const DataRow = /*#__PURE__*/React.memo(function DataRow(props) {
       handleClick(event, props.rowID);
     }
   }, [selectRows, handleClick, props.rowID]);
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableRow, {
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(material.TableRow, {
       tabIndex: selectRows ? 0 : -1,
       hover: selectRows,
       role: selectRows ? "checkbox" : "row",
       selected: isItemSelected,
       "aria-checked": isItemSelected,
       onKeyDown: handleRowKeyDown,
-      children: [selectRows && /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableCell, {
+      children: [selectRows && /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
         padding: "checkbox",
-        children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Checkbox, {
+        children: /*#__PURE__*/jsxRuntime.jsx(material.Checkbox, {
           color: "primary",
           checked: isItemSelected,
           onClick: event => handleClick(event, props.rowID)
-        }, void 0, false)
-      }, void 0, false), subTables.map((header, index) => /*#__PURE__*/jsxDevRuntime.jsxDEV(SubRowToggleCell, {
+        })
+      }), subTables.map((header, index) => /*#__PURE__*/jsxRuntime.jsx(SubRowToggleCell, {
         header: header,
         isOpen: reveal[index],
         onToggle: () => toggleSubRow(index),
         rowValues: rowValues,
         hideBadge: hideBadge
-      }, header.id ?? header.label, false)), renderDataCells(columns, rowValues)]
-    }, void 0, true), subTables.map((table, index) => /*#__PURE__*/jsxDevRuntime.jsxDEV(SubTableRow, {
+      }, header.id ?? header.label)), renderDataCells(columns, rowValues)]
+    }), subTables.map((table, index) => /*#__PURE__*/jsxRuntime.jsx(SubTableRow, {
       table: table,
       isOpen: reveal[index],
       rowValues: rowValues,
       colSpan: props.headers.length + 1
-    }, table.id ?? table.label, false))]
-  }, void 0, true);
+    }, table.id ?? table.label))]
+  });
 });
 DataRow.propTypes = {
   rowValues: PropTypes.object.isRequired,
@@ -797,17 +797,17 @@ DataRow.propTypes = {
 const skeletonRows = ["row-1", "row-2", "row-3", "row-4", "row-5"];
 const skeletonCells = ["cell-1", "cell-2", "cell-3", "cell-4"];
 const TableLoader = () => {
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableHead, {}, void 0, false), /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableBody, {
-      children: skeletonRows.map(rowKey => /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableRow, {
-        children: skeletonCells.map(cellKey => /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableCell, {
-          children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Skeleton, {
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(material.TableHead, {}), /*#__PURE__*/jsxRuntime.jsx(material.TableBody, {
+      children: skeletonRows.map(rowKey => /*#__PURE__*/jsxRuntime.jsx(material.TableRow, {
+        children: skeletonCells.map(cellKey => /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
+          children: /*#__PURE__*/jsxRuntime.jsx(material.Skeleton, {
             height: 30
-          }, void 0, false)
-        }, cellKey, false))
-      }, rowKey, false))
-    }, void 0, false)]
-  }, void 0, true);
+          })
+        }, cellKey))
+      }, rowKey))
+    })]
+  });
 };
 
 function EnhancedTable(props) {
@@ -851,15 +851,15 @@ function EnhancedTable(props) {
   const visibleRows = React.useMemo(() => {
     return stableSort(rows, getComparator(order, orderBy), headers, orderBy).slice(page * effectiveRowsPerPage, page * effectiveRowsPerPage + effectiveRowsPerPage);
   }, [effectiveRowsPerPage, headers, order, orderBy, page, rows]);
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableContainer, {
-    children: [/*#__PURE__*/jsxDevRuntime.jsxDEV(material.Table, {
+  return /*#__PURE__*/jsxRuntime.jsxs(material.TableContainer, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(material.Table, {
       sx: {
         minWidth: 750
       },
       size: "small" ,
       "aria-label": props.name || "data table",
-      children: props.loading ? /*#__PURE__*/jsxDevRuntime.jsxDEV(TableLoader, {}, void 0, false) : /*#__PURE__*/jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxDevRuntime.jsxDEV(EnhancedTableHead, {
+      children: props.loading ? /*#__PURE__*/jsxRuntime.jsx(TableLoader, {}) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(EnhancedTableHead, {
           order: order,
           orderBy: orderBy,
           onRequestSort: handleSort,
@@ -869,11 +869,11 @@ function EnhancedTable(props) {
           rowCount: rows.length,
           onSelectAllClick: props.handleSelectAllClick,
           async: async
-        }, void 0, false), /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableBody, {
+        }), /*#__PURE__*/jsxRuntime.jsxs(material.TableBody, {
           children: [visibleRows.map((row, index) => {
             const rowKey = selectID ? row[selectID] : `row-${page * effectiveRowsPerPage + index}`;
             const rowID = getSelectableRowId(row, index, selectID);
-            return /*#__PURE__*/jsxDevRuntime.jsxDEV(DataRow, {
+            return /*#__PURE__*/jsxRuntime.jsx(DataRow, {
               rowID: rowID,
               headers: headers,
               rowValues: row,
@@ -881,22 +881,22 @@ function EnhancedTable(props) {
               selectRows: props.selectRows,
               handleClick: props.handleClick,
               isSelected: isSelected
-            }, rowKey, false);
-          }), !subTable && emptyRows > 0 && /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableRow, {
+            }, rowKey);
+          }), !subTable && emptyRows > 0 && /*#__PURE__*/jsxRuntime.jsx(material.TableRow, {
             style: {
               height: (33 ) * emptyRows
             },
-            children: /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TableCell, {
+            children: /*#__PURE__*/jsxRuntime.jsx(material.TableCell, {
               colSpan: headers.length
-            }, void 0, false)
-          }, void 0, false)]
-        }, void 0, true)]
-      }, void 0, true)
-    }, void 0, false), subTable ? /*#__PURE__*/jsxDevRuntime.jsxDEV(material.Box, {
+            })
+          })]
+        })]
+      })
+    }), subTable ? /*#__PURE__*/jsxRuntime.jsx(material.Box, {
       sx: {
         mb: 3
       }
-    }, void 0, false) : /*#__PURE__*/jsxDevRuntime.jsxDEV(material.TablePagination, {
+    }) : /*#__PURE__*/jsxRuntime.jsx(material.TablePagination, {
       rowsPerPageOptions: props.pageSizeOptions || getPageOptions(rows.length),
       component: "div",
       count: rows.length,
@@ -909,8 +909,8 @@ function EnhancedTable(props) {
       },
       showFirstButton: true,
       showLastButton: true
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 EnhancedTable.propTypes = {
   headers: PropTypes.array.isRequired,
@@ -1038,32 +1038,32 @@ function UniversalTable({
       } : true);
     }
   }, [async, onReload, setLoading, searchTerm, order, orderBy, asyncPages]);
-  return /*#__PURE__*/jsxDevRuntime.jsxDEV(jsxDevRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxDevRuntime.jsxDEV(LazyLoadingIndicator, {
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(LazyLoadingIndicator, {
       show: lazyloading,
       currentPage: currentPage,
       totalPages: totalPages
-    }, void 0, false), /*#__PURE__*/jsxDevRuntime.jsxDEV(Paper, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Paper, {
       sx: {
         ...(subTable && {
           boxShadow: "none"
         })
       },
-      children: [/*#__PURE__*/jsxDevRuntime.jsxDEV(TableSelectionBanner, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(TableSelectionBanner, {
         selected: selected,
         onSelection: handleSelection,
         selectIcon: selectIcon
-      }, void 0, false), /*#__PURE__*/jsxDevRuntime.jsxDEV(TableTitle, {
+      }), /*#__PURE__*/jsxRuntime.jsx(TableTitle, {
         name: name,
         subTable: subTable
-      }, void 0, false), !subTable && /*#__PURE__*/jsxDevRuntime.jsxDEV(TableToolbarContent, {
+      }), !subTable && /*#__PURE__*/jsxRuntime.jsx(TableToolbarContent, {
         onReload: typeof onReload === "function" || typeof setLoading === "function" ? handleReload : undefined,
         reloadBtnLoading: reloadBtnLoading,
         searchTerm: searchTerm,
         onSearchChange: handleSearch,
         name: name,
         persistSearch: persistSearch
-      }, void 0, false), /*#__PURE__*/jsxDevRuntime.jsxDEV(EnhancedTable, {
+      }), /*#__PURE__*/jsxRuntime.jsx(EnhancedTable, {
         headers: head,
         rows: rows,
         resetFlag: searchTerm,
@@ -1085,9 +1085,9 @@ function UniversalTable({
         setOrderBy: setOrderBy,
         asyncPages: asyncPages,
         async: async
-      }, void 0, false)]
-    }, void 0, true)]
-  }, void 0, true);
+      })]
+    })]
+  });
 }
 UniversalTable.propTypes = {
   loading: PropTypes.bool,