material-react-table 1.4.3 → 1.5.0-beta.1

package/dist/cjs/types/MaterialReactTable.d.ts

@@ -442,6 +442,7 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
     enableColumnDragging?: boolean;
     enableColumnFilterModes?: boolean;
     enableColumnOrdering?: boolean;
+    enableColumnVirtualization?: boolean;
     enableDensityToggle?: boolean;
     enableEditing?: boolean;
     enableExpandAll?: boolean;
@@ -637,8 +638,8 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
     onShowGlobalFilterChange?: OnChangeFn<boolean>;
     positionActionsColumn?: 'first' | 'last';
     positionExpandColumn?: 'first' | 'last';
-    positionGlobalFilter?: 'left' | 'right';
-    positionPagination?: 'bottom' | 'top' | 'both';
+    positionGlobalFilter?: 'left' | 'right' | 'none';
+    positionPagination?: 'bottom' | 'top' | 'both' | 'none';
     positionToolbarAlertBanner?: 'bottom' | 'top' | 'none';
     positionToolbarDropZone?: 'bottom' | 'top' | 'none' | 'both';
     renderBottomToolbar?: ReactNode | (({ table }: {
@@ -690,11 +691,23 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
     rowNumberMode?: 'original' | 'static';
     selectAllMode?: 'all' | 'page';
     state?: Partial<MRT_TableState<TData>>;
-    tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
-    virtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | (({ table, }: {
+    columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
+    columnVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | (({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>);
+    rowVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
+    rowVirtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | (({ table, }: {
         table: MRT_TableInstance<TData>;
     }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
-    virtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
+    tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
+    /**
+     * @deprecated Use `rowVirtualizerInstanceRef` instead
+     */
+    virtualizerInstanceRef?: any;
+    /**
+     * @deprecated Use `rowVirtualizerProps` instead
+     */
+    virtualizerProps?: any;
 };
-declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, layoutMode, localization, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
+declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
 export default MaterialReactTable;

package/dist/cjs/types/body/MRT_TableBody.d.ts

@@ -1,7 +1,12 @@
 import React, { FC } from 'react';
+import { Virtualizer, VirtualItem } from '@tanstack/react-virtual';
 import type { MRT_TableInstance } from '..';
 interface Props {
+    columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
     table: MRT_TableInstance;
+    virtualColumns?: VirtualItem[];
+    virtualPaddingLeft?: number;
+    virtualPaddingRight?: number;
 }
 export declare const MRT_TableBody: FC<Props>;
 export declare const Memo_MRT_TableBody: React.NamedExoticComponent<Props>;

package/dist/cjs/types/body/MRT_TableBodyCell.d.ts

@@ -1,12 +1,15 @@
 import React, { FC, RefObject } from 'react';
+import type { VirtualItem } from '@tanstack/react-virtual';
 import type { MRT_Cell, MRT_TableInstance } from '..';
 interface Props {
     cell: MRT_Cell;
     enableHover?: boolean;
+    measureElement?: (element: HTMLTableCellElement) => void;
     numRows: number;
     rowIndex: number;
     rowRef: RefObject<HTMLTableRowElement>;
     table: MRT_TableInstance;
+    virtualCell?: VirtualItem;
 }
 export declare const MRT_TableBodyCell: FC<Props>;
 export declare const Memo_MRT_TableBodyCell: React.NamedExoticComponent<Props>;

package/dist/cjs/types/body/MRT_TableBodyRow.d.ts

@@ -1,12 +1,16 @@
 import React, { FC } from 'react';
-import type { VirtualItem } from '@tanstack/react-virtual';
+import type { VirtualItem, Virtualizer } from '@tanstack/react-virtual';
 import type { MRT_Row, MRT_TableInstance } from '..';
 interface Props {
+    columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
     measureElement?: (element: HTMLTableRowElement) => void;
     numRows: number;
     row: MRT_Row;
     rowIndex: number;
     table: MRT_TableInstance;
+    virtualColumns?: VirtualItem[];
+    virtualPaddingLeft?: number;
+    virtualPaddingRight?: number;
     virtualRow?: VirtualItem;
 }
 export declare const MRT_TableBodyRow: FC<Props>;

package/dist/cjs/types/footer/MRT_TableFooter.d.ts

@@ -1,7 +1,11 @@
 import { FC } from 'react';
+import type { VirtualItem } from '@tanstack/react-virtual';
 import type { MRT_TableInstance } from '..';
 interface Props {
     table: MRT_TableInstance;
+    virtualColumns?: VirtualItem[];
+    virtualPaddingLeft?: number;
+    virtualPaddingRight?: number;
 }
 export declare const MRT_TableFooter: FC<Props>;
 export {};

package/dist/cjs/types/footer/MRT_TableFooterRow.d.ts

@@ -1,8 +1,12 @@
 import { FC } from 'react';
+import { VirtualItem } from '@tanstack/react-virtual';
 import type { MRT_HeaderGroup, MRT_TableInstance } from '..';
 interface Props {
     footerGroup: MRT_HeaderGroup;
     table: MRT_TableInstance;
+    virtualColumns?: VirtualItem[];
+    virtualPaddingLeft?: number;
+    virtualPaddingRight?: number;
 }
 export declare const MRT_TableFooterRow: FC<Props>;
 export {};

package/dist/cjs/types/head/MRT_TableHead.d.ts

@@ -1,7 +1,11 @@
 import { FC } from 'react';
+import type { VirtualItem } from '@tanstack/react-virtual';
 import type { MRT_TableInstance } from '..';
 interface Props {
     table: MRT_TableInstance;
+    virtualColumns?: VirtualItem[];
+    virtualPaddingLeft?: number;
+    virtualPaddingRight?: number;
 }
 export declare const MRT_TableHead: FC<Props>;
 export {};

package/dist/cjs/types/head/MRT_TableHeadRow.d.ts

@@ -1,8 +1,12 @@
 import { FC } from 'react';
+import type { VirtualItem } from '@tanstack/react-virtual';
 import type { MRT_HeaderGroup, MRT_TableInstance } from '..';
 interface Props {
     headerGroup: MRT_HeaderGroup;
     table: MRT_TableInstance;
+    virtualColumns?: VirtualItem[];
+    virtualPaddingLeft?: number;
+    virtualPaddingRight?: number;
 }
 export declare const MRT_TableHeadRow: FC<Props>;
 export {};

package/dist/cjs/types/table/MRT_TableRoot.d.ts

@@ -20,6 +20,7 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
     enableColumnDragging?: boolean | undefined;
     enableColumnFilterModes?: boolean | undefined;
     enableColumnOrdering?: boolean | undefined;
+    enableColumnVirtualization?: boolean | undefined;
     enableDensityToggle?: boolean | undefined;
     enableEditing?: boolean | undefined;
     enableExpandAll?: boolean | undefined;
@@ -200,8 +201,8 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
     onShowGlobalFilterChange?: import("@tanstack/react-table").OnChangeFn<boolean> | undefined;
     positionActionsColumn?: "first" | "last" | undefined;
     positionExpandColumn?: "first" | "last" | undefined;
-    positionGlobalFilter?: "left" | "right" | undefined;
-    positionPagination?: "bottom" | "top" | "both" | undefined;
+    positionGlobalFilter?: "left" | "right" | "none" | undefined;
+    positionPagination?: "bottom" | "top" | "none" | "both" | undefined;
     positionToolbarAlertBanner?: "bottom" | "top" | "none" | undefined;
     positionToolbarDropZone?: "bottom" | "top" | "none" | "both" | undefined;
     renderBottomToolbar?: React.ReactNode | (({ table }: {
@@ -253,11 +254,17 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
     rowNumberMode?: "original" | "static" | undefined;
     selectAllMode?: "all" | "page" | undefined;
     state?: Partial<MRT_TableState<TData>> | undefined;
-    tableInstanceRef?: React.MutableRefObject<MRT_TableInstance<TData> | null> | undefined;
-    virtualizerProps?: Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | (({ table, }: {
+    columnVirtualizerInstanceRef?: React.MutableRefObject<import("@tanstack/react-virtual").Virtualizer<HTMLDivElement, HTMLTableCellElement> | null> | undefined;
+    columnVirtualizerProps?: Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | (({ table, }: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>) | undefined;
+    rowVirtualizerInstanceRef?: React.MutableRefObject<import("@tanstack/react-virtual").Virtualizer<HTMLDivElement, HTMLTableRowElement> | null> | undefined;
+    rowVirtualizerProps?: Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | (({ table, }: {
         table: MRT_TableInstance<TData>;
     }) => Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>) | undefined;
-    virtualizerInstanceRef?: React.MutableRefObject<import("@tanstack/react-virtual").Virtualizer<HTMLDivElement, HTMLTableRowElement> | null> | undefined;
+    tableInstanceRef?: React.MutableRefObject<MRT_TableInstance<TData> | null> | undefined;
+    virtualizerInstanceRef?: any;
+    virtualizerProps?: any;
 } & {
     localization: MRT_Localization;
 }) => JSX.Element;

package/dist/cjs/types/toolbar/MRT_TablePagination.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { MRT_TableInstance } from '..';
 interface Props<TData extends Record<string, any> = {}> {
-    position: 'top' | 'bottom';
+    position?: 'top' | 'bottom';
     table: MRT_TableInstance<TData>;
 }
 export declare const MRT_TablePagination: <TData extends Record<string, any> = {}>({ table, position, }: Props<TData>) => JSX.Element;