material-react-table 0.20.0 → 0.21.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 { useVirtualizer } from '@tanstack/react-virtual';
+import { useVirtual } from 'react-virtual';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -3018,23 +3018,19 @@ 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 ? useVirtualizer(_extends({
-    count: rows.length,
-    estimateSize: function estimateSize() {
-      return density === 'compact' ? 25 : 50;
-    },
-    getScrollElement: function getScrollElement() {
-      return tableContainerRef.current;
-    },
-    overscan: density === 'compact' ? 30 : 10
+  var rowVirtualizer = enableRowVirtualization ? useVirtual(_extends({
+    // estimateSize: () => (density === 'compact' ? 25 : 50),
+    overscan: density === 'compact' ? 30 : 10,
+    parentRef: tableContainerRef,
+    size: rows.length
   }, virtualizerProps)) : {};
-  var virtualRows = enableRowVirtualization ? rowVirtualizer.getVirtualItems() : [];
+  var virtualRows = enableRowVirtualization ? rowVirtualizer.virtualItems : [];
   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;
+    paddingBottom = virtualRows.length > 0 ? rowVirtualizer.totalSize - virtualRows[virtualRows.length - 1].end : 0;
   }
 
   return React.createElement(TableBody, Object.assign({}, tableBodyProps), enableRowVirtualization && paddingTop > 0 && React.createElement("tr", null, React.createElement("td", {