material-react-table 0.3.4 → 0.4.2

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.
Files changed (60) hide show
  1. package/dist/MaterialReactTable.d.ts +9 -4
  2. package/dist/body/MRT_TableBodyCell.d.ts +3 -0
  3. package/dist/buttons/MRT_FullScreenToggleButton.d.ts +4 -0
  4. package/dist/head/MRT_TableHeadCell.d.ts +1 -1
  5. package/dist/head/MRT_TableHeadCellActions.d.ts +5 -0
  6. package/dist/material-react-table.cjs.development.js +420 -278
  7. package/dist/material-react-table.cjs.development.js.map +1 -1
  8. package/dist/material-react-table.cjs.production.min.js +1 -1
  9. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  10. package/dist/material-react-table.esm.js +424 -282
  11. package/dist/material-react-table.esm.js.map +1 -1
  12. package/dist/toolbar/MRT_ToolbarAlertBanner.d.ts +5 -0
  13. package/dist/toolbar/MRT_ToolbarInternalButtons.d.ts +5 -0
  14. package/dist/{useMaterialReactTable.d.ts → useMRT.d.ts} +6 -3
  15. package/dist/utils/localization.d.ts +6 -0
  16. package/package.json +14 -14
  17. package/src/@types/react-table-config.d.ts +56 -31
  18. package/src/MaterialReactTable.tsx +67 -19
  19. package/src/body/MRT_TableBody.tsx +2 -2
  20. package/src/body/MRT_TableBodyCell.tsx +16 -9
  21. package/src/body/MRT_TableBodyRow.tsx +22 -7
  22. package/src/body/MRT_TableDetailPanel.tsx +14 -5
  23. package/src/buttons/MRT_EditActionButtons.tsx +11 -4
  24. package/src/buttons/MRT_ExpandAllButton.tsx +6 -3
  25. package/src/buttons/MRT_ExpandButton.tsx +9 -3
  26. package/src/buttons/MRT_FullScreenToggleButton.tsx +23 -0
  27. package/src/buttons/MRT_ShowHideColumnsButton.tsx +43 -5
  28. package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +7 -3
  29. package/src/buttons/MRT_ToggleFiltersButton.tsx +2 -2
  30. package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +7 -3
  31. package/src/buttons/MRT_ToggleSearchButton.tsx +7 -3
  32. package/src/footer/MRT_TableFooter.tsx +6 -3
  33. package/src/footer/MRT_TableFooterCell.tsx +5 -3
  34. package/src/footer/MRT_TableFooterRow.tsx +17 -6
  35. package/src/head/MRT_TableHead.tsx +9 -4
  36. package/src/head/MRT_TableHeadCell.tsx +11 -7
  37. package/src/head/MRT_TableHeadCellActions.tsx +18 -0
  38. package/src/head/MRT_TableHeadRow.tsx +19 -12
  39. package/src/inputs/MRT_DensePaddingSwitch.tsx +2 -2
  40. package/src/inputs/MRT_EditCellTextField.tsx +2 -2
  41. package/src/inputs/MRT_FilterTextField.tsx +6 -3
  42. package/src/inputs/MRT_SearchTextField.tsx +15 -7
  43. package/src/inputs/MRT_SelectAllCheckbox.tsx +3 -2
  44. package/src/inputs/MRT_SelectCheckbox.tsx +3 -2
  45. package/src/menus/MRT_ColumnActionMenu.tsx +40 -13
  46. package/src/menus/MRT_RowActionMenu.tsx +21 -6
  47. package/src/menus/MRT_ShowHideColumnsMenu.tsx +24 -15
  48. package/src/table/MRT_Table.tsx +3 -2
  49. package/src/table/MRT_TableContainer.tsx +37 -6
  50. package/src/table/MRT_TableSpacerCell.tsx +5 -3
  51. package/src/toolbar/MRT_TablePagination.tsx +9 -5
  52. package/src/toolbar/MRT_ToolbarAlertBanner.tsx +102 -0
  53. package/src/toolbar/MRT_ToolbarBottom.tsx +14 -8
  54. package/src/toolbar/{MRT_ToolbarButtons.tsx → MRT_ToolbarInternalButtons.tsx} +11 -4
  55. package/src/toolbar/MRT_ToolbarTop.tsx +19 -11
  56. package/src/{useMaterialReactTable.tsx → useMRT.tsx} +43 -19
  57. package/src/utils/localization.ts +14 -2
  58. package/dist/toolbar/MRT_ToolbarButtons.d.ts +0 -5
  59. package/dist/utils/useMRTCalcs.d.ts +0 -11
  60. 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;
@@ -32,7 +35,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = TableOptions<D>
32
35
  muiTableBodyCellProps?: TableCellProps | ((cell?: Cell<D>) => TableCellProps);
33
36
  muiTableBodyProps?: TableBodyProps;
34
37
  muiTableBodyRowProps?: TableRowProps | ((row: Row<D>) => TableRowProps);
35
- muiTableContainerProps?: TableContainerProps;
38
+ muiTableContainerProps?: TableContainerProps | ((table: TableInstance<D>) => TableContainerProps);
36
39
  muiTableDetailPanelProps?: TableCellProps | ((row: Row<D>) => TableCellProps);
37
40
  muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
38
41
  muiTableFooterProps?: TableFooterProps;
@@ -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
- renderToolbarActions?: (tableInstance: TableInstance<D>) => ReactNode;
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
  }
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ declare type Props = {};
3
+ export declare const MRT_FullScreenToggleButton: FC<Props>;
4
+ export {};
@@ -1,6 +1,6 @@
1
1
  import { FC } from 'react';
2
2
  import { HeaderGroup } from 'react-table';
3
- export declare const StyledTableHeadCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
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
  }, {}, {}>;
@@ -0,0 +1,5 @@
1
+ import { FC } from 'react';
2
+ interface Props {
3
+ }
4
+ export declare const MRT_TableHeadCellActions: FC<Props>;
5
+ export {};