material-react-table 0.6.7 → 0.6.10

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 +12 -3
  2. package/dist/enums.d.ts +2 -1
  3. package/dist/filtersFNs.d.ts +13 -5
  4. package/dist/localization.d.ts +3 -1
  5. package/dist/material-react-table.cjs.development.js +339 -248
  6. package/dist/material-react-table.cjs.development.js.map +1 -1
  7. package/dist/material-react-table.cjs.production.min.js +1 -1
  8. package/dist/material-react-table.cjs.production.min.js.map +1 -1
  9. package/dist/material-react-table.esm.js +340 -249
  10. package/dist/material-react-table.esm.js.map +1 -1
  11. package/dist/menus/MRT_FilterTypeMenu.d.ts +1 -1
  12. package/dist/useMRT.d.ts +1 -0
  13. package/dist/utils.d.ts +2 -2
  14. package/package.json +1 -1
  15. package/src/MaterialReactTable.tsx +29 -4
  16. package/src/body/MRT_TableBodyCell.tsx +8 -2
  17. package/src/body/MRT_TableBodyRow.tsx +30 -7
  18. package/src/buttons/MRT_CopyButton.tsx +24 -6
  19. package/src/buttons/MRT_ExpandAllButton.tsx +13 -20
  20. package/src/buttons/MRT_ExpandButton.tsx +20 -33
  21. package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx +19 -1
  22. package/src/enums.ts +2 -1
  23. package/src/filtersFNs.ts +17 -3
  24. package/src/head/MRT_TableHeadCell.tsx +6 -3
  25. package/src/head/MRT_TableHeadRow.tsx +38 -15
  26. package/src/inputs/MRT_EditCellTextField.tsx +0 -6
  27. package/src/inputs/MRT_FilterTextField.tsx +1 -12
  28. package/src/inputs/MRT_SearchTextField.tsx +27 -3
  29. package/src/inputs/MRT_SelectCheckbox.tsx +58 -31
  30. package/src/localization.ts +7 -3
  31. package/src/menus/MRT_ColumnActionMenu.tsx +6 -1
  32. package/src/menus/MRT_FilterTypeMenu.tsx +44 -18
  33. package/src/menus/MRT_ShowHideColumnsMenu.tsx +12 -1
  34. package/src/menus/MRT_ShowHideColumnsMenuItems.tsx +1 -1
  35. package/src/table/MRT_TableSpacerCell.tsx +1 -8
  36. package/src/useMRT.tsx +12 -1
  37. package/src/utils.ts +8 -4
@@ -1,5 +1,5 @@
1
1
  import { ChangeEvent, FC, MouseEvent, ReactNode } from 'react';
2
- import { AlertProps, IconButtonProps, LinearProgressProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
2
+ import { AlertProps, ButtonProps, CheckboxProps, IconButtonProps, LinearProgressProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
3
3
  import { Cell, Column, ColumnInstance, FilterType, ColumnInterface, HeaderGroup, Row, TableInstance, TableOptions, TableState, UseColumnOrderInstanceProps, UseColumnOrderState, UseExpandedInstanceProps, UseExpandedOptions, UseExpandedRowProps, UseExpandedState, UseFiltersColumnOptions, UseFiltersColumnProps, UseFiltersInstanceProps, UseFiltersOptions, UseFiltersState, UseGlobalFiltersColumnOptions, UseGlobalFiltersInstanceProps, UseGlobalFiltersOptions, UseGlobalFiltersState, UseGroupByCellProps, UseGroupByColumnOptions, UseGroupByColumnProps, UseGroupByInstanceProps, UseGroupByOptions, UseGroupByRowProps, UseGroupByState, UsePaginationInstanceProps, UsePaginationOptions, UsePaginationState, UseResizeColumnsColumnOptions, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectOptions, UseRowSelectRowProps, UseRowSelectState, UseRowStateCellProps, UseRowStateInstanceProps, UseRowStateOptions, UseRowStateRowProps, UseRowStateState, UseSortByColumnOptions, UseSortByColumnProps, UseSortByInstanceProps, UseSortByOptions, UseSortByState, UseTableHeaderGroupProps, UseTableInstanceProps, UseTableOptions } from 'react-table';
4
4
  import { MRT_Localization } from './localization';
5
5
  import { MRT_Icons } from './icons';
@@ -32,17 +32,21 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = ColumnInterface<D>
32
32
  accessor?: string;
33
33
  columns?: MRT_ColumnInterface<D>[];
34
34
  disableClickToCopy?: boolean;
35
+ disableColumnActions?: boolean;
36
+ disableColumnHiding?: boolean;
35
37
  disableEditing?: boolean;
36
38
  disableFilters?: boolean;
39
+ enabledFilterTypes?: (MRT_FILTER_TYPE | string)[];
37
40
  filter?: MRT_FilterType | string | FilterType<D>;
38
41
  filterSelectOptions?: (string | {
39
42
  text: string;
40
43
  value: string;
41
44
  })[];
42
- filterTypes?: (MRT_FILTER_TYPE | string)[];
45
+ muiTableBodyCellCopyButtonProps?: ButtonProps | ((cell?: MRT_Cell<D>) => ButtonProps);
43
46
  muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell: MRT_Cell<D>) => TextFieldProps);
44
47
  muiTableBodyCellProps?: TableCellProps | ((cell: MRT_Cell<D>) => TableCellProps);
45
48
  muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
49
+ muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((column: Column<D>) => IconButtonProps);
46
50
  muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: Column<D>) => TextFieldProps);
47
51
  muiTableHeadCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
48
52
  onCellEditChange?: (event: ChangeEvent<HTMLInputElement>, cell: MRT_Cell<D>) => void;
@@ -66,6 +70,7 @@ export declare type MRT_TableState<D extends {} = {}> = TableState<D> & UseColum
66
70
  currentFilterTypes: {
67
71
  [key: string]: MRT_FilterType;
68
72
  };
73
+ currentGlobalFilterType: MRT_FilterType;
69
74
  densePadding: boolean;
70
75
  fullScreen: boolean;
71
76
  showFilters: boolean;
@@ -86,6 +91,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
86
91
  enableRowEditing?: boolean;
87
92
  enableRowNumbers?: boolean;
88
93
  enableSelection?: boolean;
94
+ enabledGlobalFilterTypes?: (MRT_FILTER_TYPE | string)[];
89
95
  filterTypes?: {
90
96
  [key in MRT_FILTER_TYPE]: any;
91
97
  };
@@ -101,6 +107,8 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
101
107
  localization?: Partial<MRT_Localization>;
102
108
  muiLinearProgressProps?: LinearProgressProps | ((tableInstance: MRT_TableInstance) => LinearProgressProps);
103
109
  muiSearchTextFieldProps?: TextFieldProps;
110
+ muiSelectCheckboxProps?: CheckboxProps | ((isSelectAll?: boolean, row?: MRT_Row<D>, tableInstance?: MRT_TableInstance<D>) => CheckboxProps);
111
+ muiTableBodyCellCopyButtonProps?: ButtonProps | ((cell?: MRT_Cell<D>) => ButtonProps);
104
112
  muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell?: MRT_Cell<D>) => TextFieldProps);
105
113
  muiTableBodyCellProps?: TableCellProps | ((cell?: MRT_Cell<D>) => TableCellProps);
106
114
  muiTableBodyCellSkeletonProps?: SkeletonProps | ((cell?: MRT_Cell<D>) => SkeletonProps);
@@ -111,6 +119,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
111
119
  muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
112
120
  muiTableFooterProps?: TableFooterProps | ((tableInstance: MRT_TableInstance<D>) => TableFooterProps);
113
121
  muiTableFooterRowProps?: TableRowProps | ((footerGroup: MRT_HeaderGroup<D>) => TableRowProps);
122
+ muiTableHeadCellColumnActionsButtonProps?: IconButtonProps | ((column: Column<D>) => IconButtonProps);
114
123
  muiTableHeadCellFilterTextFieldProps?: TextFieldProps | ((column: Column<D>) => TextFieldProps);
115
124
  muiTableHeadCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
116
125
  muiTableHeadProps?: TableHeadProps | ((tableInstance: MRT_TableInstance<D>) => TableHeadProps);
@@ -127,8 +136,8 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
127
136
  onRowClick?: (event: MouseEvent<HTMLTableRowElement>, row: Row<D>) => void;
128
137
  onRowEditSubmit?: (row: Row<D>) => Promise<void> | void;
129
138
  onRowExpandChange?: (event: MouseEvent<HTMLButtonElement>, row: Row<D>) => void;
130
- onRowSelectChange?: (event: ChangeEvent, row: Row<D>, selectedRows: Row<D>[]) => void;
131
139
  onSelectAllChange?: (event: ChangeEvent, selectedRows: Row<D>[]) => void;
140
+ onSelectChange?: (event: ChangeEvent, row: Row<D>, selectedRows: Row<D>[]) => void;
132
141
  positionActionsColumn?: 'first' | 'last';
133
142
  positionPagination?: 'bottom' | 'top' | 'both';
134
143
  positionToolbarActions?: 'bottom' | 'top';
package/dist/enums.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  export declare enum MRT_FILTER_TYPE {
2
+ BEST_MATCH = "bestMatch",
3
+ BEST_MATCH_FIRST = "bestMatchFirst",
2
4
  CONTAINS = "contains",
3
5
  EMPTY = "empty",
4
6
  ENDS_WITH = "endsWith",
5
7
  EQUALS = "equals",
6
- FUZZY = "fuzzy",
7
8
  GREATER_THAN = "greaterThan",
8
9
  LESS_THAN = "lessThan",
9
10
  NOT_EMPTY = "notEmpty",
@@ -1,5 +1,9 @@
1
1
  import { MRT_Row } from '.';
2
- export declare const fuzzy: {
2
+ export declare const bestMatchFirst: {
3
+ (rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
4
+ autoRemove(val: any): boolean;
5
+ };
6
+ export declare const bestMatch: {
3
7
  (rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
4
8
  autoRemove(val: any): boolean;
5
9
  };
@@ -40,6 +44,14 @@ export declare const notEmpty: {
40
44
  autoRemove(val: any): boolean;
41
45
  };
42
46
  export declare const defaultFilterFNs: {
47
+ bestMatch: {
48
+ (rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
49
+ autoRemove(val: any): boolean;
50
+ };
51
+ bestMatchFirst: {
52
+ (rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
53
+ autoRemove(val: any): boolean;
54
+ };
43
55
  contains: {
44
56
  (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
45
57
  autoRemove(val: any): boolean;
@@ -56,10 +68,6 @@ export declare const defaultFilterFNs: {
56
68
  (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
57
69
  autoRemove(val: any): boolean;
58
70
  };
59
- fuzzy: {
60
- (rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
61
- autoRemove(val: any): boolean;
62
- };
63
71
  greaterThan: {
64
72
  (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
65
73
  autoRemove(val: any): boolean;
@@ -2,6 +2,7 @@ export interface MRT_Localization {
2
2
  actions: string;
3
3
  cancel: string;
4
4
  changeFilterMode: string;
5
+ changeSearchMode: string;
5
6
  clearFilter: string;
6
7
  clearSearch: string;
7
8
  clearSort: string;
@@ -11,12 +12,13 @@ export interface MRT_Localization {
11
12
  edit: string;
12
13
  expand: string;
13
14
  expandAll: string;
15
+ filterBestMatchFirst: string;
14
16
  filterByColumn: string;
15
17
  filterContains: string;
16
18
  filterEmpty: string;
17
19
  filterEndsWith: string;
18
20
  filterEquals: string;
19
- filterFuzzy: string;
21
+ filterBestMatch: string;
20
22
  filterGreaterThan: string;
21
23
  filterLessThan: string;
22
24
  filterMode: string;