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.
Files changed (50) hide show
  1. package/dist/MaterialReactTable.d.ts +15 -5
  2. package/dist/buttons/MRT_FullScreenToggleButton.d.ts +3 -1
  3. package/dist/buttons/MRT_ShowHideColumnsButton.d.ts +2 -1
  4. package/dist/buttons/MRT_ToggleDensePaddingButton.d.ts +2 -1
  5. package/dist/buttons/MRT_ToggleFiltersButton.d.ts +3 -1
  6. package/dist/buttons/MRT_ToggleSearchButton.d.ts +3 -1
  7. package/dist/icons.d.ts +25 -0
  8. package/dist/inputs/MRT_SelectCheckbox.d.ts +2 -1
  9. package/dist/{utils/localization.d.ts → localization.d.ts} +1 -1
  10. package/dist/material-react-table.cjs.development.js +265 -205
  11. package/dist/material-react-table.cjs.development.js.map +1 -1
  12. package/dist/material-react-table.cjs.production.min.js +1 -1
  13. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  14. package/dist/material-react-table.esm.js +266 -206
  15. package/dist/material-react-table.esm.js.map +1 -1
  16. package/dist/useMRT.d.ts +6 -2
  17. package/package.json +5 -6
  18. package/src/MaterialReactTable.tsx +27 -5
  19. package/src/body/MRT_TableBodyRow.tsx +9 -6
  20. package/src/buttons/MRT_EditActionButtons.tsx +5 -6
  21. package/src/buttons/MRT_ExpandAllButton.tsx +17 -18
  22. package/src/buttons/MRT_ExpandButton.tsx +18 -19
  23. package/src/buttons/MRT_FullScreenToggleButton.tsx +13 -9
  24. package/src/buttons/MRT_ShowHideColumnsButton.tsx +13 -8
  25. package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +18 -10
  26. package/src/buttons/MRT_ToggleDensePaddingButton.tsx +12 -8
  27. package/src/buttons/MRT_ToggleFiltersButton.tsx +12 -8
  28. package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +6 -7
  29. package/src/buttons/MRT_ToggleSearchButton.tsx +12 -9
  30. package/src/footer/MRT_TableFooterRow.tsx +9 -10
  31. package/src/head/MRT_TableHeadCell.tsx +21 -12
  32. package/src/head/MRT_TableHeadCellActions.tsx +1 -1
  33. package/src/head/MRT_TableHeadRow.tsx +6 -5
  34. package/src/icons.tsx +72 -0
  35. package/src/inputs/MRT_EditCellTextField.tsx +1 -2
  36. package/src/inputs/MRT_FilterTextField.tsx +12 -13
  37. package/src/inputs/MRT_SearchTextField.tsx +4 -5
  38. package/src/inputs/MRT_SelectCheckbox.tsx +44 -15
  39. package/src/{utils/localization.ts → localization.ts} +4 -4
  40. package/src/menus/MRT_ColumnActionMenu.tsx +14 -12
  41. package/src/menus/MRT_RowActionMenu.tsx +2 -2
  42. package/src/table/MRT_TableContainer.tsx +3 -11
  43. package/src/toolbar/MRT_TablePagination.tsx +1 -0
  44. package/src/toolbar/MRT_ToolbarAlertBanner.tsx +3 -3
  45. package/src/toolbar/MRT_ToolbarBottom.tsx +2 -2
  46. package/src/toolbar/MRT_ToolbarInternalButtons.tsx +16 -0
  47. package/src/toolbar/MRT_ToolbarTop.tsx +2 -2
  48. package/src/useMRT.tsx +6 -2
  49. package/dist/inputs/MRT_SelectAllCheckbox.d.ts +0 -2
  50. 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
- hideToolbarActions?: boolean;
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;
@@ -1,4 +1,6 @@
1
1
  import { FC } from 'react';
2
- declare type Props = {};
2
+ import { IconButtonProps } from '@mui/material';
3
+ interface Props extends IconButtonProps {
4
+ }
3
5
  export declare const MRT_FullScreenToggleButton: FC<Props>;
4
6
  export {};
@@ -1,5 +1,6 @@
1
1
  import { FC } from 'react';
2
- interface Props {
2
+ import { IconButtonProps } from '@mui/material';
3
+ interface Props extends IconButtonProps {
3
4
  }
4
5
  export declare const MRT_ShowHideColumnsButton: FC<Props>;
5
6
  export {};
@@ -1,5 +1,6 @@
1
1
  import { FC } from 'react';
2
- interface Props {
2
+ import { IconButtonProps } from '@mui/material';
3
+ interface Props extends IconButtonProps {
3
4
  }
4
5
  export declare const MRT_ToggleDensePaddingButton: FC<Props>;
5
6
  export {};
@@ -1,4 +1,6 @@
1
1
  import { FC } from 'react';
2
- declare type Props = {};
2
+ import { IconButtonProps } from '@mui/material';
3
+ interface Props extends IconButtonProps {
4
+ }
3
5
  export declare const MRT_ToggleFiltersButton: FC<Props>;
4
6
  export {};
@@ -1,4 +1,6 @@
1
1
  import { FC } from 'react';
2
- declare type Props = {};
2
+ import { IconButtonProps } from '@mui/material';
3
+ interface Props extends IconButtonProps {
4
+ }
3
5
  export declare const MRT_ToggleSearchButton: FC<Props>;
4
6
  export {};
@@ -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;
@@ -1,7 +1,8 @@
1
1
  import { FC } from 'react';
2
2
  import { Row } from 'react-table';
3
3
  interface Props {
4
- row: Row;
4
+ row?: Row;
5
+ selectAll?: boolean;
5
6
  }
6
7
  export declare const MRT_SelectCheckbox: FC<Props>;
7
8
  export {};
@@ -31,4 +31,4 @@ export interface MRT_Localization {
31
31
  toolbarAlertGroupedByMessage: string;
32
32
  toolbarAlertGroupedThenByMessage: string;
33
33
  }
34
- export declare const defaultLocalization: MRT_Localization;
34
+ export declare const MRT_DefaultLocalization_EN: MRT_Localization;