material-react-table 2.0.0-beta.2 → 2.0.0-beta.4
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 +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
|
}>;
|