material-react-table 0.3.4 → 0.3.5
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 +8 -3
- package/dist/body/MRT_TableBodyCell.d.ts +3 -0
- package/dist/buttons/MRT_FullScreenToggleButton.d.ts +4 -0
- package/dist/head/MRT_TableHeadCell.d.ts +1 -1
- package/dist/head/MRT_TableHeadCellActions.d.ts +5 -0
- package/dist/material-react-table.cjs.development.js +416 -277
- 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 +419 -280
- package/dist/material-react-table.esm.js.map +1 -1
- 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} +6 -3
- package/dist/utils/localization.d.ts +6 -0
- package/package.json +14 -14
- package/src/@types/react-table-config.d.ts +56 -31
- package/src/MaterialReactTable.tsx +64 -18
- package/src/body/MRT_TableBody.tsx +2 -2
- package/src/body/MRT_TableBodyCell.tsx +16 -9
- package/src/body/MRT_TableBodyRow.tsx +22 -7
- package/src/body/MRT_TableDetailPanel.tsx +14 -5
- package/src/buttons/MRT_EditActionButtons.tsx +11 -4
- package/src/buttons/MRT_ExpandAllButton.tsx +6 -3
- package/src/buttons/MRT_ExpandButton.tsx +9 -3
- package/src/buttons/MRT_FullScreenToggleButton.tsx +23 -0
- package/src/buttons/MRT_ShowHideColumnsButton.tsx +43 -5
- package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +7 -3
- package/src/buttons/MRT_ToggleFiltersButton.tsx +2 -2
- package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +7 -3
- package/src/buttons/MRT_ToggleSearchButton.tsx +7 -3
- package/src/footer/MRT_TableFooter.tsx +6 -3
- package/src/footer/MRT_TableFooterCell.tsx +5 -3
- package/src/footer/MRT_TableFooterRow.tsx +17 -6
- package/src/head/MRT_TableHead.tsx +9 -4
- package/src/head/MRT_TableHeadCell.tsx +11 -7
- package/src/head/MRT_TableHeadCellActions.tsx +18 -0
- package/src/head/MRT_TableHeadRow.tsx +19 -12
- package/src/inputs/MRT_DensePaddingSwitch.tsx +2 -2
- package/src/inputs/MRT_EditCellTextField.tsx +2 -2
- package/src/inputs/MRT_FilterTextField.tsx +6 -3
- package/src/inputs/MRT_SearchTextField.tsx +15 -7
- package/src/inputs/MRT_SelectAllCheckbox.tsx +3 -2
- package/src/inputs/MRT_SelectCheckbox.tsx +3 -2
- package/src/menus/MRT_ColumnActionMenu.tsx +40 -13
- package/src/menus/MRT_RowActionMenu.tsx +21 -6
- package/src/menus/MRT_ShowHideColumnsMenu.tsx +24 -15
- package/src/table/MRT_Table.tsx +3 -2
- package/src/table/MRT_TableContainer.tsx +30 -6
- package/src/table/MRT_TableSpacerCell.tsx +5 -3
- package/src/toolbar/MRT_TablePagination.tsx +9 -5
- package/src/toolbar/MRT_ToolbarAlertBanner.tsx +102 -0
- package/src/toolbar/MRT_ToolbarBottom.tsx +14 -8
- package/src/toolbar/{MRT_ToolbarButtons.tsx → MRT_ToolbarInternalButtons.tsx} +11 -4
- package/src/toolbar/MRT_ToolbarTop.tsx +19 -11
- package/src/{useMaterialReactTable.tsx → useMRT.tsx} +43 -19
- package/src/utils/localization.ts +14 -2
- package/dist/toolbar/MRT_ToolbarButtons.d.ts +0 -5
- package/dist/utils/useMRTCalcs.d.ts +0 -11
- package/src/utils/useMRTCalcs.tsx +0 -40
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
import { ChangeEvent, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import { TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
|
|
2
|
+
import { AlertProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
|
|
3
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
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
7
|
columns: (Column<D> & MRT_ColumnInterface)[];
|
|
8
8
|
defaultDensePadding?: boolean;
|
|
9
|
+
defaultFullScreen?: boolean;
|
|
9
10
|
defaultShowFilters?: boolean;
|
|
10
11
|
defaultShowSearchTextField?: boolean;
|
|
11
12
|
disableColumnActions?: boolean;
|
|
12
13
|
disableColumnHiding?: boolean;
|
|
13
14
|
disableDensePaddingToggle?: boolean;
|
|
14
15
|
disableExpandAll?: boolean;
|
|
16
|
+
disableFullScreenToggle?: boolean;
|
|
15
17
|
disableSelectAll?: boolean;
|
|
16
18
|
disableSubRowTree?: boolean;
|
|
19
|
+
enableRowNumbers?: boolean;
|
|
17
20
|
enableColumnGrouping?: boolean;
|
|
18
21
|
enableColumnResizing?: boolean;
|
|
19
22
|
enableRowActions?: boolean;
|
|
@@ -43,6 +46,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
|
|
|
43
46
|
muiTableHeadRowProps?: TableRowProps | ((row: HeaderGroup<D>) => TableRowProps);
|
|
44
47
|
muiTablePaginationProps?: Partial<TablePaginationProps> | ((tableInstance: TableInstance<D>) => Partial<TablePaginationProps>);
|
|
45
48
|
muiTableProps?: TableProps;
|
|
49
|
+
muiTableToolbarAlertBannerProps?: AlertProps | ((tableInstance: TableInstance<D>) => AlertProps);
|
|
46
50
|
muiTableToolbarBottomProps?: ToolbarProps | ((tableInstance: TableInstance<D>) => ToolbarProps);
|
|
47
51
|
muiTableToolbarTopProps?: ToolbarProps | ((tableInstance: TableInstance<D>) => ToolbarProps);
|
|
48
52
|
onCellClick?: (event: MouseEvent<HTMLTableCellElement>, cell: Cell<D>) => void;
|
|
@@ -56,10 +60,11 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
|
|
|
56
60
|
positionActionsColumn?: 'first' | 'last';
|
|
57
61
|
positionPagination?: 'bottom' | 'top' | 'both';
|
|
58
62
|
positionToolbarActions?: 'bottom' | 'top';
|
|
63
|
+
positionToolbarAlertBanner?: 'bottom' | 'top';
|
|
59
64
|
renderDetailPanel?: (row: Row<D>) => ReactNode;
|
|
60
65
|
renderRowActionMenuItems?: (rowData: Row<D>, tableInstance: TableInstance<D>, closeMenu: () => void) => ReactNode[];
|
|
61
66
|
renderRowActions?: (row: Row<D>, tableInstance: TableInstance<D>) => ReactNode;
|
|
62
|
-
|
|
67
|
+
renderToolbarCustomActions?: (tableInstance: TableInstance<D>) => ReactNode;
|
|
63
68
|
};
|
|
64
|
-
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;
|
|
65
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
|
}, {}, {}>;
|