material-react-table 0.26.4 → 0.27.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.
- package/README.md +7 -8
- package/dist/MaterialReactTable.d.ts +3 -3
- package/dist/material-react-table.cjs.development.js +243 -241
- package/dist/material-react-table.cjs.development.js.map +1 -1
- package/dist/material-react-table.cjs.production.min.js +1 -1
- package/dist/material-react-table.cjs.production.min.js.map +1 -1
- package/dist/material-react-table.esm.js +244 -242
- package/dist/material-react-table.esm.js.map +1 -1
- package/dist/toolbar/MRT_ToolbarTop.d.ts +1 -0
- package/package.json +3 -3
- package/src/MaterialReactTable.tsx +5 -5
- package/src/body/MRT_TableBodyCell.tsx +7 -1
- package/src/buttons/MRT_ExpandAllButton.tsx +1 -0
- package/src/head/MRT_TableHeadCell.tsx +2 -4
- package/src/inputs/MRT_FilterTextField.tsx +2 -3
- package/src/inputs/MRT_SelectCheckbox.tsx +3 -3
- package/src/menus/MRT_ColumnActionMenu.tsx +2 -2
- package/src/menus/MRT_FilterOptionMenu.tsx +2 -2
- package/src/toolbar/MRT_ToolbarBottom.tsx +1 -4
- package/src/toolbar/MRT_ToolbarTop.tsx +6 -7
package/README.md
CHANGED
@@ -1,18 +1,18 @@
|
|
1
1
|
# Material React Table
|
2
2
|
|
3
|
-
<a href="https://npmjs.com/package/material-react-table" target="
|
3
|
+
<a href="https://npmjs.com/package/material-react-table" target="_blank">
|
4
4
|
<img alt="" src="https://badgen.net/npm/v/material-react-table" />
|
5
5
|
</a>
|
6
|
-
<a href="https://npmjs.com/package/material-react-table" target="
|
6
|
+
<a href="https://npmjs.com/package/material-react-table" target="_blank">
|
7
7
|
<img alt="" src="https://img.shields.io/npm/dm/material-react-table.svg" />
|
8
8
|
</a>
|
9
|
-
<a href="https://bundlephobia.com/result?p=material-react-table" target="
|
9
|
+
<a href="https://bundlephobia.com/result?p=material-react-table" target="_blank">
|
10
10
|
<img alt="" src="https://badgen.net/bundlephobia/minzip/material-react-table@latest" />
|
11
11
|
</a>
|
12
|
-
<a href="https://github.com/KevinVandy/material-react-table" target="
|
12
|
+
<a href="https://github.com/KevinVandy/material-react-table" target="_blank">
|
13
13
|
<img alt="" src="https://img.shields.io/github/stars/KevinVandy/material-react-table.svg?style=social&label=Star" />
|
14
14
|
</a>
|
15
|
-
<a href="http://makeapullrequest.com" target="
|
15
|
+
<a href="http://makeapullrequest.com" target="_blank">
|
16
16
|
<img alt="" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square" />
|
17
17
|
</a>
|
18
18
|
|
@@ -40,6 +40,7 @@ See all [Props and Options](https://www.material-react-table.com/docs/api)
|
|
40
40
|
- [Basic Table](https://www.material-react-table.com/docs/examples/basic/) (See Default Features)
|
41
41
|
- [Minimal Table](https://www.material-react-table.com/docs/examples/minimal/) (Turn off Features)
|
42
42
|
- [Advanced Table](https://www.material-react-table.com/docs/examples/advanced/) (See some of the Advanced Features)
|
43
|
+
- [Data Export Table](https://www.material-react-table.com/docs/examples/data-export/) (Export to CSV, Excel, etc.)
|
43
44
|
- [Remote Data](https://www.material-react-table.com/docs/examples/remote/) (Server-side Pagination, Sorting, and Filtering)
|
44
45
|
- [React Query](https://www.material-react-table.com/docs/examples/react-query/) (Server-side Pagination, Sorting, and Filtering)
|
45
46
|
- [Virtualized Rows](https://www.material-react-table.com/docs/examples/virtualized/) (20,000 rows at once!)
|
@@ -52,7 +53,7 @@ View additional [storybook examples](https://www.material-react-table.dev/)
|
|
52
53
|
|
53
54
|
_All features can easily be enabled/disabled_
|
54
55
|
|
55
|
-
- [x] <
|
56
|
+
- [x] < 36kb gzipped - [Bundlephobia](https://bundlephobia.com/package/material-react-table)
|
56
57
|
- [x] Advanced TypeScript Generics Support (TypeScript Optional)
|
57
58
|
- [x] Click To Copy Cell Values
|
58
59
|
- [x] Column Action Dropdown Menu
|
@@ -134,8 +135,6 @@ export default function App() {
|
|
134
135
|
[],
|
135
136
|
);
|
136
137
|
|
137
|
-
//simple data example
|
138
|
-
//Check out https://www.material-react-table.com/docs/examples/remote for a more realistic example
|
139
138
|
const data = useMemo(
|
140
139
|
() => [
|
141
140
|
{
|
@@ -69,7 +69,7 @@ export declare type MRT_TableState<TData extends Record<string, any> = {}> = Tab
|
|
69
69
|
showProgressBars: boolean;
|
70
70
|
showSkeletons: boolean;
|
71
71
|
};
|
72
|
-
export declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TData>, 'accessorFn' | 'accessorKey' | 'aggregatedCell' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
|
72
|
+
export declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit<ColumnDef<TData, unknown>, 'accessorFn' | 'accessorKey' | 'aggregatedCell' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
|
73
73
|
AggregatedCell?: ({ cell, table, }: {
|
74
74
|
cell: MRT_Cell<TData>;
|
75
75
|
table: MRT_TableInstance<TData>;
|
@@ -117,6 +117,7 @@ export declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit
|
|
117
117
|
* @example columnDefType: 'display'
|
118
118
|
*/
|
119
119
|
columnDefType?: 'data' | 'display' | 'group';
|
120
|
+
columnFilterModeOptions?: MRT_FilterOption[] | null;
|
120
121
|
columns?: MRT_ColumnDef<TData>[];
|
121
122
|
enableClickToCopy?: boolean;
|
122
123
|
enableColumnActions?: boolean;
|
@@ -124,7 +125,6 @@ export declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit
|
|
124
125
|
enableColumnFilterChangeMode?: boolean;
|
125
126
|
enableColumnOrdering?: boolean;
|
126
127
|
enableEditing?: boolean;
|
127
|
-
enabledColumnFilterOptions?: MRT_FilterOption[] | null;
|
128
128
|
filterFn?: MRT_FilterFn<TData>;
|
129
129
|
filterSelectOptions?: (string | {
|
130
130
|
text: string;
|
@@ -236,6 +236,7 @@ export declare type MaterialReactTableProps<TData extends Record<string, any> =
|
|
236
236
|
displayColumnDefOptions?: Partial<{
|
237
237
|
[key in MRT_DisplayColumnIds]: Partial<MRT_ColumnDef>;
|
238
238
|
}>;
|
239
|
+
columnFilterModeOptions?: (MRT_FilterOption | string)[] | null;
|
239
240
|
columns: MRT_ColumnDef<TData>[];
|
240
241
|
data: TData[];
|
241
242
|
editingMode?: 'table' | 'row' | 'cell';
|
@@ -263,7 +264,6 @@ export declare type MaterialReactTableProps<TData extends Record<string, any> =
|
|
263
264
|
enableToolbarBottom?: boolean;
|
264
265
|
enableToolbarInternalActions?: boolean;
|
265
266
|
enableToolbarTop?: boolean;
|
266
|
-
enabledColumnFilterOptions?: (MRT_FilterOption | string)[] | null;
|
267
267
|
enabledGlobalFilterOptions?: (MRT_FilterOption | string)[] | null;
|
268
268
|
expandRowsFn?: (dataRow: TData) => TData[];
|
269
269
|
icons?: Partial<MRT_Icons>;
|