material-react-table 0.4.3 → 0.4.6
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 -5
- package/dist/buttons/MRT_FullScreenToggleButton.d.ts +3 -1
- package/dist/buttons/MRT_ShowHideColumnsButton.d.ts +2 -1
- package/dist/buttons/MRT_ToggleDensePaddingButton.d.ts +2 -1
- package/dist/buttons/MRT_ToggleFiltersButton.d.ts +3 -1
- package/dist/buttons/MRT_ToggleSearchButton.d.ts +3 -1
- package/dist/icons.d.ts +25 -0
- package/dist/inputs/MRT_SelectCheckbox.d.ts +2 -1
- package/dist/{utils/localization.d.ts → localization.d.ts} +1 -1
- package/dist/material-react-table.cjs.development.js +265 -205
- 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 +266 -206
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/useMRT.d.ts +6 -2
- package/package.json +5 -6
- package/src/MaterialReactTable.tsx +27 -5
- package/src/body/MRT_TableBodyRow.tsx +9 -6
- package/src/buttons/MRT_EditActionButtons.tsx +5 -6
- package/src/buttons/MRT_ExpandAllButton.tsx +17 -18
- package/src/buttons/MRT_ExpandButton.tsx +18 -19
- package/src/buttons/MRT_FullScreenToggleButton.tsx +13 -9
- package/src/buttons/MRT_ShowHideColumnsButton.tsx +13 -8
- package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +18 -10
- package/src/buttons/MRT_ToggleDensePaddingButton.tsx +12 -8
- package/src/buttons/MRT_ToggleFiltersButton.tsx +12 -8
- package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +6 -7
- package/src/buttons/MRT_ToggleSearchButton.tsx +12 -9
- package/src/footer/MRT_TableFooterRow.tsx +9 -10
- package/src/head/MRT_TableHeadCell.tsx +21 -12
- package/src/head/MRT_TableHeadCellActions.tsx +1 -1
- package/src/head/MRT_TableHeadRow.tsx +6 -5
- package/src/icons.tsx +72 -0
- package/src/inputs/MRT_EditCellTextField.tsx +1 -2
- package/src/inputs/MRT_FilterTextField.tsx +12 -13
- package/src/inputs/MRT_SearchTextField.tsx +4 -5
- package/src/inputs/MRT_SelectCheckbox.tsx +44 -15
- package/src/{utils/localization.ts → localization.ts} +4 -4
- package/src/menus/MRT_ColumnActionMenu.tsx +14 -12
- package/src/menus/MRT_RowActionMenu.tsx +2 -2
- package/src/table/MRT_TableContainer.tsx +3 -11
- package/src/toolbar/MRT_TablePagination.tsx +1 -0
- package/src/toolbar/MRT_ToolbarAlertBanner.tsx +3 -3
- package/src/toolbar/MRT_ToolbarBottom.tsx +2 -2
- package/src/toolbar/MRT_ToolbarInternalButtons.tsx +16 -0
- package/src/toolbar/MRT_ToolbarTop.tsx +2 -2
- package/src/useMRT.tsx +6 -2
- package/dist/inputs/MRT_SelectAllCheckbox.d.ts +0 -2
- package/src/inputs/MRT_SelectAllCheckbox.tsx +0 -22
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { ChangeEvent, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import { AlertProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
|
|
1
|
+
import { ChangeEvent, FC, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { AlertProps, IconButtonProps, 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
|
-
import { MRT_Localization } from './utils/localization';
|
|
5
4
|
import { MRT_ColumnInterface } from './@types/react-table-config';
|
|
5
|
+
import { MRT_Localization } from './localization';
|
|
6
|
+
import { MRT_Icons } from './icons';
|
|
6
7
|
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
8
|
columns: (Column<D> & MRT_ColumnInterface)[];
|
|
8
9
|
defaultDensePadding?: boolean;
|
|
@@ -24,9 +25,10 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
|
|
|
24
25
|
enableSelection?: boolean;
|
|
25
26
|
hideTableFooter?: boolean;
|
|
26
27
|
hideTableHead?: boolean;
|
|
27
|
-
|
|
28
|
+
hideToolbarInternalActions?: boolean;
|
|
28
29
|
hideToolbarBottom?: boolean;
|
|
29
30
|
hideToolbarTop?: boolean;
|
|
31
|
+
icons?: Partial<MRT_Icons>;
|
|
30
32
|
isFetching?: boolean;
|
|
31
33
|
isLoading?: boolean;
|
|
32
34
|
localization?: Partial<MRT_Localization>;
|
|
@@ -57,6 +59,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
|
|
|
57
59
|
onRowEditSubmit?: (row: Row<D>) => Promise<void> | void;
|
|
58
60
|
onRowExpandChange?: (event: MouseEvent<HTMLButtonElement>, row: Row<D>) => void;
|
|
59
61
|
onRowSelectChange?: (event: ChangeEvent, row: Row<D>, selectedRows: Row<D>[]) => void;
|
|
62
|
+
onSelectAllChange?: (event: ChangeEvent, selectedRows: Row<D>[]) => void;
|
|
60
63
|
positionActionsColumn?: 'first' | 'last';
|
|
61
64
|
positionPagination?: 'bottom' | 'top' | 'both';
|
|
62
65
|
positionToolbarActions?: 'bottom' | 'top';
|
|
@@ -65,6 +68,13 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
|
|
|
65
68
|
renderRowActionMenuItems?: (rowData: Row<D>, tableInstance: TableInstance<D>, closeMenu: () => void) => ReactNode[];
|
|
66
69
|
renderRowActions?: (row: Row<D>, tableInstance: TableInstance<D>) => ReactNode;
|
|
67
70
|
renderToolbarCustomActions?: (tableInstance: TableInstance<D>) => ReactNode;
|
|
71
|
+
renderToolbarInternalActions?: (tableInstance: TableInstance<D>, { MRT_ToggleSearchButton, MRT_ToggleFiltersButton, MRT_ShowHideColumnsButton, MRT_ToggleDensePaddingButton, MRT_FullScreenToggleButton, }: {
|
|
72
|
+
MRT_ToggleSearchButton: FC<IconButtonProps>;
|
|
73
|
+
MRT_ToggleFiltersButton: FC<IconButtonProps>;
|
|
74
|
+
MRT_ShowHideColumnsButton: FC<IconButtonProps>;
|
|
75
|
+
MRT_ToggleDensePaddingButton: FC<IconButtonProps>;
|
|
76
|
+
MRT_FullScreenToggleButton: FC<IconButtonProps>;
|
|
77
|
+
}) => ReactNode;
|
|
68
78
|
};
|
|
69
|
-
declare const _default: <D extends {}>({ defaultColumn, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
|
|
79
|
+
declare const _default: <D extends {}>({ defaultColumn, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
|
|
70
80
|
export default _default;
|
package/dist/icons.d.ts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export interface MRT_Icons {
|
|
2
|
+
CancelIcon: any;
|
|
3
|
+
ClearAllIcon: any;
|
|
4
|
+
CloseIcon: any;
|
|
5
|
+
DensityMediumIcon: any;
|
|
6
|
+
DensitySmallIcon: any;
|
|
7
|
+
DoubleArrowDownIcon: any;
|
|
8
|
+
DynamicFeedIcon: any;
|
|
9
|
+
EditIcon: any;
|
|
10
|
+
ExpandLessIcon: any;
|
|
11
|
+
ExpandMoreIcon: any;
|
|
12
|
+
FilterListIcon: any;
|
|
13
|
+
FilterListOffIcon: any;
|
|
14
|
+
FullscreenExitIcon: any;
|
|
15
|
+
FullscreenIcon: any;
|
|
16
|
+
MoreHorizIcon: any;
|
|
17
|
+
MoreVertIcon: any;
|
|
18
|
+
SaveIcon: any;
|
|
19
|
+
SearchIcon: any;
|
|
20
|
+
SearchOffIcon: any;
|
|
21
|
+
SortIcon: any;
|
|
22
|
+
ViewColumnIcon: any;
|
|
23
|
+
VisibilityOffIcon: any;
|
|
24
|
+
}
|
|
25
|
+
export declare const MRT_Default_Icons: MRT_Icons;
|