material-react-table 2.0.0-beta.2 → 2.0.0-beta.4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +417 -410
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/body/MRT_TableBody.d.ts +4 -3
- package/dist/cjs/types/body/MRT_TableBodyCell.d.ts +5 -5
- package/dist/cjs/types/body/MRT_TableBodyRowGrabHandle.d.ts +3 -2
- package/dist/cjs/types/body/MRT_TableBodyRowPinButton.d.ts +3 -2
- package/dist/cjs/types/body/MRT_TableDetailPanel.d.ts +3 -2
- package/dist/cjs/types/buttons/MRT_ColumnPinningButtons.d.ts +3 -2
- package/dist/cjs/types/buttons/MRT_CopyButton.d.ts +3 -4
- package/dist/cjs/types/buttons/MRT_EditActionButtons.d.ts +3 -2
- package/dist/cjs/types/buttons/MRT_ExpandAllButton.d.ts +3 -2
- package/dist/cjs/types/buttons/MRT_ExpandButton.d.ts +2 -1
- package/dist/cjs/types/buttons/MRT_GrabHandleButton.d.ts +2 -2
- package/dist/cjs/types/buttons/MRT_RowPinButton.d.ts +3 -2
- package/dist/cjs/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +3 -2
- package/dist/cjs/types/footer/MRT_TableFooter.d.ts +3 -2
- package/dist/cjs/types/footer/MRT_TableFooterCell.d.ts +3 -2
- package/dist/cjs/types/footer/MRT_TableFooterRow.d.ts +3 -2
- package/dist/cjs/types/head/MRT_TableHead.d.ts +3 -2
- package/dist/cjs/types/head/MRT_TableHeadCell.d.ts +3 -2
- package/dist/cjs/types/head/MRT_TableHeadCellColumnActionsButton.d.ts +3 -2
- package/dist/cjs/types/head/MRT_TableHeadCellFilterContainer.d.ts +3 -2
- package/dist/cjs/types/head/MRT_TableHeadCellFilterLabel.d.ts +3 -2
- package/dist/cjs/types/head/MRT_TableHeadCellGrabHandle.d.ts +3 -2
- package/dist/cjs/types/head/MRT_TableHeadCellResizeHandle.d.ts +3 -2
- package/dist/cjs/types/head/MRT_TableHeadCellSortLabel.d.ts +3 -2
- package/dist/cjs/types/head/MRT_TableHeadRow.d.ts +3 -2
- package/dist/cjs/types/inputs/MRT_EditCellTextField.d.ts +3 -2
- package/dist/cjs/types/inputs/MRT_FilterCheckbox.d.ts +3 -2
- package/dist/cjs/types/inputs/MRT_FilterRangeFields.d.ts +3 -2
- package/dist/cjs/types/inputs/MRT_FilterRangeSlider.d.ts +3 -2
- package/dist/cjs/types/inputs/MRT_FilterTextField.d.ts +3 -2
- package/dist/cjs/types/inputs/MRT_GlobalFilterTextField.d.ts +3 -2
- package/dist/cjs/types/inputs/MRT_SelectCheckbox.d.ts +3 -2
- package/dist/cjs/types/menus/MRT_ColumnActionMenu.d.ts +3 -2
- package/dist/cjs/types/menus/MRT_FilterOptionMenu.d.ts +3 -2
- package/dist/cjs/types/menus/MRT_RowActionMenu.d.ts +3 -2
- package/dist/cjs/types/menus/MRT_ShowHideColumnsMenu.d.ts +3 -2
- package/dist/cjs/types/menus/MRT_ShowHideColumnsMenuItems.d.ts +3 -2
- package/dist/cjs/types/modals/MRT_EditRowModal.d.ts +3 -2
- package/dist/cjs/types/table/MRT_Table.d.ts +3 -2
- package/dist/cjs/types/table/MRT_TableContainer.d.ts +3 -2
- package/dist/cjs/types/table/MRT_TableLoadingOverlay.d.ts +7 -0
- package/dist/cjs/types/table/MRT_TablePaper.d.ts +3 -2
- package/dist/cjs/types/table/index.d.ts +1 -0
- package/dist/cjs/types/toolbar/MRT_BottomToolbar.d.ts +3 -2
- package/dist/cjs/types/toolbar/MRT_LinearProgressBar.d.ts +3 -2
- package/dist/cjs/types/toolbar/MRT_TablePagination.d.ts +6 -2
- package/dist/cjs/types/toolbar/MRT_ToolbarAlertBanner.d.ts +3 -2
- package/dist/cjs/types/toolbar/MRT_ToolbarDropZone.d.ts +3 -2
- package/dist/cjs/types/toolbar/MRT_ToolbarInternalButtons.d.ts +3 -2
- package/dist/cjs/types/toolbar/MRT_TopToolbar.d.ts +1 -2
- package/dist/cjs/types/types.d.ts +3 -3
- package/dist/esm/material-react-table.esm.js +415 -408
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/dist/esm/types/body/MRT_TableBody.d.ts +4 -3
- package/dist/esm/types/body/MRT_TableBodyCell.d.ts +5 -5
- package/dist/esm/types/body/MRT_TableBodyRowGrabHandle.d.ts +3 -2
- package/dist/esm/types/body/MRT_TableBodyRowPinButton.d.ts +3 -2
- package/dist/esm/types/body/MRT_TableDetailPanel.d.ts +3 -2
- package/dist/esm/types/buttons/MRT_ColumnPinningButtons.d.ts +3 -2
- package/dist/esm/types/buttons/MRT_CopyButton.d.ts +3 -4
- package/dist/esm/types/buttons/MRT_EditActionButtons.d.ts +3 -2
- package/dist/esm/types/buttons/MRT_ExpandAllButton.d.ts +3 -2
- package/dist/esm/types/buttons/MRT_ExpandButton.d.ts +2 -1
- package/dist/esm/types/buttons/MRT_GrabHandleButton.d.ts +2 -2
- package/dist/esm/types/buttons/MRT_RowPinButton.d.ts +3 -2
- package/dist/esm/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +3 -2
- package/dist/esm/types/footer/MRT_TableFooter.d.ts +3 -2
- package/dist/esm/types/footer/MRT_TableFooterCell.d.ts +3 -2
- package/dist/esm/types/footer/MRT_TableFooterRow.d.ts +3 -2
- package/dist/esm/types/head/MRT_TableHead.d.ts +3 -2
- package/dist/esm/types/head/MRT_TableHeadCell.d.ts +3 -2
- package/dist/esm/types/head/MRT_TableHeadCellColumnActionsButton.d.ts +3 -2
- package/dist/esm/types/head/MRT_TableHeadCellFilterContainer.d.ts +3 -2
- package/dist/esm/types/head/MRT_TableHeadCellFilterLabel.d.ts +3 -2
- package/dist/esm/types/head/MRT_TableHeadCellGrabHandle.d.ts +3 -2
- package/dist/esm/types/head/MRT_TableHeadCellResizeHandle.d.ts +3 -2
- package/dist/esm/types/head/MRT_TableHeadCellSortLabel.d.ts +3 -2
- package/dist/esm/types/head/MRT_TableHeadRow.d.ts +3 -2
- package/dist/esm/types/inputs/MRT_EditCellTextField.d.ts +3 -2
- package/dist/esm/types/inputs/MRT_FilterCheckbox.d.ts +3 -2
- package/dist/esm/types/inputs/MRT_FilterRangeFields.d.ts +3 -2
- package/dist/esm/types/inputs/MRT_FilterRangeSlider.d.ts +3 -2
- package/dist/esm/types/inputs/MRT_FilterTextField.d.ts +3 -2
- package/dist/esm/types/inputs/MRT_GlobalFilterTextField.d.ts +3 -2
- package/dist/esm/types/inputs/MRT_SelectCheckbox.d.ts +3 -2
- package/dist/esm/types/menus/MRT_ColumnActionMenu.d.ts +3 -2
- package/dist/esm/types/menus/MRT_FilterOptionMenu.d.ts +3 -2
- package/dist/esm/types/menus/MRT_RowActionMenu.d.ts +3 -2
- package/dist/esm/types/menus/MRT_ShowHideColumnsMenu.d.ts +3 -2
- package/dist/esm/types/menus/MRT_ShowHideColumnsMenuItems.d.ts +3 -2
- package/dist/esm/types/modals/MRT_EditRowModal.d.ts +3 -2
- package/dist/esm/types/table/MRT_Table.d.ts +3 -2
- package/dist/esm/types/table/MRT_TableContainer.d.ts +3 -2
- package/dist/esm/types/table/MRT_TableLoadingOverlay.d.ts +7 -0
- package/dist/esm/types/table/MRT_TablePaper.d.ts +3 -2
- package/dist/esm/types/table/index.d.ts +1 -0
- package/dist/esm/types/toolbar/MRT_BottomToolbar.d.ts +3 -2
- package/dist/esm/types/toolbar/MRT_LinearProgressBar.d.ts +3 -2
- package/dist/esm/types/toolbar/MRT_TablePagination.d.ts +6 -2
- package/dist/esm/types/toolbar/MRT_ToolbarAlertBanner.d.ts +3 -2
- package/dist/esm/types/toolbar/MRT_ToolbarDropZone.d.ts +3 -2
- package/dist/esm/types/toolbar/MRT_ToolbarInternalButtons.d.ts +3 -2
- package/dist/esm/types/toolbar/MRT_TopToolbar.d.ts +1 -2
- package/dist/esm/types/types.d.ts +3 -3
- package/dist/index.d.ts +130 -119
- package/package.json +1 -1
- package/src/body/MRT_TableBody.tsx +8 -4
- package/src/body/MRT_TableBodyCell.tsx +60 -61
- package/src/body/MRT_TableBodyRow.tsx +3 -3
- package/src/body/MRT_TableBodyRowGrabHandle.tsx +10 -5
- package/src/body/MRT_TableBodyRowPinButton.tsx +12 -5
- package/src/body/MRT_TableDetailPanel.tsx +11 -7
- package/src/buttons/MRT_ColumnPinningButtons.tsx +12 -3
- package/src/buttons/MRT_CopyButton.tsx +6 -8
- package/src/buttons/MRT_EditActionButtons.tsx +9 -3
- package/src/buttons/MRT_ExpandAllButton.tsx +9 -5
- package/src/buttons/MRT_ExpandButton.tsx +2 -2
- package/src/buttons/MRT_GrabHandleButton.tsx +8 -5
- package/src/buttons/MRT_RowPinButton.tsx +8 -4
- package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +7 -3
- package/src/column.utils.ts +1 -1
- package/src/footer/MRT_TableFooter.tsx +9 -5
- package/src/footer/MRT_TableFooterCell.tsx +12 -12
- package/src/footer/MRT_TableFooterRow.tsx +10 -6
- package/src/head/MRT_TableHead.tsx +8 -4
- package/src/head/MRT_TableHeadCell.tsx +93 -84
- package/src/head/MRT_TableHeadCellColumnActionsButton.tsx +5 -3
- package/src/head/MRT_TableHeadCellFilterContainer.tsx +4 -2
- package/src/head/MRT_TableHeadCellFilterLabel.tsx +8 -4
- package/src/head/MRT_TableHeadCellGrabHandle.tsx +4 -1
- package/src/head/MRT_TableHeadCellResizeHandle.tsx +7 -4
- package/src/head/MRT_TableHeadCellSortLabel.tsx +28 -12
- package/src/head/MRT_TableHeadRow.tsx +10 -6
- package/src/hooks/useMRT_DisplayColumns.tsx +2 -1
- package/src/inputs/MRT_EditCellTextField.tsx +16 -2
- package/src/inputs/MRT_FilterCheckbox.tsx +4 -2
- package/src/inputs/MRT_FilterRangeFields.tsx +13 -3
- package/src/inputs/MRT_FilterRangeSlider.tsx +4 -2
- package/src/inputs/MRT_FilterTextField.tsx +3 -1
- package/src/inputs/MRT_GlobalFilterTextField.tsx +9 -5
- package/src/inputs/MRT_SelectCheckbox.tsx +8 -4
- package/src/menus/MRT_ColumnActionMenu.tsx +4 -2
- package/src/menus/MRT_FilterOptionMenu.tsx +4 -2
- package/src/menus/MRT_RowActionMenu.tsx +4 -2
- package/src/menus/MRT_ShowHideColumnsMenu.tsx +4 -2
- package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +6 -3
- package/src/modals/MRT_EditRowModal.tsx +5 -3
- package/src/table/MRT_Table.tsx +25 -31
- package/src/table/MRT_TableContainer.tsx +15 -44
- package/src/table/MRT_TableLoadingOverlay.tsx +53 -0
- package/src/table/MRT_TablePaper.tsx +7 -3
- package/src/table/index.ts +1 -0
- package/src/toolbar/MRT_BottomToolbar.tsx +9 -7
- package/src/toolbar/MRT_LinearProgressBar.tsx +14 -8
- package/src/toolbar/MRT_TablePagination.tsx +18 -8
- package/src/toolbar/MRT_ToolbarAlertBanner.tsx +9 -5
- package/src/toolbar/MRT_ToolbarDropZone.tsx +6 -2
- package/src/toolbar/MRT_ToolbarInternalButtons.tsx +8 -4
- package/src/toolbar/MRT_TopToolbar.tsx +5 -8
- package/src/types.ts +5 -5
@@ -1,7 +1,8 @@
|
|
1
|
+
import { type LinearProgressProps } from '@mui/material/LinearProgress';
|
1
2
|
import { type MRT_RowData, type MRT_TableInstance } from '../types';
|
2
|
-
interface Props<TData extends MRT_RowData> {
|
3
|
+
interface Props<TData extends MRT_RowData> extends LinearProgressProps {
|
3
4
|
isTopToolbar: boolean;
|
4
5
|
table: MRT_TableInstance<TData>;
|
5
6
|
}
|
6
|
-
export declare const MRT_LinearProgressBar: <TData extends MRT_RowData>({ isTopToolbar, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
7
|
+
export declare const MRT_LinearProgressBar: <TData extends MRT_RowData>({ isTopToolbar, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
7
8
|
export {};
|
@@ -1,7 +1,11 @@
|
|
1
|
+
import { type PaginationProps } from '@mui/material/Pagination';
|
1
2
|
import { type MRT_RowData, type MRT_TableInstance } from '../types';
|
2
|
-
interface Props<TData extends MRT_RowData> {
|
3
|
+
interface Props<TData extends MRT_RowData> extends Partial<PaginationProps & {
|
4
|
+
rowsPerPageOptions?: number[];
|
5
|
+
showRowsPerPage?: boolean;
|
6
|
+
}> {
|
3
7
|
position?: 'bottom' | 'top';
|
4
8
|
table: MRT_TableInstance<TData>;
|
5
9
|
}
|
6
|
-
export declare const MRT_TablePagination: <TData extends MRT_RowData>({ position, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
10
|
+
export declare const MRT_TablePagination: <TData extends MRT_RowData>({ position, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
7
11
|
export {};
|
@@ -1,7 +1,8 @@
|
|
1
|
+
import { type AlertProps } from '@mui/material/Alert';
|
1
2
|
import { type MRT_RowData, type MRT_TableInstance } from '../types';
|
2
|
-
interface Props<TData extends MRT_RowData> {
|
3
|
+
interface Props<TData extends MRT_RowData> extends AlertProps {
|
3
4
|
stackAlertBanner?: boolean;
|
4
5
|
table: MRT_TableInstance<TData>;
|
5
6
|
}
|
6
|
-
export declare const MRT_ToolbarAlertBanner: <TData extends MRT_RowData>({ stackAlertBanner, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
7
|
+
export declare const MRT_ToolbarAlertBanner: <TData extends MRT_RowData>({ stackAlertBanner, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
7
8
|
export {};
|
@@ -1,6 +1,7 @@
|
|
1
|
+
import { type BoxProps } from '@mui/material/Box';
|
1
2
|
import { type MRT_RowData, type MRT_TableInstance } from '../types';
|
2
|
-
interface Props<TData extends MRT_RowData> {
|
3
|
+
interface Props<TData extends MRT_RowData> extends BoxProps {
|
3
4
|
table: MRT_TableInstance<TData>;
|
4
5
|
}
|
5
|
-
export declare const MRT_ToolbarDropZone: <TData extends MRT_RowData>({ table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
6
|
+
export declare const MRT_ToolbarDropZone: <TData extends MRT_RowData>({ table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
6
7
|
export {};
|
@@ -1,6 +1,7 @@
|
|
1
|
+
import { type BoxProps } from '@mui/material/Box';
|
1
2
|
import { type MRT_RowData, type MRT_TableInstance } from '../types';
|
2
|
-
interface Props<TData extends MRT_RowData> {
|
3
|
+
interface Props<TData extends MRT_RowData> extends BoxProps {
|
3
4
|
table: MRT_TableInstance<TData>;
|
4
5
|
}
|
5
|
-
export declare const MRT_ToolbarInternalButtons: <TData extends MRT_RowData>({ table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
6
|
+
export declare const MRT_ToolbarInternalButtons: <TData extends MRT_RowData>({ table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
6
7
|
export {};
|
@@ -5,12 +5,11 @@ export declare const commonToolbarStyles: ({ theme }: {
|
|
5
5
|
}) => {
|
6
6
|
alignItems: string;
|
7
7
|
backgroundColor: string;
|
8
|
-
backgroundImage: string;
|
9
8
|
display: string;
|
10
9
|
flexWrap: string;
|
11
10
|
minHeight: string;
|
12
11
|
overflow: string;
|
13
|
-
|
12
|
+
position: string;
|
14
13
|
transition: string;
|
15
14
|
zIndex: number;
|
16
15
|
};
|
@@ -3,6 +3,7 @@ import { type AccessorFn, type AggregationFn, type Cell, type Column, type Colum
|
|
3
3
|
import { type VirtualItem, type Virtualizer, type VirtualizerOptions } from '@tanstack/react-virtual';
|
4
4
|
import { type AlertProps } from '@mui/material/Alert';
|
5
5
|
import { type AutocompleteProps } from '@mui/material/Autocomplete';
|
6
|
+
import { type BoxProps } from '@mui/material/Box';
|
6
7
|
import { type ButtonProps } from '@mui/material/Button';
|
7
8
|
import { type CheckboxProps } from '@mui/material/Checkbox';
|
8
9
|
import { type ChipProps } from '@mui/material/Chip';
|
@@ -23,7 +24,6 @@ import { type TableFooterProps } from '@mui/material/TableFooter';
|
|
23
24
|
import { type TableHeadProps } from '@mui/material/TableHead';
|
24
25
|
import { type TableRowProps } from '@mui/material/TableRow';
|
25
26
|
import { type TextFieldProps } from '@mui/material/TextField';
|
26
|
-
import { type ToolbarProps } from '@mui/material/Toolbar';
|
27
27
|
import { type DatePickerProps } from '@mui/x-date-pickers';
|
28
28
|
import { type MRT_AggregationFns } from './aggregationFns';
|
29
29
|
import { type MRT_FilterFns } from './filterFns';
|
@@ -551,7 +551,7 @@ export type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOpti
|
|
551
551
|
memoMode?: 'cells' | 'rows' | 'table-body';
|
552
552
|
muiBottomToolbarProps?: ((props: {
|
553
553
|
table: MRT_TableInstance<TData>;
|
554
|
-
}) =>
|
554
|
+
}) => BoxProps) | BoxProps;
|
555
555
|
muiCircularProgressProps?: ((props: {
|
556
556
|
table: MRT_TableInstance<TData>;
|
557
557
|
}) => CircularProgressProps) | CircularProgressProps;
|
@@ -703,7 +703,7 @@ export type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOpti
|
|
703
703
|
}) => AlertProps) | AlertProps;
|
704
704
|
muiTopToolbarProps?: ((props: {
|
705
705
|
table: MRT_TableInstance<TData>;
|
706
|
-
}) =>
|
706
|
+
}) => BoxProps) | BoxProps;
|
707
707
|
onColumnFilterFnsChange?: OnChangeFn<{
|
708
708
|
[key: string]: MRT_FilterOption;
|
709
709
|
}>;
|