material-react-table 0.3.3 → 0.4.1
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/MaterialReactTable.d.ts +15 -7
- package/dist/body/MRT_TableBodyCell.d.ts +3 -0
- package/dist/buttons/MRT_FullScreenToggleButton.d.ts +4 -0
- package/dist/buttons/MRT_ToggleSearchButton.d.ts +4 -0
- package/dist/head/MRT_TableHeadCell.d.ts +1 -1
- package/dist/head/MRT_TableHeadCellActions.d.ts +5 -0
- package/dist/inputs/{MRT_EditCellTextfield.d.ts → MRT_EditCellTextField.d.ts} +1 -1
- package/dist/inputs/MRT_FilterTextField.d.ts +1 -1
- package/dist/material-react-table.cjs.development.js +604 -372
- package/dist/material-react-table.cjs.development.js.map +1 -1
- package/dist/material-react-table.cjs.production.min.js +1 -1
- package/dist/material-react-table.cjs.production.min.js.map +1 -1
- package/dist/material-react-table.esm.js +607 -375
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/menus/MRT_ColumnActionMenu.d.ts +2 -2
- package/dist/menus/MRT_RowActionMenu.d.ts +1 -0
- package/dist/table/MRT_TableButtonCell.d.ts +3 -0
- package/dist/toolbar/MRT_ToolbarAlertBanner.d.ts +5 -0
- package/dist/toolbar/MRT_ToolbarInternalButtons.d.ts +5 -0
- package/dist/{useMaterialReactTable.d.ts → useMRT.d.ts} +8 -3
- package/dist/utils/localization.d.ts +8 -0
- package/package.json +21 -19
- package/src/@types/react-table-config.d.ts +37 -34
- package/src/MaterialReactTable.tsx +22 -6
- package/src/body/MRT_TableBody.tsx +2 -3
- package/src/body/MRT_TableBodyCell.tsx +8 -8
- package/src/body/MRT_TableBodyRow.tsx +13 -15
- package/src/body/MRT_TableDetailPanel.tsx +2 -2
- package/src/buttons/MRT_EditActionButtons.tsx +3 -2
- package/src/buttons/MRT_ExpandAllButton.tsx +8 -16
- package/src/buttons/MRT_ExpandButton.tsx +8 -9
- package/src/buttons/MRT_FullScreenToggleButton.tsx +23 -0
- package/src/buttons/MRT_ShowHideColumnsButton.tsx +34 -3
- package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +5 -5
- package/src/buttons/MRT_ToggleFiltersButton.tsx +2 -2
- package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +48 -26
- package/src/buttons/MRT_ToggleSearchButton.tsx +33 -0
- package/src/footer/MRT_TableFooter.tsx +2 -2
- package/src/footer/MRT_TableFooterCell.tsx +2 -2
- package/src/footer/MRT_TableFooterRow.tsx +9 -4
- package/src/head/MRT_TableHead.tsx +2 -2
- package/src/head/MRT_TableHeadCell.tsx +20 -16
- package/src/head/MRT_TableHeadCellActions.tsx +18 -0
- package/src/head/MRT_TableHeadRow.tsx +16 -11
- package/src/inputs/MRT_DensePaddingSwitch.tsx +5 -3
- package/src/inputs/{MRT_EditCellTextfield.tsx → MRT_EditCellTextField.tsx} +23 -16
- package/src/inputs/MRT_FilterTextField.tsx +43 -17
- package/src/inputs/MRT_SearchTextField.tsx +39 -34
- package/src/inputs/MRT_SelectAllCheckbox.tsx +9 -13
- package/src/inputs/MRT_SelectCheckbox.tsx +11 -14
- package/src/menus/MRT_ColumnActionMenu.tsx +66 -23
- package/src/menus/MRT_RowActionMenu.tsx +4 -8
- package/src/menus/MRT_ShowHideColumnsMenu.tsx +24 -15
- package/src/table/MRT_Table.tsx +2 -2
- package/src/table/MRT_TableButtonCell.tsx +9 -0
- package/src/table/MRT_TableContainer.tsx +34 -8
- package/src/table/MRT_TableSpacerCell.tsx +2 -2
- package/src/toolbar/MRT_TablePagination.tsx +3 -2
- package/src/toolbar/MRT_ToolbarAlertBanner.tsx +102 -0
- package/src/toolbar/MRT_ToolbarBottom.tsx +9 -5
- package/src/toolbar/{MRT_ToolbarButtons.tsx → MRT_ToolbarInternalButtons.tsx} +13 -4
- package/src/toolbar/MRT_ToolbarTop.tsx +14 -15
- package/src/{useMaterialReactTable.tsx → useMRT.tsx} +40 -23
- package/src/utils/localization.ts +22 -6
- package/dist/toolbar/MRT_ToolbarButtons.d.ts +0 -5
- package/dist/utils/useMRTCalcs.d.ts +0 -11
- package/src/utils/useMRTCalcs.tsx +0 -42
|
@@ -1,16 +1,22 @@
|
|
|
1
1
|
import { ChangeEvent, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import { TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps
|
|
3
|
-
import { Cell, Column, HeaderGroup, Row, TableInstance, TableOptions, UseExpandedOptions, UseFiltersOptions, UseGlobalFiltersOptions, UseGroupByOptions, UsePaginationOptions, UseResizeColumnsOptions, UseRowSelectOptions, UseRowStateOptions, UseSortByOptions } from 'react-table';
|
|
2
|
+
import { AlertProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
|
|
3
|
+
import { Cell, Column, HeaderGroup, Row, TableInstance, TableOptions, UseExpandedOptions, UseFiltersOptions, UseGlobalFiltersOptions, UseGroupByOptions, UsePaginationOptions, UseResizeColumnsOptions, UseRowSelectOptions, UseRowStateOptions, UseSortByOptions, UseTableOptions } from 'react-table';
|
|
4
4
|
import { MRT_Localization } from './utils/localization';
|
|
5
|
-
|
|
5
|
+
import { MRT_ColumnInterface } from './@types/react-table-config';
|
|
6
|
+
export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D> & UseTableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {
|
|
7
|
+
columns: (Column<D> & MRT_ColumnInterface)[];
|
|
6
8
|
defaultDensePadding?: boolean;
|
|
9
|
+
defaultFullScreen?: boolean;
|
|
7
10
|
defaultShowFilters?: boolean;
|
|
11
|
+
defaultShowSearchTextField?: boolean;
|
|
8
12
|
disableColumnActions?: boolean;
|
|
9
13
|
disableColumnHiding?: boolean;
|
|
10
14
|
disableDensePaddingToggle?: boolean;
|
|
11
15
|
disableExpandAll?: boolean;
|
|
16
|
+
disableFullScreenToggle?: boolean;
|
|
12
17
|
disableSelectAll?: boolean;
|
|
13
18
|
disableSubRowTree?: boolean;
|
|
19
|
+
enableRowNumbers?: boolean;
|
|
14
20
|
enableColumnGrouping?: boolean;
|
|
15
21
|
enableColumnResizing?: boolean;
|
|
16
22
|
enableRowActions?: boolean;
|
|
@@ -29,7 +35,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
|
|
|
29
35
|
muiTableBodyCellProps?: TableCellProps | ((cell?: Cell<D>) => TableCellProps);
|
|
30
36
|
muiTableBodyProps?: TableBodyProps;
|
|
31
37
|
muiTableBodyRowProps?: TableRowProps | ((row: Row<D>) => TableRowProps);
|
|
32
|
-
muiTableContainerProps?: TableContainerProps;
|
|
38
|
+
muiTableContainerProps?: TableContainerProps | ((table: TableInstance<D>) => TableContainerProps);
|
|
33
39
|
muiTableDetailPanelProps?: TableCellProps | ((row: Row<D>) => TableCellProps);
|
|
34
40
|
muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
|
|
35
41
|
muiTableFooterProps?: TableFooterProps;
|
|
@@ -40,10 +46,11 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
|
|
|
40
46
|
muiTableHeadRowProps?: TableRowProps | ((row: HeaderGroup<D>) => TableRowProps);
|
|
41
47
|
muiTablePaginationProps?: Partial<TablePaginationProps> | ((tableInstance: TableInstance<D>) => Partial<TablePaginationProps>);
|
|
42
48
|
muiTableProps?: TableProps;
|
|
43
|
-
|
|
49
|
+
muiTableToolbarAlertBannerProps?: AlertProps | ((tableInstance: TableInstance<D>) => AlertProps);
|
|
44
50
|
muiTableToolbarBottomProps?: ToolbarProps | ((tableInstance: TableInstance<D>) => ToolbarProps);
|
|
45
51
|
muiTableToolbarTopProps?: ToolbarProps | ((tableInstance: TableInstance<D>) => ToolbarProps);
|
|
46
52
|
onCellClick?: (event: MouseEvent<HTMLTableCellElement>, cell: Cell<D>) => void;
|
|
53
|
+
onColumnHide?: (column: Column<D>, visibleColumns: Column<D>[]) => void;
|
|
47
54
|
onDetailPanelClick?: (event: MouseEvent<HTMLTableCellElement>, row: Row<D>) => void;
|
|
48
55
|
onGlobalFilterChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
49
56
|
onRowClick?: (event: MouseEvent<HTMLTableRowElement>, row: Row<D>) => void;
|
|
@@ -53,10 +60,11 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
|
|
|
53
60
|
positionActionsColumn?: 'first' | 'last';
|
|
54
61
|
positionPagination?: 'bottom' | 'top' | 'both';
|
|
55
62
|
positionToolbarActions?: 'bottom' | 'top';
|
|
63
|
+
positionToolbarAlertBanner?: 'bottom' | 'top';
|
|
56
64
|
renderDetailPanel?: (row: Row<D>) => ReactNode;
|
|
57
65
|
renderRowActionMenuItems?: (rowData: Row<D>, tableInstance: TableInstance<D>, closeMenu: () => void) => ReactNode[];
|
|
58
66
|
renderRowActions?: (row: Row<D>, tableInstance: TableInstance<D>) => ReactNode;
|
|
59
|
-
|
|
67
|
+
renderToolbarCustomActions?: (tableInstance: TableInstance<D>) => ReactNode;
|
|
60
68
|
};
|
|
61
|
-
declare const _default: <D extends {}>({ defaultColumn, localization, positionActionsColumn, positionPagination, positionToolbarActions, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
|
|
69
|
+
declare const _default: <D extends {}>({ defaultColumn, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
|
|
62
70
|
export default _default;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { Cell } from 'react-table';
|
|
3
|
+
export declare const MRT_StyledTableBodyCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
4
|
+
densePadding?: boolean | undefined;
|
|
5
|
+
}, {}, {}>;
|
|
3
6
|
interface Props {
|
|
4
7
|
cell: Cell;
|
|
5
8
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { HeaderGroup } from 'react-table';
|
|
3
|
-
export declare const
|
|
3
|
+
export declare const MRT_StyledTableHeadCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
4
4
|
densePadding?: boolean | undefined;
|
|
5
5
|
enableColumnResizing?: boolean | undefined;
|
|
6
6
|
}, {}, {}>;
|