material-react-table 0.19.0 → 0.20.0

package/dist/material-react-table.esm.js

@@ -5,7 +5,7 @@ import { Tooltip, IconButton, Menu, MenuItem, Box, FormControlLabel, Switch, Typ
 import { useDrop, useDrag, DndProvider } from 'react-dnd';
 import { rankItem, rankings, compareItems } from '@tanstack/match-sorter-utils';
 import { HTML5Backend } from 'react-dnd-html5-backend';
-import { useVirtual } from 'react-virtual';
+import { useVirtualizer } from '@tanstack/react-virtual';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -3018,14 +3018,25 @@ var MRT_TableBody = function MRT_TableBody(_ref) {
 
     return enablePagination ? getRowModel().rows : getPrePaginationRowModel().rows;
   }, [enableGlobalFilterRankedResults, enableGlobalFilterRankedResults && globalFilter || !enablePagination ? getPrePaginationRowModel().rows : getRowModel().rows, globalFilter]);
-  var rowVirtualizer = enableRowVirtualization ? useVirtual(_extends({
-    overscan: density === 'compact' ? 20 : 10,
-    size: rows.length,
-    parentRef: tableContainerRef
+  var rowVirtualizer = enableRowVirtualization ? useVirtualizer(_extends({
+    count: rows.length,
+    estimateSize: function estimateSize() {
+      return density === 'compact' ? 25 : 50;
+    },
+    getScrollElement: function getScrollElement() {
+      return tableContainerRef.current;
+    },
+    overscan: density === 'compact' ? 30 : 10
   }, virtualizerProps)) : {};
-  var virtualRows = rowVirtualizer.virtualItems;
-  var paddingTop = (virtualRows == null ? void 0 : virtualRows.length) > 0 ? virtualRows[0].start : 0;
-  var paddingBottom = (virtualRows == null ? void 0 : virtualRows.length) > 0 ? rowVirtualizer.totalSize - virtualRows[virtualRows.length - 1].end : 0;
+  var virtualRows = enableRowVirtualization ? rowVirtualizer.getVirtualItems() : [];
+  var paddingTop = 0;
+  var paddingBottom = 0;
+
+  if (enableRowVirtualization) {
+    paddingTop = virtualRows.length > 0 ? virtualRows[0].start : 0;
+    paddingBottom = virtualRows.length > 0 ? rowVirtualizer.getTotalSize() - virtualRows[virtualRows.length - 1].end : 0;
+  }
+
   return React.createElement(TableBody, Object.assign({}, tableBodyProps), enableRowVirtualization && paddingTop > 0 && React.createElement("tr", null, React.createElement("td", {
     style: {
       height: paddingTop + "px"