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 CHANGED
@@ -1,18 +1,18 @@
1
1
  # Material React Table
2
2
 
3
- <a href="https://npmjs.com/package/material-react-table" target="_blank_">
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="_blank_">
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="_blank_">
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="_blank_">
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="_blank_">
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] < 35kb gzipped - [Bundlephobia](https://bundlephobia.com/package/material-react-table)
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>;