material-react-table 0.33.0 → 0.33.1

package/dist/index.d.ts

@@ -678,7 +678,9 @@ declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = O
     selectAllMode?: 'all' | 'page';
     state?: Partial<MRT_TableState<TData>>;
     tableId?: string;
-    virtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>;
+    virtualizerProps?: ({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>;
 };
 declare const _default: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilterChangeMode, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterChangeMode, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, localization, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
 

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.33.0",
+  "version": "0.33.1",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",

package/src/MaterialReactTable.tsx

@@ -812,9 +812,13 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> =
     selectAllMode?: 'all' | 'page';
     state?: Partial<MRT_TableState<TData>>;
     tableId?: string;
-    virtualizerProps?: Partial<
-      VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>
-    >;
+    virtualizerProps?: ({
+      table,
+    }: {
+      table: MRT_TableInstance<TData>;
+    }) =>
+      | Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>
+      | Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>;
   };
 
 export default <TData extends Record<string, any> = {}>({

package/src/body/MRT_TableBody.tsx

@@ -30,15 +30,16 @@ export const MRT_TableBody: FC<Props> = ({ table, tableContainerRef }) => {
       ? muiTableBodyProps({ table })
       : muiTableBodyProps;
 
-  const getIsSomeColumnsSorted = () => {
-    return Object.values(sorting).some(Boolean);
-  };
+  const vProps =
+    virtualizerProps instanceof Function
+      ? virtualizerProps({ table })
+      : virtualizerProps;
 
   const rows = useMemo(() => {
     if (
       enableGlobalFilterRankedResults &&
       globalFilter &&
-      !getIsSomeColumnsSorted()
+      !Object.values(sorting).some(Boolean)
     ) {
       const rankedRows = getPrePaginationRowModel().rows.sort((a, b) =>
         rankGlobalFuzzy(a, b),
@@ -62,11 +63,11 @@ export const MRT_TableBody: FC<Props> = ({ table, tableContainerRef }) => {
 
   const rowVirtualizer: Virtualizer = enableRowVirtualization
     ? useVirtualizer({
+        count: rows.length,
         estimateSize: () => (density === 'compact' ? 25 : 50),
-        overscan: density === 'compact' ? 30 : 10,
         getScrollElement: () => tableContainerRef.current as HTMLDivElement,
-        count: rows.length,
-        ...virtualizerProps,
+        overscan: density === 'compact' ? 30 : 10,
+        ...vProps,
       })
     : ({} as any);