mui-universal-table 2.1.20 → 2.1.22

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Paper$1 from '@mui/material/Paper';
 import { Collapse, Box, Typography, LinearProgress, IconButton, Tooltip, Button, Paper, InputBase, Stack, Divider, Toolbar, TableHead, TableRow, TableCell, Checkbox, TableSortLabel, Badge, TableBody, Skeleton, TableContainer, Table, TablePagination } from '@mui/material';
-import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { alpha } from '@mui/material/styles';
 import { Task, Clear, Search, RemoveCircle, AddCircle } from '@mui/icons-material';
 import RefreshIcon from '@mui/icons-material/Refresh';
@@ -12,28 +12,28 @@ const LazyLoadingIndicator = ({
   currentPage,
   totalPages
 }) => {
-  return /*#__PURE__*/jsxDEV(Collapse, {
+  return /*#__PURE__*/jsx(Collapse, {
     in: show,
     timeout: "auto",
     unmountOnExit: true,
-    children: /*#__PURE__*/jsxDEV(Box, {
+    children: /*#__PURE__*/jsxs(Box, {
       sx: {
         width: "100%",
         p: 2
       },
-      children: [/*#__PURE__*/jsxDEV(Typography, {
+      children: [/*#__PURE__*/jsxs(Typography, {
         variant: "body2",
         color: "text.secondary",
         sx: {
           mb: 1
         },
         children: ["Loading page ", currentPage, " of ", totalPages, "..."]
-      }, void 0, true), /*#__PURE__*/jsxDEV(LinearProgress, {
+      }), /*#__PURE__*/jsx(LinearProgress, {
         variant: "determinate",
         value: currentPage / totalPages * 100
-      }, void 0, false)]
-    }, void 0, true)
-  }, void 0, false);
+      })]
+    })
+  });
 };
 LazyLoadingIndicator.propTypes = {
   show: PropTypes.bool.isRequired,
@@ -219,10 +219,10 @@ function TableSelectionBanner({
   onSelection,
   selectIcon
 }) {
-  return /*#__PURE__*/jsxDEV(Collapse, {
+  return /*#__PURE__*/jsx(Collapse, {
     in: selected.length > 0,
     unmountOnExit: true,
-    children: /*#__PURE__*/jsxDEV(Box, {
+    children: /*#__PURE__*/jsxs(Box, {
       sx: {
         p: 2,
         display: "flex",
@@ -232,17 +232,17 @@ function TableSelectionBanner({
         borderBottomLeftRadius: 0,
         borderBottomRightRadius: 0
       },
-      children: [/*#__PURE__*/jsxDEV(Typography, {
+      children: [/*#__PURE__*/jsxs(Typography, {
         variant: "h6",
         id: "tableTitle",
         component: "div",
         children: [selected.length, " selected"]
-      }, void 0, true), /*#__PURE__*/jsxDEV(IconButton, {
+      }), /*#__PURE__*/jsx(IconButton, {
         onClick: () => onSelection(selected),
-        children: selectIcon || /*#__PURE__*/jsxDEV(Task, {}, void 0, false)
-      }, void 0, false)]
-    }, void 0, true)
-  }, void 0, false);
+        children: selectIcon || /*#__PURE__*/jsx(Task, {})
+      })]
+    })
+  });
 }
 TableSelectionBanner.propTypes = {
   selected: PropTypes.array.isRequired,
@@ -254,14 +254,14 @@ function TableTitle({
   name,
   subTable
 }) {
-  return /*#__PURE__*/jsxDEV(Typography, {
+  return /*#__PURE__*/jsx(Typography, {
     variant: subTable ? "h6" : "h5",
     color: subTable ? "secondary" : "primary",
     sx: {
       p: 2
     },
     children: name
-  }, void 0, false);
+  });
 }
 TableTitle.propTypes = {
   name: PropTypes.string,
@@ -281,16 +281,16 @@ function ReloadBtn({
       onReload();
     }
   };
-  return /*#__PURE__*/jsxDEV(Tooltip, {
+  return /*#__PURE__*/jsx(Tooltip, {
     title: "Reload",
-    children: /*#__PURE__*/jsxDEV(Button, {
+    children: /*#__PURE__*/jsx(Button, {
       variant: "contained",
       color: "primary",
       onClick: handleClick,
       disabled: loading,
-      children: /*#__PURE__*/jsxDEV(RefreshIcon, {}, void 0, false)
-    }, void 0, false)
-  }, void 0, false);
+      children: /*#__PURE__*/jsx(RefreshIcon, {})
+    })
+  });
 }
 ReloadBtn.propTypes = {
   loading: PropTypes.bool,
@@ -316,9 +316,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__*/jsxDEV("form", {
+  return /*#__PURE__*/jsx("form", {
     onSubmit: handleSubmit,
-    children: /*#__PURE__*/jsxDEV(Paper, {
+    children: /*#__PURE__*/jsxs(Paper, {
       elevation: 0,
       sx: {
         borderRadius: expanded ? "24px" : "50px",
@@ -333,7 +333,7 @@ function FancySearch({
       onMouseEnter: () => setHover(true),
       onMouseLeave: handleEndHover,
       onKeyDown: e => e.key === "Enter" && handleSubmit(e),
-      children: [/*#__PURE__*/jsxDEV(InputBase, {
+      children: [/*#__PURE__*/jsx(InputBase, {
         placeholder: "Search",
         value: value,
         onChange: e => {
@@ -349,36 +349,36 @@ function FancySearch({
           })
         },
         onBlur: handleEndHover
-      }, void 0, false), /*#__PURE__*/jsxDEV(Collapse, {
+      }), /*#__PURE__*/jsx(Collapse, {
         in: Boolean(value),
         orientation: "horizontal",
         unmountOnExit: true,
-        children: /*#__PURE__*/jsxDEV(Stack, {
+        children: /*#__PURE__*/jsxs(Stack, {
           direction: "row",
           spacing: 0,
           sx: {
             mr: 3,
             alignItems: "center"
           },
-          children: [/*#__PURE__*/jsxDEV(IconButton, {
+          children: [/*#__PURE__*/jsx(IconButton, {
             onClick: () => {
               isUserTypingRef.current = false;
               // Immediately clear instead of waiting for the debounce
               onSubmit("");
             },
-            children: /*#__PURE__*/jsxDEV(Clear, {}, void 0, false)
-          }, void 0, false), /*#__PURE__*/jsxDEV(Divider, {
+            children: /*#__PURE__*/jsx(Clear, {})
+          }), /*#__PURE__*/jsx(Divider, {
             orientation: "vertical",
             flexItem: true
-          }, void 0, false)]
-        }, void 0, true)
-      }, void 0, false), /*#__PURE__*/jsxDEV(IconButton, {
+          })]
+        })
+      }), /*#__PURE__*/jsx(IconButton, {
         onClick: handleSubmit,
         type: "submit",
-        children: /*#__PURE__*/jsxDEV(Search, {}, void 0, false)
-      }, void 0, false)]
-    }, void 0, true)
-  }, void 0, false);
+        children: /*#__PURE__*/jsx(Search, {})
+      })]
+    })
+  });
 }
 FancySearch.propTypes = {
   value: PropTypes.string,
@@ -399,12 +399,12 @@ function SearchArea(props) {
     }
     return "";
   }, [current, persistSearch, searchName]);
-  return /*#__PURE__*/jsxDEV("div", {
-    children: /*#__PURE__*/jsxDEV(FancySearch, {
+  return /*#__PURE__*/jsx("div", {
+    children: /*#__PURE__*/jsx(FancySearch, {
       value: searchVal,
       onSubmit: setFinalVal
-    }, void 0, false)
-  }, "SearchArea", false);
+    })
+  }, "SearchArea");
 }
 SearchArea.propTypes = {
   current: PropTypes.string,
@@ -422,7 +422,7 @@ function TableToolbarContent({
   name,
   persistSearch
 }) {
-  return /*#__PURE__*/jsxDEV(Toolbar, {
+  return /*#__PURE__*/jsx(Toolbar, {
     sx: {
       pl: {
         sm: 2
@@ -433,7 +433,7 @@ function TableToolbarContent({
       },
       pt: 2
     },
-    children: /*#__PURE__*/jsxDEV(Stack, {
+    children: /*#__PURE__*/jsxs(Stack, {
       spacing: 2,
       direction: {
         xs: "column",
@@ -446,23 +446,23 @@ function TableToolbarContent({
           md: "center"
         }
       },
-      children: [/*#__PURE__*/jsxDEV(Box, {
+      children: [/*#__PURE__*/jsx(Box, {
         sx: {
           flex: "1 1 100%"
         },
         id: "tableTitle",
-        children: /*#__PURE__*/jsxDEV(ReloadBtn, {
+        children: /*#__PURE__*/jsx(ReloadBtn, {
           onReload: onReload,
           loading: reloadBtnLoading
-        }, void 0, false)
-      }, void 0, false), /*#__PURE__*/jsxDEV(SearchArea, {
+        })
+      }), /*#__PURE__*/jsx(SearchArea, {
         current: searchTerm,
         setFinalVal: onSearchChange,
         searchName: name,
         persistSearch: persistSearch
-      }, void 0, false)]
-    }, void 0, true)
-  }, void 0, false);
+      })]
+    })
+  });
 }
 TableToolbarContent.propTypes = {
   onReload: PropTypes.func,
@@ -578,34 +578,34 @@ function EnhancedTableHead(props) {
     onSelectAllClick,
     async
   } = props;
-  return /*#__PURE__*/jsxDEV(TableHead, {
-    children: /*#__PURE__*/jsxDEV(TableRow, {
-      children: [selectRows && /*#__PURE__*/jsxDEV(TableCell, {
+  return /*#__PURE__*/jsx(TableHead, {
+    children: /*#__PURE__*/jsxs(TableRow, {
+      children: [selectRows && /*#__PURE__*/jsx(TableCell, {
         padding: "checkbox",
-        children: /*#__PURE__*/jsxDEV(Checkbox, {
+        children: /*#__PURE__*/jsx(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__*/jsxDEV(TableCell, {
+        })
+      }), props.headings.map(headCell => /*#__PURE__*/jsx(TableCell, {
         align: headCell.numeric ? "right" : "left",
         padding: "normal",
         sortDirection: orderBy === headCell.id ? order : false,
-        children: /*#__PURE__*/jsxDEV(TableSortLabel, {
+        children: /*#__PURE__*/jsxs(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__*/jsxDEV(Box, {
+          children: [headCell.label, orderBy === headCell.id ? /*#__PURE__*/jsx(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,
@@ -632,18 +632,18 @@ function SubRowToggleCell({
   rowValues,
   hideBadge
 }) {
-  return /*#__PURE__*/jsxDEV(TableCell, {
-    children: /*#__PURE__*/jsxDEV(Tooltip, {
+  return /*#__PURE__*/jsx(TableCell, {
+    children: /*#__PURE__*/jsx(Tooltip, {
       title: isOpen ? `Hide ${header.id}` : `Show ${header.id}`,
-      children: /*#__PURE__*/jsxDEV(Box, {
-        children: /*#__PURE__*/jsxDEV(IconButton, {
+      children: /*#__PURE__*/jsx(Box, {
+        children: /*#__PURE__*/jsx(IconButton, {
           onClick: event => {
             event.stopPropagation();
             onToggle();
           },
           disabled: rowValues[header.id].length === 0,
           color: header.iconColor || "secondary",
-          children: /*#__PURE__*/jsxDEV(Badge, {
+          children: /*#__PURE__*/jsx(Badge, {
             badgeContent: rowValues[header.id].length,
             invisible: hideBadge,
             anchorOrigin: {
@@ -655,12 +655,12 @@ function SubRowToggleCell({
                 color: theme => theme.palette.text.primary
               }
             },
-            children: isOpen ? header?.closeIcon || /*#__PURE__*/jsxDEV(RemoveCircle, {}, void 0, false) : header?.openIcon || /*#__PURE__*/jsxDEV(AddCircle, {}, void 0, false)
-          }, void 0, false)
-        }, void 0, false)
-      }, void 0, false)
-    }, void 0, false)
-  }, void 0, false);
+            children: isOpen ? header?.closeIcon || /*#__PURE__*/jsx(RemoveCircle, {}) : header?.openIcon || /*#__PURE__*/jsx(AddCircle, {})
+          })
+        })
+      })
+    })
+  });
 }
 SubRowToggleCell.propTypes = {
   header: PropTypes.object.isRequired,
@@ -680,20 +680,20 @@ function SubTableRow({
   rowValues,
   colSpan
 }) {
-  return /*#__PURE__*/jsxDEV(TableRow, {
-    children: /*#__PURE__*/jsxDEV(TableCell, {
+  return /*#__PURE__*/jsx(TableRow, {
+    children: /*#__PURE__*/jsx(TableCell, {
       colSpan: colSpan,
       style: {
         paddingBottom: 0,
         paddingTop: 0
       },
-      children: /*#__PURE__*/jsxDEV(Collapse, {
+      children: /*#__PURE__*/jsx(Collapse, {
         in: isOpen,
         timeout: "auto",
         unmountOnExit: true,
-        children: /*#__PURE__*/jsxDEV(React.Suspense, {
+        children: /*#__PURE__*/jsx(React.Suspense, {
           fallback: null,
-          children: /*#__PURE__*/jsxDEV(UniversalTable$2, {
+          children: /*#__PURE__*/jsx(UniversalTable$2, {
             loading: table.loading,
             setLoading: table.setLoading,
             onReload: table.onReload,
@@ -701,11 +701,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,
@@ -715,10 +715,10 @@ SubTableRow.propTypes = {
 };
 
 function renderDataCells(headers, rowValues) {
-  return headers.map(header => /*#__PURE__*/jsxDEV(TableCell, {
+  return headers.map(header => /*#__PURE__*/jsx(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 {
@@ -750,35 +750,35 @@ const DataRow = /*#__PURE__*/React.memo(function DataRow(props) {
       handleClick(event, props.rowID);
     }
   }, [selectRows, handleClick, props.rowID]);
-  return /*#__PURE__*/jsxDEV(Fragment, {
-    children: [/*#__PURE__*/jsxDEV(TableRow, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs(TableRow, {
       tabIndex: selectRows ? 0 : -1,
       hover: selectRows,
       role: selectRows ? "checkbox" : "row",
       selected: isItemSelected,
       "aria-checked": isItemSelected,
       onKeyDown: handleRowKeyDown,
-      children: [selectRows && /*#__PURE__*/jsxDEV(TableCell, {
+      children: [selectRows && /*#__PURE__*/jsx(TableCell, {
         padding: "checkbox",
-        children: /*#__PURE__*/jsxDEV(Checkbox, {
+        children: /*#__PURE__*/jsx(Checkbox, {
           color: "primary",
           checked: isItemSelected,
           onClick: event => handleClick(event, props.rowID)
-        }, void 0, false)
-      }, void 0, false), subTables.map((header, index) => /*#__PURE__*/jsxDEV(SubRowToggleCell, {
+        })
+      }), subTables.map((header, index) => /*#__PURE__*/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__*/jsxDEV(SubTableRow, {
+      }, header.id ?? header.label)), renderDataCells(columns, rowValues)]
+    }), subTables.map((table, index) => /*#__PURE__*/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,
@@ -793,17 +793,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__*/jsxDEV(Fragment, {
-    children: [/*#__PURE__*/jsxDEV(TableHead, {}, void 0, false), /*#__PURE__*/jsxDEV(TableBody, {
-      children: skeletonRows.map(rowKey => /*#__PURE__*/jsxDEV(TableRow, {
-        children: skeletonCells.map(cellKey => /*#__PURE__*/jsxDEV(TableCell, {
-          children: /*#__PURE__*/jsxDEV(Skeleton, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(TableHead, {}), /*#__PURE__*/jsx(TableBody, {
+      children: skeletonRows.map(rowKey => /*#__PURE__*/jsx(TableRow, {
+        children: skeletonCells.map(cellKey => /*#__PURE__*/jsx(TableCell, {
+          children: /*#__PURE__*/jsx(Skeleton, {
             height: 30
-          }, void 0, false)
-        }, cellKey, false))
-      }, rowKey, false))
-    }, void 0, false)]
-  }, void 0, true);
+          })
+        }, cellKey))
+      }, rowKey))
+    })]
+  });
 };
 
 function EnhancedTable(props) {
@@ -847,15 +847,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__*/jsxDEV(TableContainer, {
-    children: [/*#__PURE__*/jsxDEV(Table, {
+  return /*#__PURE__*/jsxs(TableContainer, {
+    children: [/*#__PURE__*/jsx(Table, {
       sx: {
         minWidth: 750
       },
       size: "small" ,
       "aria-label": props.name || "data table",
-      children: props.loading ? /*#__PURE__*/jsxDEV(TableLoader, {}, void 0, false) : /*#__PURE__*/jsxDEV(Fragment, {
-        children: [/*#__PURE__*/jsxDEV(EnhancedTableHead, {
+      children: props.loading ? /*#__PURE__*/jsx(TableLoader, {}) : /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(EnhancedTableHead, {
           order: order,
           orderBy: orderBy,
           onRequestSort: handleSort,
@@ -865,11 +865,11 @@ function EnhancedTable(props) {
           rowCount: rows.length,
           onSelectAllClick: props.handleSelectAllClick,
           async: async
-        }, void 0, false), /*#__PURE__*/jsxDEV(TableBody, {
+        }), /*#__PURE__*/jsxs(TableBody, {
           children: [visibleRows.map((row, index) => {
             const rowKey = selectID ? row[selectID] : `row-${page * effectiveRowsPerPage + index}`;
             const rowID = getSelectableRowId(row, index, selectID);
-            return /*#__PURE__*/jsxDEV(DataRow, {
+            return /*#__PURE__*/jsx(DataRow, {
               rowID: rowID,
               headers: headers,
               rowValues: row,
@@ -877,22 +877,22 @@ function EnhancedTable(props) {
               selectRows: props.selectRows,
               handleClick: props.handleClick,
               isSelected: isSelected
-            }, rowKey, false);
-          }), !subTable && emptyRows > 0 && /*#__PURE__*/jsxDEV(TableRow, {
+            }, rowKey);
+          }), !subTable && emptyRows > 0 && /*#__PURE__*/jsx(TableRow, {
             style: {
               height: (33 ) * emptyRows
             },
-            children: /*#__PURE__*/jsxDEV(TableCell, {
+            children: /*#__PURE__*/jsx(TableCell, {
               colSpan: headers.length
-            }, void 0, false)
-          }, void 0, false)]
-        }, void 0, true)]
-      }, void 0, true)
-    }, void 0, false), subTable ? /*#__PURE__*/jsxDEV(Box, {
+            })
+          })]
+        })]
+      })
+    }), subTable ? /*#__PURE__*/jsx(Box, {
       sx: {
         mb: 3
       }
-    }, void 0, false) : /*#__PURE__*/jsxDEV(TablePagination, {
+    }) : /*#__PURE__*/jsx(TablePagination, {
       rowsPerPageOptions: props.pageSizeOptions || getPageOptions(rows.length),
       component: "div",
       count: rows.length,
@@ -905,8 +905,8 @@ function EnhancedTable(props) {
       },
       showFirstButton: true,
       showLastButton: true
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 EnhancedTable.propTypes = {
   headers: PropTypes.array.isRequired,
@@ -1034,32 +1034,32 @@ function UniversalTable({
       } : true);
     }
   }, [async, onReload, setLoading, searchTerm, order, orderBy, asyncPages]);
-  return /*#__PURE__*/jsxDEV(Fragment, {
-    children: [/*#__PURE__*/jsxDEV(LazyLoadingIndicator, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(LazyLoadingIndicator, {
       show: lazyloading,
       currentPage: currentPage,
       totalPages: totalPages
-    }, void 0, false), /*#__PURE__*/jsxDEV(Paper$1, {
+    }), /*#__PURE__*/jsxs(Paper$1, {
       sx: {
         ...(subTable && {
           boxShadow: "none"
         })
       },
-      children: [/*#__PURE__*/jsxDEV(TableSelectionBanner, {
+      children: [/*#__PURE__*/jsx(TableSelectionBanner, {
         selected: selected,
         onSelection: handleSelection,
         selectIcon: selectIcon
-      }, void 0, false), /*#__PURE__*/jsxDEV(TableTitle, {
+      }), /*#__PURE__*/jsx(TableTitle, {
         name: name,
         subTable: subTable
-      }, void 0, false), !subTable && /*#__PURE__*/jsxDEV(TableToolbarContent, {
+      }), !subTable && /*#__PURE__*/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__*/jsxDEV(EnhancedTable, {
+      }), /*#__PURE__*/jsx(EnhancedTable, {
         headers: head,
         rows: rows,
         resetFlag: searchTerm,
@@ -1081,9 +1081,9 @@ function UniversalTable({
         setOrderBy: setOrderBy,
         asyncPages: asyncPages,
         async: async
-      }, void 0, false)]
-    }, void 0, true)]
-  }, void 0, true);
+      })]
+    })]
+  });
 }
 UniversalTable.propTypes = {
   loading: PropTypes.bool,