material-react-table 0.20.0 → 0.22.1

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 (40) hide show
  1. package/README.md +90 -18
  2. package/dist/MaterialReactTable.d.ts +160 -153
  3. package/dist/body/MRT_TableBody.d.ts +3 -2
  4. package/dist/body/MRT_TableBodyCell.d.ts +3 -2
  5. package/dist/body/MRT_TableBodyRow.d.ts +3 -2
  6. package/dist/buttons/MRT_GrabHandleButton.d.ts +3 -2
  7. package/dist/filtersFns.d.ts +22 -22
  8. package/dist/head/MRT_TableHead.d.ts +4 -2
  9. package/dist/head/MRT_TableHeadCell.d.ts +4 -6
  10. package/dist/head/MRT_TableHeadRow.d.ts +4 -2
  11. package/dist/material-react-table.cjs.development.js +197 -4479
  12. package/dist/material-react-table.cjs.development.js.map +1 -1
  13. package/dist/material-react-table.cjs.production.min.js +1 -1
  14. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  15. package/dist/material-react-table.esm.js +149 -148
  16. package/dist/material-react-table.esm.js.map +1 -1
  17. package/dist/menus/MRT_ShowHideColumnsMenuItems.d.ts +3 -1
  18. package/dist/sortingFns.d.ts +2 -2
  19. package/dist/table/MRT_TableRoot.d.ts +1 -1
  20. package/dist/utils.d.ts +7 -7
  21. package/package.json +7 -9
  22. package/src/MaterialReactTable.tsx +191 -176
  23. package/src/body/MRT_TableBody.tsx +17 -12
  24. package/src/body/MRT_TableBodyCell.tsx +15 -17
  25. package/src/body/MRT_TableBodyRow.tsx +10 -3
  26. package/src/buttons/MRT_GrabHandleButton.tsx +12 -5
  27. package/src/filtersFns.ts +22 -22
  28. package/src/head/MRT_TableHead.tsx +11 -3
  29. package/src/head/MRT_TableHeadCell.tsx +49 -20
  30. package/src/head/MRT_TableHeadRow.tsx +25 -20
  31. package/src/menus/MRT_ShowHideColumnsMenu.tsx +6 -1
  32. package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +54 -27
  33. package/src/sortingFns.ts +6 -6
  34. package/src/table/MRT_Table.tsx +17 -4
  35. package/src/table/MRT_TableContainer.tsx +1 -1
  36. package/src/table/MRT_TablePaper.tsx +21 -25
  37. package/src/table/MRT_TableRoot.tsx +9 -10
  38. package/src/utils.ts +28 -22
  39. package/dist/head/MRT_DraggableTableHeadCell.d.ts +0 -8
  40. package/src/head/MRT_DraggableTableHeadCell.tsx +0 -43
package/dist/filtersFns.d.ts CHANGED
@@ -1,92 +1,92 @@
1
1
  import { RankingInfo } from '@tanstack/match-sorter-utils';
2
2
  import { Row } from '@tanstack/react-table';
3
3
  export declare const fuzzy: {
4
- <D extends Record<string, any> = {}>(row: Row<D>, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
4
+ <TData extends Record<string, any> = {}>(row: Row<TData>, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
5
5
  autoRemove(val: any): boolean;
6
6
  };
7
7
  export declare const contains: {
8
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): any;
8
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): any;
9
9
  autoRemove(val: any): boolean;
10
10
  };
11
11
  export declare const startsWith: {
12
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): any;
12
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): any;
13
13
  autoRemove(val: any): boolean;
14
14
  };
15
15
  export declare const endsWith: {
16
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): any;
16
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): any;
17
17
  autoRemove(val: any): boolean;
18
18
  };
19
19
  export declare const equals: {
20
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): boolean;
20
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
21
21
  autoRemove(val: any): boolean;
22
22
  };
23
23
  export declare const notEquals: {
24
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): boolean;
24
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
25
25
  autoRemove(val: any): boolean;
26
26
  };
27
27
  export declare const greaterThan: {
28
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): boolean;
28
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
29
29
  autoRemove(val: any): boolean;
30
30
  };
31
31
  export declare const lessThan: {
32
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValue: string | number): boolean;
32
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValue: string | number): boolean;
33
33
  autoRemove(val: any): boolean;
34
34
  };
35
35
  export declare const between: {
36
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValues: [string | number, string | number]): boolean;
36
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
37
37
  autoRemove(val: any): boolean;
38
38
  };
39
39
  export declare const empty: {
40
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, _filterValue: string | number): boolean;
40
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, _filterValue: string | number): boolean;
41
41
  autoRemove(val: any): boolean;
42
42
  };
43
43
  export declare const notEmpty: {
44
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, _filterValue: string | number): boolean;
44
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, _filterValue: string | number): boolean;
45
45
  autoRemove(val: any): boolean;
46
46
  };
47
47
  export declare const MRT_FilterFns: {
48
48
  between: {
49
- <D extends Record<string, any> = {}>(row: Row<D>, id: string, filterValues: [string | number, string | number]): boolean;
49
+ <TData extends Record<string, any> = {}>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
50
50
  autoRemove(val: any): boolean;
51
51
  };
52
52
  contains: {
53
- <D_1 extends Record<string, any> = {}>(row: Row<D_1>, id: string, filterValue: string | number): any;
53
+ <TData_1 extends Record<string, any> = {}>(row: Row<TData_1>, id: string, filterValue: string | number): any;
54
54
  autoRemove(val: any): boolean;
55
55
  };
56
56
  empty: {
57
- <D_2 extends Record<string, any> = {}>(row: Row<D_2>, id: string, _filterValue: string | number): boolean;
57
+ <TData_2 extends Record<string, any> = {}>(row: Row<TData_2>, id: string, _filterValue: string | number): boolean;
58
58
  autoRemove(val: any): boolean;
59
59
  };
60
60
  endsWith: {
61
- <D_3 extends Record<string, any> = {}>(row: Row<D_3>, id: string, filterValue: string | number): any;
61
+ <TData_3 extends Record<string, any> = {}>(row: Row<TData_3>, id: string, filterValue: string | number): any;
62
62
  autoRemove(val: any): boolean;
63
63
  };
64
64
  equals: {
65
- <D_4 extends Record<string, any> = {}>(row: Row<D_4>, id: string, filterValue: string | number): boolean;
65
+ <TData_4 extends Record<string, any> = {}>(row: Row<TData_4>, id: string, filterValue: string | number): boolean;
66
66
  autoRemove(val: any): boolean;
67
67
  };
68
68
  fuzzy: {
69
- <D_5 extends Record<string, any> = {}>(row: Row<D_5>, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
69
+ <TData_5 extends Record<string, any> = {}>(row: Row<TData_5>, columnId: string, filterValue: string, addMeta: (item: RankingInfo) => void): boolean;
70
70
  autoRemove(val: any): boolean;
71
71
  };
72
72
  greaterThan: {
73
- <D_6 extends Record<string, any> = {}>(row: Row<D_6>, id: string, filterValue: string | number): boolean;
73
+ <TData_6 extends Record<string, any> = {}>(row: Row<TData_6>, id: string, filterValue: string | number): boolean;
74
74
  autoRemove(val: any): boolean;
75
75
  };
76
76
  lessThan: {
77
- <D_7 extends Record<string, any> = {}>(row: Row<D_7>, id: string, filterValue: string | number): boolean;
77
+ <TData_7 extends Record<string, any> = {}>(row: Row<TData_7>, id: string, filterValue: string | number): boolean;
78
78
  autoRemove(val: any): boolean;
79
79
  };
80
80
  notEmpty: {
81
- <D_8 extends Record<string, any> = {}>(row: Row<D_8>, id: string, _filterValue: string | number): boolean;
81
+ <TData_8 extends Record<string, any> = {}>(row: Row<TData_8>, id: string, _filterValue: string | number): boolean;
82
82
  autoRemove(val: any): boolean;
83
83
  };
84
84
  notEquals: {
85
- <D_9 extends Record<string, any> = {}>(row: Row<D_9>, id: string, filterValue: string | number): boolean;
85
+ <TData_9 extends Record<string, any> = {}>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
86
86
  autoRemove(val: any): boolean;
87
87
  };
88
88
  startsWith: {
89
- <D_10 extends Record<string, any> = {}>(row: Row<D_10>, id: string, filterValue: string | number): any;
89
+ <TData_10 extends Record<string, any> = {}>(row: Row<TData_10>, id: string, filterValue: string | number): any;
90
90
  autoRemove(val: any): boolean;
91
91
  };
92
92
  includesString: import("@tanstack/table-core").FilterFn<any>;
package/dist/head/MRT_TableHead.d.ts CHANGED
@@ -1,6 +1,8 @@
1
- import { FC } from 'react';
2
- import type { MRT_TableInstance } from '..';
1
+ import { Dispatch, FC, SetStateAction } from 'react';
2
+ import type { MRT_Column, MRT_TableInstance } from '..';
3
3
  interface Props {
4
+ currentHoveredColumn: MRT_Column | null;
5
+ setCurrentHoveredColumn: Dispatch<SetStateAction<MRT_Column | null>>;
4
6
  table: MRT_TableInstance;
5
7
  }
6
8
  export declare const MRT_TableHead: FC<Props>;
package/dist/head/MRT_TableHeadCell.d.ts CHANGED
@@ -1,12 +1,10 @@
1
- import { FC, Ref } from 'react';
2
- import type { MRT_Header, MRT_TableInstance } from '..';
1
+ import { Dispatch, FC, SetStateAction } from 'react';
2
+ import type { MRT_Column, MRT_Header, MRT_TableInstance } from '..';
3
3
  interface Props {
4
- dragRef?: Ref<HTMLButtonElement>;
5
- dropRef?: Ref<HTMLDivElement>;
4
+ currentHoveredColumn: MRT_Column | null;
5
+ setCurrentHoveredColumn: Dispatch<SetStateAction<MRT_Column | null>>;
6
6
  header: MRT_Header;
7
7
  table: MRT_TableInstance;
8
- isDragging?: boolean;
9
- previewRef?: Ref<HTMLTableCellElement>;
10
8
  }
11
9
  export declare const MRT_TableHeadCell: FC<Props>;
12
10
  export {};
package/dist/head/MRT_TableHeadRow.d.ts CHANGED
@@ -1,6 +1,8 @@
1
- import { FC } from 'react';
2
- import type { MRT_HeaderGroup, MRT_TableInstance } from '..';
1
+ import { Dispatch, FC, SetStateAction } from 'react';
2
+ import type { MRT_Column, MRT_HeaderGroup, MRT_TableInstance } from '..';
3
3
  interface Props {
4
+ currentHoveredColumn: MRT_Column | null;
5
+ setCurrentHoveredColumn: Dispatch<SetStateAction<MRT_Column | null>>;
4
6
  headerGroup: MRT_HeaderGroup;
5
7
  table: MRT_TableInstance;
6
8
  }