material-react-table 1.4.0-beta.1 → 1.4.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +624 -65
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/MaterialReactTable.d.ts +4 -11
- package/dist/cjs/types/body/MRT_TableBodyRow.d.ts +3 -1
- package/dist/cjs/types/table/MRT_TableRoot.d.ts +3 -3
- package/dist/esm/material-react-table.esm.js +909 -368
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/dist/esm/types/MaterialReactTable.d.ts +4 -11
- package/dist/esm/types/body/MRT_TableBodyRow.d.ts +3 -1
- package/dist/esm/types/table/MRT_TableRoot.d.ts +3 -3
- package/dist/index.d.ts +5 -12
- package/package.json +4 -3
- package/src/MaterialReactTable.tsx +9 -20
- package/src/body/MRT_TableBody.tsx +45 -72
- package/src/body/MRT_TableBodyRow.tsx +14 -5
- package/src/table/MRT_TableContainer.tsx +7 -5
@@ -19,7 +19,7 @@ import type { TableRowProps } from '@mui/material/TableRow';
|
|
19
19
|
import type { TextFieldProps } from '@mui/material/TextField';
|
20
20
|
import type { ToolbarProps } from '@mui/material/Toolbar';
|
21
21
|
import type { AggregationFn, Cell, Column, ColumnDef, DeepKeys, FilterFn, Header, HeaderGroup, OnChangeFn, Row, SortingFn, Table, TableOptions, TableState } from '@tanstack/react-table';
|
22
|
-
import type {
|
22
|
+
import type { VirtualizerOptions, Virtualizer } from '@tanstack/react-virtual';
|
23
23
|
import { MRT_AggregationFns } from './aggregationFns';
|
24
24
|
import { MRT_FilterFns } from './filterFns';
|
25
25
|
import { MRT_Icons } from './icons';
|
@@ -687,17 +687,10 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
|
|
687
687
|
selectAllMode?: 'all' | 'page';
|
688
688
|
state?: Partial<MRT_TableState<TData>>;
|
689
689
|
tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
|
690
|
-
virtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement>> | (({ table, }: {
|
690
|
+
virtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | (({ table, }: {
|
691
691
|
table: MRT_TableInstance<TData>;
|
692
|
-
}) => Partial<VirtualizerOptions<HTMLDivElement>>);
|
693
|
-
virtualizerInstanceRef?: MutableRefObject<Virtualizer | null>;
|
694
|
-
};
|
695
|
-
export type Virtualizer = {
|
696
|
-
virtualItems: VirtualItem[];
|
697
|
-
totalSize: number;
|
698
|
-
scrollToOffset: (index: number, options?: any | undefined) => void;
|
699
|
-
scrollToIndex: (index: number, options?: any | undefined) => void;
|
700
|
-
measure: () => void;
|
692
|
+
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
|
693
|
+
virtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
|
701
694
|
};
|
702
695
|
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;
|
703
696
|
export default MaterialReactTable;
|
@@ -1,11 +1,13 @@
|
|
1
1
|
import React, { FC } from 'react';
|
2
|
+
import type { VirtualItem } from '@tanstack/react-virtual';
|
2
3
|
import type { MRT_Row, MRT_TableInstance } from '..';
|
3
4
|
interface Props {
|
5
|
+
measureElement?: (element: HTMLTableRowElement) => void;
|
4
6
|
numRows: number;
|
5
7
|
row: MRT_Row;
|
6
8
|
rowIndex: number;
|
7
9
|
table: MRT_TableInstance;
|
8
|
-
virtualRow?:
|
10
|
+
virtualRow?: VirtualItem;
|
9
11
|
}
|
10
12
|
export declare const MRT_TableBodyRow: FC<Props>;
|
11
13
|
export declare const Memo_MRT_TableBodyRow: React.NamedExoticComponent<Props>;
|
@@ -253,10 +253,10 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
|
|
253
253
|
selectAllMode?: "all" | "page" | undefined;
|
254
254
|
state?: Partial<MRT_TableState<TData>> | undefined;
|
255
255
|
tableInstanceRef?: React.MutableRefObject<MRT_TableInstance<TData> | null> | undefined;
|
256
|
-
virtualizerProps?: Partial<import("react-virtual").
|
256
|
+
virtualizerProps?: Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | (({ table, }: {
|
257
257
|
table: MRT_TableInstance<TData>;
|
258
|
-
}) => Partial<import("react-virtual").
|
259
|
-
virtualizerInstanceRef?: React.MutableRefObject<import("
|
258
|
+
}) => Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>) | undefined;
|
259
|
+
virtualizerInstanceRef?: React.MutableRefObject<import("@tanstack/react-virtual").Virtualizer<HTMLDivElement, HTMLTableRowElement> | null> | undefined;
|
260
260
|
} & {
|
261
261
|
localization: MRT_Localization;
|
262
262
|
}) => JSX.Element;
|