material-react-table 0.2.0 → 0.3.0

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 (37) hide show
  1. package/dist/MaterialReactTable.d.ts +26 -25
  2. package/dist/head/MRT_TableHeadCell.d.ts +0 -1
  3. package/dist/index.d.ts +3 -1
  4. package/dist/material-react-table.cjs.development.js +147 -104
  5. package/dist/material-react-table.cjs.development.js.map +1 -1
  6. package/dist/material-react-table.cjs.production.min.js +1 -1
  7. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  8. package/dist/material-react-table.esm.js +149 -106
  9. package/dist/material-react-table.esm.js.map +1 -1
  10. package/dist/useMaterialReactTable.d.ts +3 -4
  11. package/dist/utils/localization.d.ts +2 -0
  12. package/dist/utils/overrideWarnings.d.ts +1 -1
  13. package/package.json +1 -1
  14. package/src/MaterialReactTable.tsx +48 -43
  15. package/src/body/MRT_TableBody.tsx +3 -3
  16. package/src/body/MRT_TableBodyCell.tsx +21 -9
  17. package/src/body/MRT_TableBodyRow.tsx +8 -6
  18. package/src/body/MRT_TableDetailPanel.tsx +3 -3
  19. package/src/buttons/MRT_ExpandAllButton.tsx +2 -2
  20. package/src/buttons/MRT_ExpandButton.tsx +5 -2
  21. package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +2 -0
  22. package/src/footer/MRT_TableFooter.tsx +3 -3
  23. package/src/footer/MRT_TableFooterCell.tsx +3 -3
  24. package/src/footer/MRT_TableFooterRow.tsx +9 -5
  25. package/src/footer/MRT_TablePagination.tsx +7 -4
  26. package/src/head/MRT_TableHead.tsx +5 -5
  27. package/src/head/MRT_TableHeadCell.tsx +22 -16
  28. package/src/head/MRT_TableHeadRow.tsx +7 -9
  29. package/src/index.tsx +6 -1
  30. package/src/inputs/MRT_SearchTextField.tsx +16 -7
  31. package/src/inputs/MRT_SelectAllCheckbox.tsx +4 -1
  32. package/src/inputs/MRT_SelectCheckbox.tsx +1 -1
  33. package/src/menus/MRT_ColumnActionMenu.tsx +43 -23
  34. package/src/toolbar/MRT_Toolbar.tsx +3 -3
  35. package/src/useMaterialReactTable.tsx +24 -11
  36. package/src/utils/localization.ts +5 -1
  37. package/src/utils/overrideWarnings.ts +12 -12
package/dist/MaterialReactTable.d.ts CHANGED
@@ -1,11 +1,10 @@
1
1
  import { ChangeEvent, MouseEvent, ReactNode } from 'react';
2
- import { TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TextFieldProps, Theme, ToolbarProps, TypographyProps } from '@mui/material';
3
- import { Cell, Column, HeaderGroup, Row, TableInstance, UseRowStateLocalState } from 'react-table';
2
+ import { TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TextFieldProps, ToolbarProps, TypographyProps } from '@mui/material';
3
+ import { Cell, HeaderGroup, Row, TableInstance, TableOptions } from 'react-table';
4
4
  import { MRT_Localization } from './utils/localization';
5
- export interface MaterialReactTableProps<D extends {} = {}> {
6
- columns: Column<D | {}>[];
7
- data: D[];
5
+ export interface MaterialReactTableProps<D extends {} = {}> extends TableOptions<D> {
8
6
  enableColumnActions?: boolean;
7
+ enableColumnGrouping?: boolean;
9
8
  enableColumnHiding?: boolean;
10
9
  enableColumnReordering?: boolean;
11
10
  enableColumnResizing?: boolean;
@@ -17,41 +16,43 @@ export interface MaterialReactTableProps<D extends {} = {}> {
17
16
  enableSelection?: boolean;
18
17
  enableSorting?: boolean;
19
18
  enableSubRowTree?: boolean;
19
+ isFetching?: boolean;
20
20
  isLoading?: boolean;
21
- isReloading?: boolean;
22
- localization?: MRT_Localization;
23
- onRowClick?: (event: MouseEvent<HTMLTableRowElement>, rowData: Row<D>) => void;
24
- onRowSelectChange?: (event: ChangeEvent, rowState: UseRowStateLocalState<D, unknown>, selectedRows: Row<D>[]) => void;
21
+ localization?: Partial<MRT_Localization>;
22
+ onCellClick?: (event: MouseEvent<HTMLTableCellElement>, cell: Cell<D>) => void;
23
+ onRowClick?: (event: MouseEvent<HTMLTableRowElement>, row: Row<D>) => void;
24
+ onRowExpandChange?: (event: MouseEvent<HTMLButtonElement>, row: Row<D>) => void;
25
+ onRowSelectChange?: (event: ChangeEvent, row: Row<D>, selectedRows: Row<D>[]) => void;
26
+ onSearchChange?: (event: ChangeEvent<HTMLInputElement>) => void;
27
+ overrideTableBodyCellComponent?(cell: Cell<D>, tableInstance: TableInstance<D>): ReactNode;
28
+ overrideTableBodyComponent?(tableInstance: TableInstance<D>): ReactNode;
29
+ overrideTableBodyRowComponent?(row: Row<D>, tableInstance: TableInstance<D>): ReactNode;
30
+ overrideTableDetailPanelComponent?(row: Row<D>, tableInstance: TableInstance<D>): ReactNode;
31
+ overrideTableFooterCellComponent?(column: HeaderGroup<D>, tableInstance: TableInstance<D>): ReactNode;
32
+ overrideTableFooterComponent?(tableInstance: TableInstance<D>): ReactNode;
33
+ overrideTableFooterRowComponent?(footerGroup: HeaderGroup<D>, tableInstance: TableInstance<D>): ReactNode;
34
+ overrideTableHeadCellComponent?(column: HeaderGroup<D>, tableInstance: TableInstance<D>): ReactNode;
35
+ overrideTableHeadComponent?(tableInstance: TableInstance<D>): ReactNode;
36
+ overrideTableHeadRowComponent?(headerGroup: HeaderGroup<D>, tableInstance: TableInstance<D>): ReactNode;
37
+ overrideTablePaginationComponent?(tableInstance: TableInstance<D>): ReactNode;
38
+ overrideTableToolbarComponent?(tableInstance: TableInstance<D>): ReactNode;
25
39
  positionPagination?: 'bottom' | 'top' | 'both';
26
40
  renderDetailPanel?: (rowData: Row<D>) => ReactNode;
27
41
  showFiltersInColumnHead?: boolean;
28
42
  showFooter?: boolean;
29
43
  showHead?: boolean;
30
44
  showToolbar?: boolean;
31
- surpressOverrideWarnings?: boolean;
45
+ surpressoverrideWarnings?: boolean;
32
46
  tableBodyProps?: TableBodyProps;
33
47
  tableContainerProps?: TableContainerProps;
34
48
  tableDetailPanelProps?: TableCellProps;
35
49
  tableFooterProps?: TableFooterProps;
36
- tableToolbarProps?: ToolbarProps;
37
50
  tableHeadProps?: TableHeadProps;
38
51
  tablePaginationProps?: TablePaginationProps;
39
52
  tableProps?: TableProps;
40
53
  tableSearchTextfieldProps?: TextFieldProps;
41
54
  tableTitleProps?: TypographyProps;
42
- theme?: Theme;
55
+ tableToolbarProps?: ToolbarProps;
43
56
  title?: string | ReactNode;
44
- OverrideTableBodyCellComponent?(cell: Cell<D>, tableInstance: TableInstance<D>): ReactNode;
45
- OverrideTableBodyComponent?(tableInstance: TableInstance<D>): ReactNode;
46
- OverrideTableBodyRowComponent?(row: Row<D>, tableInstance: TableInstance<D>): ReactNode;
47
- OverrideTableDetailPanelComponent?(row: Row<D>, tableInstance: TableInstance<D>): ReactNode;
48
- OverrideTableFooterComponent?(tableInstance: TableInstance<D>): ReactNode;
49
- OverrideTableFooterCellComponent?(column: HeaderGroup<D>, tableInstance: TableInstance<D>): ReactNode;
50
- OverrideTableFooterRowComponent?(footerGroup: HeaderGroup<D>, tableInstance: TableInstance<D>): ReactNode;
51
- OverrideTableHeadCellComponent?(column: HeaderGroup<D>, tableInstance: TableInstance<D>): ReactNode;
52
- OverrideTableHeadComponent?(tableInstance: TableInstance<D>): ReactNode;
53
- OverrideTableHeadRowComponent?(headerGroup: HeaderGroup<D>, tableInstance: TableInstance<D>): ReactNode;
54
- OverrideTablePaginationComponent?(tableInstance: TableInstance<D>): ReactNode;
55
- OverrideTableToolbarComponent?(tableInstance: TableInstance<D>): ReactNode;
56
57
  }
57
- export declare const MaterialReactTable: <D extends {}>({ enablePagination, enableSorting, enableSubRowTree, localization, positionPagination, showFiltersInColumnHead, showFooter, showHead, showToolbar, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
58
+ export declare const MaterialReactTable: <D extends {}>({ defaultColumn, enablePagination, enableSorting, enableSubRowTree, localization, positionPagination, showFiltersInColumnHead, showFooter, showHead, showToolbar, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
package/dist/head/MRT_TableHeadCell.d.ts CHANGED
@@ -2,7 +2,6 @@ import { FC } from 'react';
2
2
  import { HeaderGroup } from 'react-table';
3
3
  interface Props {
4
4
  column: HeaderGroup;
5
- index: number;
6
5
  }
7
6
  export declare const MRT_TableHeadCell: FC<Props>;
8
7
  export {};
package/dist/index.d.ts CHANGED
@@ -1 +1,3 @@
1
- export * from './MaterialReactTable';
1
+ import { MaterialReactTable, MaterialReactTableProps } from './MaterialReactTable';
2
+ export default MaterialReactTable;
3
+ export type { MaterialReactTableProps };