material-react-table 2.0.0-beta.9 → 2.0.0-rc.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +36 -27
- package/dist/index.d.ts +54 -5
- package/dist/{esm/material-react-table.esm.js → index.esm.js} +56 -60
- package/dist/index.esm.js.map +1 -0
- package/dist/{cjs/index.js → index.js} +298 -208
- package/dist/index.js.map +1 -0
- package/locales/{ar.d.ts → ar/index.d.ts} +1 -1
- package/locales/ar/index.esm.d.ts +3 -0
- package/locales/{ar.js → ar/index.js} +2 -0
- package/locales/ar/package.json +6 -0
- package/locales/{az.d.ts → az/index.d.ts} +1 -1
- package/locales/az/index.esm.d.ts +3 -0
- package/locales/{az.js → az/index.js} +2 -0
- package/locales/az/package.json +6 -0
- package/locales/{bg.d.ts → bg/index.d.ts} +1 -1
- package/locales/bg/index.esm.d.ts +3 -0
- package/locales/{bg.js → bg/index.js} +2 -0
- package/locales/bg/package.json +6 -0
- package/locales/{cs.d.ts → cs/index.d.ts} +1 -1
- package/locales/cs/index.esm.d.ts +3 -0
- package/locales/{cs.js → cs/index.js} +2 -0
- package/locales/cs/package.json +6 -0
- package/locales/{da.d.ts → da/index.d.ts} +1 -1
- package/locales/da/index.esm.d.ts +3 -0
- package/locales/{da.js → da/index.js} +2 -0
- package/locales/da/package.json +6 -0
- package/locales/{de.d.ts → de/index.d.ts} +1 -1
- package/locales/de/index.esm.d.ts +3 -0
- package/locales/{de.js → de/index.js} +2 -0
- package/locales/de/package.json +6 -0
- package/locales/{en.d.ts → en/index.d.ts} +1 -1
- package/locales/en/index.esm.d.ts +3 -0
- package/locales/{en.js → en/index.js} +2 -0
- package/locales/en/package.json +6 -0
- package/locales/{es.d.ts → es/index.d.ts} +1 -1
- package/locales/es/index.esm.d.ts +3 -0
- package/locales/{es.js → es/index.js} +2 -0
- package/locales/es/package.json +6 -0
- package/locales/{et.d.ts → et/index.d.ts} +1 -1
- package/locales/et/index.esm.d.ts +3 -0
- package/locales/{et.js → et/index.js} +2 -0
- package/locales/et/package.json +6 -0
- package/locales/{fa.d.ts → fa/index.d.ts} +1 -1
- package/locales/fa/index.esm.d.ts +3 -0
- package/locales/{fa.js → fa/index.js} +2 -0
- package/locales/fa/package.json +6 -0
- package/locales/{fi.d.ts → fi/index.d.ts} +1 -1
- package/locales/fi/index.esm.d.ts +3 -0
- package/locales/{fi.js → fi/index.js} +2 -0
- package/locales/fi/package.json +6 -0
- package/locales/{fr.d.ts → fr/index.d.ts} +1 -1
- package/locales/fr/index.esm.d.ts +3 -0
- package/locales/{fr.js → fr/index.js} +2 -0
- package/locales/fr/package.json +6 -0
- package/locales/{hu.d.ts → hu/index.d.ts} +1 -1
- package/locales/hu/index.esm.d.ts +3 -0
- package/locales/{hu.js → hu/index.js} +2 -0
- package/locales/hu/package.json +6 -0
- package/locales/{hy.d.ts → hy/index.d.ts} +1 -1
- package/locales/hy/index.esm.d.ts +3 -0
- package/locales/{hy.js → hy/index.js} +2 -0
- package/locales/hy/package.json +6 -0
- package/locales/{id.d.ts → id/index.d.ts} +1 -1
- package/locales/id/index.esm.d.ts +3 -0
- package/locales/{id.js → id/index.js} +2 -0
- package/locales/id/package.json +6 -0
- package/locales/{it.d.ts → it/index.d.ts} +1 -1
- package/locales/it/index.esm.d.ts +3 -0
- package/locales/{it.js → it/index.js} +2 -0
- package/locales/it/package.json +6 -0
- package/locales/{ja.d.ts → ja/index.d.ts} +1 -1
- package/locales/ja/index.esm.d.ts +3 -0
- package/locales/{ja.js → ja/index.js} +2 -0
- package/locales/ja/package.json +6 -0
- package/locales/{ko.d.ts → ko/index.d.ts} +1 -1
- package/locales/ko/index.esm.d.ts +3 -0
- package/locales/{ko.js → ko/index.js} +2 -0
- package/locales/ko/package.json +6 -0
- package/locales/{nl.d.ts → nl/index.d.ts} +1 -1
- package/locales/nl/index.esm.d.ts +3 -0
- package/locales/{nl.js → nl/index.js} +2 -0
- package/locales/nl/package.json +6 -0
- package/locales/{no.d.ts → no/index.d.ts} +1 -1
- package/locales/no/index.esm.d.ts +3 -0
- package/locales/{no.js → no/index.js} +2 -0
- package/locales/no/package.json +6 -0
- package/locales/{np.d.ts → np/index.d.ts} +1 -1
- package/locales/np/index.esm.d.ts +3 -0
- package/locales/{np.js → np/index.js} +2 -0
- package/locales/np/package.json +6 -0
- package/locales/{pl.d.ts → pl/index.d.ts} +1 -1
- package/locales/pl/index.esm.d.ts +3 -0
- package/locales/{pl.js → pl/index.js} +2 -0
- package/locales/pl/package.json +6 -0
- package/locales/{pt.d.ts → pt/index.d.ts} +1 -1
- package/locales/pt/index.esm.d.ts +3 -0
- package/locales/{pt.js → pt/index.js} +2 -0
- package/locales/pt/package.json +6 -0
- package/locales/{pt-BR.d.ts → pt-BR/index.d.ts} +1 -1
- package/locales/pt-BR/index.esm.d.ts +3 -0
- package/locales/{pt-BR.js → pt-BR/index.js} +2 -0
- package/locales/pt-BR/package.json +6 -0
- package/locales/{ro.d.ts → ro/index.d.ts} +1 -1
- package/locales/ro/index.esm.d.ts +3 -0
- package/locales/{ro.js → ro/index.js} +2 -0
- package/locales/ro/package.json +6 -0
- package/locales/{ru.d.ts → ru/index.d.ts} +1 -1
- package/locales/ru/index.esm.d.ts +3 -0
- package/locales/{ru.js → ru/index.js} +2 -0
- package/locales/ru/package.json +6 -0
- package/locales/{sk.d.ts → sk/index.d.ts} +1 -1
- package/locales/sk/index.esm.d.ts +3 -0
- package/locales/{sk.js → sk/index.js} +2 -0
- package/locales/sk/package.json +6 -0
- package/locales/{sr-Cyrl-RS.d.ts → sr-Cyrl-RS/index.d.ts} +1 -1
- package/locales/sr-Cyrl-RS/index.esm.d.ts +3 -0
- package/locales/{sr-Cyrl-RS.js → sr-Cyrl-RS/index.js} +2 -0
- package/locales/sr-Cyrl-RS/package.json +6 -0
- package/locales/{sr-Latn-RS.d.ts → sr-Latn-RS/index.d.ts} +1 -1
- package/locales/sr-Latn-RS/index.esm.d.ts +3 -0
- package/locales/{sr-Latn-RS.js → sr-Latn-RS/index.js} +2 -0
- package/locales/sr-Latn-RS/package.json +6 -0
- package/locales/{sv.d.ts → sv/index.d.ts} +1 -1
- package/locales/sv/index.esm.d.ts +3 -0
- package/locales/{sv.js → sv/index.js} +2 -0
- package/locales/sv/package.json +6 -0
- package/locales/{tr.d.ts → tr/index.d.ts} +1 -1
- package/locales/tr/index.esm.d.ts +3 -0
- package/locales/{tr.js → tr/index.js} +2 -0
- package/locales/tr/package.json +6 -0
- package/locales/{uk.d.ts → uk/index.d.ts} +1 -1
- package/locales/uk/index.esm.d.ts +3 -0
- package/locales/{uk.js → uk/index.js} +2 -0
- package/locales/uk/package.json +6 -0
- package/locales/{vi.d.ts → vi/index.d.ts} +1 -1
- package/locales/vi/index.esm.d.ts +3 -0
- package/locales/{vi.js → vi/index.js} +2 -0
- package/locales/vi/package.json +6 -0
- package/locales/{zh-Hans.d.ts → zh-Hans/index.d.ts} +1 -1
- package/locales/zh-Hans/index.esm.d.ts +3 -0
- package/locales/{zh-Hans.mjs → zh-Hans/index.esm.js} +3 -3
- package/locales/{zh-Hans.js → zh-Hans/index.js} +5 -3
- package/locales/zh-Hans/package.json +6 -0
- package/locales/{zh-Hant.d.ts → zh-Hant/index.d.ts} +1 -1
- package/locales/zh-Hant/index.esm.d.ts +3 -0
- package/locales/{zh-Hant.js → zh-Hant/index.js} +2 -0
- package/locales/zh-Hant/package.json +6 -0
- package/package.json +25 -210
- package/src/body/MRT_TableBodyCell.tsx +2 -2
- package/src/column.utils.ts +17 -0
- package/src/hooks/index.ts +4 -0
- package/src/hooks/useMRT_TableOptions.ts +2 -2
- package/src/index.ts +1 -0
- package/src/inputs/MRT_EditCellTextField.tsx +20 -30
- package/src/inputs/MRT_FilterTextField.tsx +39 -51
- package/src/locales/zh-Hans.ts +3 -3
- package/src/table/MRT_TablePaper.tsx +6 -6
- package/src/types.ts +23 -4
- package/dist/cjs/index.js.map +0 -1
- package/dist/esm/material-react-table.esm.js.map +0 -1
- /package/locales/{ar.mjs → ar/index.esm.js} +0 -0
- /package/locales/{az.mjs → az/index.esm.js} +0 -0
- /package/locales/{bg.mjs → bg/index.esm.js} +0 -0
- /package/locales/{cs.mjs → cs/index.esm.js} +0 -0
- /package/locales/{da.mjs → da/index.esm.js} +0 -0
- /package/locales/{de.mjs → de/index.esm.js} +0 -0
- /package/locales/{en.mjs → en/index.esm.js} +0 -0
- /package/locales/{es.mjs → es/index.esm.js} +0 -0
- /package/locales/{et.mjs → et/index.esm.js} +0 -0
- /package/locales/{fa.mjs → fa/index.esm.js} +0 -0
- /package/locales/{fi.mjs → fi/index.esm.js} +0 -0
- /package/locales/{fr.mjs → fr/index.esm.js} +0 -0
- /package/locales/{hu.mjs → hu/index.esm.js} +0 -0
- /package/locales/{hy.mjs → hy/index.esm.js} +0 -0
- /package/locales/{id.mjs → id/index.esm.js} +0 -0
- /package/locales/{it.mjs → it/index.esm.js} +0 -0
- /package/locales/{ja.mjs → ja/index.esm.js} +0 -0
- /package/locales/{ko.mjs → ko/index.esm.js} +0 -0
- /package/locales/{nl.mjs → nl/index.esm.js} +0 -0
- /package/locales/{no.mjs → no/index.esm.js} +0 -0
- /package/locales/{np.mjs → np/index.esm.js} +0 -0
- /package/locales/{pl.mjs → pl/index.esm.js} +0 -0
- /package/locales/{pt.mjs → pt/index.esm.js} +0 -0
- /package/locales/{pt-BR.mjs → pt-BR/index.esm.js} +0 -0
- /package/locales/{ro.mjs → ro/index.esm.js} +0 -0
- /package/locales/{ru.mjs → ru/index.esm.js} +0 -0
- /package/locales/{sk.mjs → sk/index.esm.js} +0 -0
- /package/locales/{sr-Cyrl-RS.mjs → sr-Cyrl-RS/index.esm.js} +0 -0
- /package/locales/{sr-Latn-RS.mjs → sr-Latn-RS/index.esm.js} +0 -0
- /package/locales/{sv.mjs → sv/index.esm.js} +0 -0
- /package/locales/{tr.mjs → tr/index.esm.js} +0 -0
- /package/locales/{uk.mjs → uk/index.esm.js} +0 -0
- /package/locales/{vi.mjs → vi/index.esm.js} +0 -0
- /package/locales/{zh-Hant.mjs → zh-Hant/index.esm.js} +0 -0
package/README.md
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
# Material React Table
|
1
|
+
# Material React Table V2
|
2
2
|
|
3
3
|
View [Documentation](https://www.material-react-table.com/)
|
4
4
|
|
@@ -20,6 +20,13 @@ View [Documentation](https://www.material-react-table.com/)
|
|
20
20
|
<a href="http://makeapullrequest.com" target="_blank">
|
21
21
|
<img alt="" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square" />
|
22
22
|
</a>
|
23
|
+
<a
|
24
|
+
href="https://github.com/sponsors/kevinvandy"
|
25
|
+
target="_blank"
|
26
|
+
rel="noopener"
|
27
|
+
>
|
28
|
+
<img alt="" src="https://img.shields.io/badge/sponsor-violet" />
|
29
|
+
</a>
|
23
30
|
|
24
31
|
## About
|
25
32
|
|
@@ -35,19 +42,21 @@ View [Documentation](https://www.material-react-table.com/)
|
|
35
42
|
|
36
43
|
- Join the [Discord](https://discord.gg/5wqyRx6fnm) server to join in on the development discussion or ask questions
|
37
44
|
- View the [Docs Website](https://www.material-react-table.com/)
|
38
|
-
- See all [Props, Options, and
|
45
|
+
- See all [Props, Options, APIs, Components, and Hooks](https://www.material-react-table.com/docs/api)
|
39
46
|
|
40
47
|
### Quick Examples
|
41
48
|
|
42
49
|
- [Basic Table](https://www.material-react-table.com/docs/examples/basic/) (See Default Features)
|
43
50
|
- [Minimal Table](https://www.material-react-table.com/docs/examples/minimal/) (Turn off Features like Pagination, Sorting, Filtering, and Toolbars)
|
44
51
|
- [Advanced Table](https://www.material-react-table.com/docs/examples/advanced/) (See some of the Advanced Features)
|
45
|
-
- [
|
46
|
-
- [
|
47
|
-
- [Editing CRUD
|
48
|
-
- [
|
49
|
-
- [
|
50
|
-
- [
|
52
|
+
- [Custom Headless Table](https://www.material-react-table.com/docs/examples/custom-headless/) (Build your own table markup)
|
53
|
+
- [Dragging / Ordering Examples](https://www.material-react-table.com/docs/examples/column-ordering/) (Drag and Drop)
|
54
|
+
- [Editing (CRUD) Examples](https://www.material-react-table.com/docs/examples/editing-crud/) (Create, Edit, and Delete Rows)
|
55
|
+
- [Expanding / Grouping Examples](https://www.material-react-table.com/docs/examples/aggregation-and-grouping/) (Sum, Average, Count, etc.)
|
56
|
+
- [Filtering Examples](https://www.material-react-table.com/docs/examples/filter-variants/) (Faceted Values, Switching Filters, etc.)
|
57
|
+
- [Sticky Pinning Examples](https://www.material-react-table.com/docs/examples/sticky-header/) (Sticky Headers, Sticky Columns, Sticky Rows, etc.)
|
58
|
+
- [Remote Data Fetching Examples](https://www.material-react-table.com/docs/examples/react-query/) (Server-side Pagination, Sorting, and Filtering)
|
59
|
+
- [Virtualized Examples](https://www.material-react-table.com/docs/examples/virtualized/) (10,000 rows at once!)
|
51
60
|
- [Infinite Scrolling](https://www.material-react-table.com/docs/examples/infinite-scrolling/) (Fetch data as you scroll)
|
52
61
|
- [Localization (i18n)](https://www.material-react-table.com/docs/guides/localization#built-in-locale-examples) (Over a dozen languages built-in)
|
53
62
|
|
@@ -59,7 +68,7 @@ _All features can easily be enabled/disabled_
|
|
59
68
|
|
60
69
|
_**Fully Fleshed out [Docs](https://www.material-react-table.com/docs/guides#guides) are available for all features**_
|
61
70
|
|
62
|
-
- [x]
|
71
|
+
- [x] 43-53kb gzipped - [Bundlephobia](https://bundlephobia.com/package/material-react-table)
|
63
72
|
- [x] Advanced TypeScript Generics Support (TypeScript Optional)
|
64
73
|
- [x] Aggregation and Grouping (Sum, Average, Count, etc.)
|
65
74
|
- [x] Click To Copy Cell Values
|
@@ -85,6 +94,7 @@ _**Fully Fleshed out [Docs](https://www.material-react-table.com/docs/guides#gui
|
|
85
94
|
- [x] Row Actions (Your Custom Action Buttons)
|
86
95
|
- [x] Row Numbers
|
87
96
|
- [x] Row Ordering via Drag'n'Drop
|
97
|
+
- [x] Row Pinning
|
88
98
|
- [x] Row Selection (Checkboxes)
|
89
99
|
- [x] SSR compatible
|
90
100
|
- [x] Sorting (supports client-side and server-side)
|
@@ -99,12 +109,12 @@ _**Fully Fleshed out [Docs](https://www.material-react-table.com/docs/guides#gui
|
|
99
109
|
|
100
110
|
View the full [Installation Docs](https://www.material-react-table.com/docs/getting-started/install)
|
101
111
|
|
102
|
-
1. Ensure that you have React
|
112
|
+
1. Ensure that you have React 18 or later installed
|
103
113
|
|
104
114
|
2. Install Peer Dependencies (Material UI V5)
|
105
115
|
|
106
116
|
```bash
|
107
|
-
npm install @mui/material @mui/icons-material @emotion/react @emotion/styled
|
117
|
+
npm install @mui/material @mui/x-date-pickers @mui/icons-material @emotion/react @emotion/styled
|
108
118
|
```
|
109
119
|
|
110
120
|
3. Install material-react-table
|
@@ -120,9 +130,10 @@ npm install material-react-table
|
|
120
130
|
> Read the full usage docs [here](https://www.material-react-table.com/docs/getting-started/usage/)
|
121
131
|
|
122
132
|
```jsx
|
123
|
-
import { useMemo,
|
124
|
-
import { MaterialReactTable } from 'material-react-table';
|
133
|
+
import { useMemo, useState, useEffect } from 'react';
|
134
|
+
import { MaterialReactTable, useMaterialReactTable } from 'material-react-table';
|
125
135
|
|
136
|
+
//data must be stable reference (useState, useMemo, useQuery, defined outside of component, etc.)
|
126
137
|
const data = [
|
127
138
|
{
|
128
139
|
name: 'John',
|
@@ -160,25 +171,23 @@ export default function App() {
|
|
160
171
|
//do something when the row selection changes
|
161
172
|
}, [rowSelection]);
|
162
173
|
|
163
|
-
|
164
|
-
|
174
|
+
const table = useMaterialReactTable({
|
175
|
+
columns,
|
176
|
+
data,
|
177
|
+
enableColumnOrdering: true, //enable some features
|
178
|
+
enableRowSelection: true,
|
179
|
+
enablePagination: false, //disable a default feature
|
180
|
+
onRowSelectionChange: setRowSelection, //hoist internal state to your own state (optional)
|
181
|
+
state: { rowSelection }, //manage your own state, pass it back to the table (optional)
|
182
|
+
});
|
165
183
|
|
166
184
|
const someEventHandler = () => {
|
167
|
-
//read the table state during an event from the table instance
|
168
|
-
console.log(
|
185
|
+
//read the table state during an event from the table instance
|
186
|
+
console.log(table.getState().sorting);
|
169
187
|
}
|
170
188
|
|
171
189
|
return (
|
172
|
-
<MaterialReactTable
|
173
|
-
columns={columns}
|
174
|
-
data={data}
|
175
|
-
enableColumnOrdering //enable some features
|
176
|
-
enableRowSelection
|
177
|
-
enablePagination={false} //disable a default feature
|
178
|
-
onRowSelectionChange={setRowSelection} //hoist internal state to your own state (optional)
|
179
|
-
state={{ rowSelection }} //manage your own state, pass it back to the table (optional)
|
180
|
-
tableInstanceRef={tableInstanceRef} //get a reference to the underlying table instance (optional)
|
181
|
-
/>
|
190
|
+
<MaterialReactTable table={table} /> //other more lightweight MRT sub components also available
|
182
191
|
);
|
183
192
|
}
|
184
193
|
```
|
package/dist/index.d.ts
CHANGED
@@ -440,7 +440,11 @@ type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<ColumnDef
|
|
440
440
|
columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
|
441
441
|
columns?: MRT_ColumnDef<TData, TValue>[];
|
442
442
|
editSelectOptions?: ({
|
443
|
-
|
443
|
+
label?: string;
|
444
|
+
/**
|
445
|
+
* @deprecated use `label` instead
|
446
|
+
*/
|
447
|
+
text?: string;
|
444
448
|
value: any;
|
445
449
|
} | string)[];
|
446
450
|
editVariant?: 'select' | 'text';
|
@@ -453,7 +457,11 @@ type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<ColumnDef
|
|
453
457
|
enableFilterMatchHighlighting?: boolean;
|
454
458
|
filterFn?: MRT_FilterFn<TData>;
|
455
459
|
filterSelectOptions?: ({
|
456
|
-
|
460
|
+
label?: string;
|
461
|
+
/**
|
462
|
+
* @deprecated use `label` instead
|
463
|
+
*/
|
464
|
+
text?: string;
|
457
465
|
value: any;
|
458
466
|
} | string)[];
|
459
467
|
filterVariant?: 'autocomplete' | 'checkbox' | 'date' | 'date-range' | 'multi-select' | 'range' | 'range-slider' | 'select' | 'text';
|
@@ -955,14 +963,13 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
|
|
955
963
|
table: MRT_TableInstance<TData>;
|
956
964
|
}) => ReactNode;
|
957
965
|
rowCount?: number;
|
958
|
-
|
966
|
+
rowNumberDisplayMode?: 'original' | 'static';
|
959
967
|
rowPinningDisplayMode?: 'bottom' | 'select-bottom' | 'select-sticky' | 'select-top' | 'sticky' | 'top' | 'top-and-bottom';
|
960
968
|
rowVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
|
961
969
|
rowVirtualizerOptions?: ((props: {
|
962
970
|
table: MRT_TableInstance<TData>;
|
963
971
|
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>) | Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>;
|
964
972
|
selectAllMode?: 'all' | 'page';
|
965
|
-
selectDisplayMode?: 'checkbox' | 'radio' | 'switch';
|
966
973
|
/**
|
967
974
|
* Manage state externally any way you want, then pass it back into MRT.
|
968
975
|
*/
|
@@ -1231,6 +1238,14 @@ declare const flexRender: (Comp: Renderable<any>, props: any) => JSX.Element | R
|
|
1231
1238
|
declare const createRow: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, originalRow?: TData | undefined) => MRT_Row<TData>;
|
1232
1239
|
declare const extraIndexRangeExtractor: (range: Range, draggingIndex: number) => number[];
|
1233
1240
|
declare function createMRTColumnHelper<TData extends MRT_RowData>(): MRT_ColumnHelper<TData>;
|
1241
|
+
declare const getValueAndLabel: (option: {
|
1242
|
+
label?: string;
|
1243
|
+
text?: string;
|
1244
|
+
value: string;
|
1245
|
+
} | string) => {
|
1246
|
+
label: string;
|
1247
|
+
value: string;
|
1248
|
+
};
|
1234
1249
|
|
1235
1250
|
interface Props$z<TData extends MRT_RowData> extends TableFooterProps {
|
1236
1251
|
table: MRT_TableInstance<TData>;
|
@@ -1315,6 +1330,40 @@ interface Props$o<TData extends MRT_RowData> extends TableRowProps {
|
|
1315
1330
|
}
|
1316
1331
|
declare const MRT_TableHeadRow: <TData extends MRT_RowData>({ headerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$o<TData>) => react_jsx_runtime.JSX.Element;
|
1317
1332
|
|
1333
|
+
interface Params<TData extends MRT_RowData> {
|
1334
|
+
columnOrder: ColumnOrderState;
|
1335
|
+
creatingRow: MRT_Row<TData> | null;
|
1336
|
+
grouping: GroupingState;
|
1337
|
+
tableOptions: MRT_DefinedTableOptions<TData>;
|
1338
|
+
}
|
1339
|
+
declare const useMRT_DisplayColumns: <TData extends MRT_RowData>({ columnOrder, creatingRow, grouping, tableOptions, }: Params<TData>) => MRT_ColumnDef<TData>[];
|
1340
|
+
|
1341
|
+
declare const useMRT_Effects: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>) => void;
|
1342
|
+
|
1343
|
+
declare const useMRT_TableInstance: <TData extends MRT_RowData>(tableOptions: MRT_DefinedTableOptions<TData>) => MRT_TableInstance<TData>;
|
1344
|
+
|
1345
|
+
declare const MRT_DefaultColumn: {
|
1346
|
+
readonly filterVariant: "text";
|
1347
|
+
readonly maxSize: 1000;
|
1348
|
+
readonly minSize: 40;
|
1349
|
+
readonly size: 180;
|
1350
|
+
};
|
1351
|
+
declare const MRT_DefaultDisplayColumn: {
|
1352
|
+
readonly columnDefType: "display";
|
1353
|
+
readonly enableClickToCopy: false;
|
1354
|
+
readonly enableColumnActions: false;
|
1355
|
+
readonly enableColumnDragging: false;
|
1356
|
+
readonly enableColumnFilter: false;
|
1357
|
+
readonly enableColumnOrdering: false;
|
1358
|
+
readonly enableEditing: false;
|
1359
|
+
readonly enableGlobalFilter: false;
|
1360
|
+
readonly enableGrouping: false;
|
1361
|
+
readonly enableHiding: false;
|
1362
|
+
readonly enableResizing: false;
|
1363
|
+
readonly enableSorting: false;
|
1364
|
+
};
|
1365
|
+
declare const useMRT_TableOptions: <TData extends MRT_RowData>(tableOptions: MRT_TableOptions<TData>) => MRT_DefinedTableOptions<TData>;
|
1366
|
+
|
1318
1367
|
interface Props$n<TData extends MRT_RowData> extends TextFieldProps<'standard'> {
|
1319
1368
|
cell: MRT_Cell<TData>;
|
1320
1369
|
table: MRT_TableInstance<TData>;
|
@@ -1512,4 +1561,4 @@ declare const MRT_TopToolbar: <TData extends MRT_RowData>({ table, }: Props<TDat
|
|
1512
1561
|
|
1513
1562
|
declare const useMaterialReactTable: <TData extends MRT_RowData>(tableOptions: MRT_TableOptions<TData>) => MRT_TableInstance<TData>;
|
1514
1563
|
|
1515
|
-
export { type LiteralUnion, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnHelper, MRT_ColumnPinningButtons, MRT_CopyButton, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, type MRT_GroupColumnDef, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_Localization, type MRT_Row, MRT_RowActionMenu, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, type MRT_TableInstance, MRT_TableLoadingOverlay, type MRT_TableOptions, MRT_TablePagination, MRT_TablePaper, type MRT_TableState, type MRT_Theme, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, commonListItemStyles, commonMenuItemStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonMRTCellStyles, getCommonToolbarStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getMRTTheme, getTotalRight, getTrailingDisplayColumnIds, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMaterialReactTable };
|
1564
|
+
export { type LiteralUnion, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnHelper, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, type MRT_GroupColumnDef, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_Localization, type MRT_Row, MRT_RowActionMenu, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, type MRT_TableInstance, MRT_TableLoadingOverlay, type MRT_TableOptions, MRT_TablePagination, MRT_TablePaper, type MRT_TableState, type MRT_Theme, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, commonListItemStyles, commonMenuItemStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonMRTCellStyles, getCommonToolbarStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getMRTTheme, getTotalRight, getTrailingDisplayColumnIds, getValueAndLabel, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMRT_DisplayColumns, useMRT_Effects, useMRT_TableInstance, useMRT_TableOptions, useMaterialReactTable };
|
@@ -103,20 +103,23 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
103
103
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
104
104
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
105
105
|
PERFORMANCE OF THIS SOFTWARE.
|
106
|
-
***************************************************************************** */
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
}
|
117
|
-
|
118
|
-
|
119
|
-
|
106
|
+
***************************************************************************** */
|
107
|
+
|
108
|
+
function __rest(s, e) {
|
109
|
+
var t = {};
|
110
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
111
|
+
t[p] = s[p];
|
112
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
113
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
114
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
115
|
+
t[p[i]] = s[p[i]];
|
116
|
+
}
|
117
|
+
return t;
|
118
|
+
}
|
119
|
+
|
120
|
+
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
121
|
+
var e = new Error(message);
|
122
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
120
123
|
};
|
121
124
|
|
122
125
|
const getColumnId = (columnDef) => { var _a, _b, _c, _d; return (_d = (_a = columnDef.id) !== null && _a !== void 0 ? _a : (_c = (_b = columnDef.accessorKey) === null || _b === void 0 ? void 0 : _b.toString) === null || _c === void 0 ? void 0 : _c.call(_b)) !== null && _d !== void 0 ? _d : columnDef.header; };
|
@@ -312,6 +315,22 @@ function createMRTColumnHelper() {
|
|
312
315
|
group: (column) => column,
|
313
316
|
};
|
314
317
|
}
|
318
|
+
const getValueAndLabel = (option) => {
|
319
|
+
var _a, _b, _c;
|
320
|
+
let label = '';
|
321
|
+
let value = '';
|
322
|
+
if (option) {
|
323
|
+
if (typeof option !== 'object') {
|
324
|
+
label = option;
|
325
|
+
value = option;
|
326
|
+
}
|
327
|
+
else {
|
328
|
+
label = (_b = (_a = option.label) !== null && _a !== void 0 ? _a : option.text) !== null && _b !== void 0 ? _b : option.value;
|
329
|
+
value = (_c = option.value) !== null && _c !== void 0 ? _c : label;
|
330
|
+
}
|
331
|
+
}
|
332
|
+
return { label, value };
|
333
|
+
};
|
315
334
|
|
316
335
|
const parseCSSVarId = (id) => id.replace(/[^a-zA-Z0-9]/g, '_');
|
317
336
|
const getMRTTheme = (table, theme) => (Object.assign({ baseBackgroundColor: theme.palette.mode === 'dark'
|
@@ -535,10 +554,10 @@ const MRT_EditCellTextField = (_a) => {
|
|
535
554
|
//@ts-ignore
|
536
555
|
row._valuesCache[column.id] = newValue;
|
537
556
|
if (isCreating) {
|
538
|
-
setCreatingRow(
|
557
|
+
setCreatingRow(row);
|
539
558
|
}
|
540
559
|
else if (isEditing) {
|
541
|
-
setEditingRow(
|
560
|
+
setEditingRow(row);
|
542
561
|
}
|
543
562
|
};
|
544
563
|
const handleChange = (event) => {
|
@@ -584,22 +603,13 @@ const MRT_EditCellTextField = (_a) => {
|
|
584
603
|
e.stopPropagation();
|
585
604
|
(_a = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.onClick) === null || _a === void 0 ? void 0 : _a.call(textFieldProps, e);
|
586
605
|
}, onKeyDown: handleEnterKeyDown, children: (_c = textFieldProps.children) !== null && _c !== void 0 ? _c : (_d = columnDef === null || columnDef === void 0 ? void 0 : columnDef.editSelectOptions) === null || _d === void 0 ? void 0 : _d.map((option) => {
|
587
|
-
|
588
|
-
let text;
|
589
|
-
if (typeof option !== 'object') {
|
590
|
-
value = option;
|
591
|
-
text = option;
|
592
|
-
}
|
593
|
-
else {
|
594
|
-
value = option.value;
|
595
|
-
text = option.text;
|
596
|
-
}
|
606
|
+
const { label, value } = getValueAndLabel(option);
|
597
607
|
return (jsx(MenuItem, { sx: {
|
598
608
|
alignItems: 'center',
|
599
609
|
display: 'flex',
|
600
610
|
gap: '0.5rem',
|
601
611
|
m: 0,
|
602
|
-
}, value: value, children:
|
612
|
+
}, value: value, children: label }, value));
|
603
613
|
}) })));
|
604
614
|
};
|
605
615
|
|
@@ -607,7 +617,7 @@ const MRT_TableBodyCell = (_a) => {
|
|
607
617
|
var _b, _c, _d, _e, _f;
|
608
618
|
var { cell, measureElement, numRows, rowIndex, rowRef, table, virtualIndex } = _a, rest = __rest(_a, ["cell", "measureElement", "numRows", "rowIndex", "rowRef", "table", "virtualIndex"]);
|
609
619
|
const theme = useTheme();
|
610
|
-
const { getState, options: { createDisplayMode, editDisplayMode, enableClickToCopy, enableColumnOrdering, enableEditing, enableGrouping, enableRowNumbers, layoutMode, muiSkeletonProps, muiTableBodyCellProps,
|
620
|
+
const { getState, options: { createDisplayMode, editDisplayMode, enableClickToCopy, enableColumnOrdering, enableEditing, enableGrouping, enableRowNumbers, layoutMode, muiSkeletonProps, muiTableBodyCellProps, rowNumberDisplayMode, }, refs: { editInputRefs }, setEditingCell, setHoveredColumn, } = table;
|
611
621
|
const { columnSizingInfo, creatingRow, density, draggingColumn, draggingRow, editingCell, editingRow, hoveredColumn, hoveredRow, isLoading, showSkeletons, } = getState();
|
612
622
|
const { column, row } = cell;
|
613
623
|
const { columnDef } = column;
|
@@ -745,7 +755,7 @@ const MRT_TableBodyCell = (_a) => {
|
|
745
755
|
tableCellProps,
|
746
756
|
theme,
|
747
757
|
})), draggingBorders)), children: (_b = tableCellProps.children) !== null && _b !== void 0 ? _b : (jsxs(Fragment, { children: [cell.getIsPlaceholder() ? ((_d = (_c = columnDef.PlaceholderCell) === null || _c === void 0 ? void 0 : _c.call(columnDef, { cell, column, row, table })) !== null && _d !== void 0 ? _d : null) : showSkeletons !== false && (isLoading || showSkeletons) ? (jsx(Skeleton, Object.assign({ animation: "wave", height: 20, width: skeletonWidth }, skeletonProps))) : enableRowNumbers &&
|
748
|
-
|
758
|
+
rowNumberDisplayMode === 'static' &&
|
749
759
|
column.id === 'mrt-row-numbers' ? (rowIndex + 1) : column.id === 'mrt-row-drag' ? (jsx(MRT_TableBodyRowGrabHandle, { row: row, rowRef: rowRef, table: table })) : columnDefType === 'display' &&
|
750
760
|
(column.id === 'mrt-row-select' ||
|
751
761
|
column.id === 'mrt-row-expand' ||
|
@@ -1497,7 +1507,7 @@ const MRT_FilterCheckbox = (_a) => {
|
|
1497
1507
|
};
|
1498
1508
|
|
1499
1509
|
const MRT_FilterTextField = (_a) => {
|
1500
|
-
var _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
1510
|
+
var _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
1501
1511
|
var { header, rangeFilterIndex, table } = _a, rest = __rest(_a, ["header", "rangeFilterIndex", "table"]);
|
1502
1512
|
const { options: { columnFilterModeOptions, enableColumnFilterModes, icons: { CloseIcon, FilterListIcon }, localization, manualFiltering, muiFilterAutocompleteProps, muiFilterDatePickerProps, muiFilterTextFieldProps, }, refs: { filterInputRefs }, setColumnFilterFns, } = table;
|
1503
1513
|
const { column } = header;
|
@@ -1657,6 +1667,7 @@ const MRT_FilterTextField = (_a) => {
|
|
1657
1667
|
// @ts-ignore
|
1658
1668
|
localization[`filter${((_l = currentFilterOption === null || currentFilterOption === void 0 ? void 0 : currentFilterOption.charAt(0)) === null || _l === void 0 ? void 0 : _l.toUpperCase()) +
|
1659
1669
|
(currentFilterOption === null || currentFilterOption === void 0 ? void 0 : currentFilterOption.slice(1))}`]) })) : null, inputProps: {
|
1670
|
+
'aria-label': filterPlaceholder,
|
1660
1671
|
autoComplete: 'new-password',
|
1661
1672
|
disabled: !!filterChipLabel,
|
1662
1673
|
sx: {
|
@@ -1686,7 +1697,7 @@ const MRT_FilterTextField = (_a) => {
|
|
1686
1697
|
}, value: filterValue || null }, datePickerProps, { slotProps: {
|
1687
1698
|
field: Object.assign({ clearable: true, onClear: () => handleClear() }, (_m = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.slotProps) === null || _m === void 0 ? void 0 : _m.field),
|
1688
1699
|
textField: Object.assign(Object.assign({}, commonTextFieldProps), (_o = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.slotProps) === null || _o === void 0 ? void 0 : _o.textField),
|
1689
|
-
} }))) : isAutocompleteFilter ? (jsx(Autocomplete, Object.assign({ freeSolo: true, getOptionLabel: (option) => option, onChange: (_e, newValue) => handleChange(newValue), options: dropdownOptions !== null &&
|
1700
|
+
} }))) : isAutocompleteFilter ? (jsx(Autocomplete, Object.assign({ freeSolo: true, getOptionLabel: (option) => getValueAndLabel(option).label, onChange: (_e, newValue) => handleChange(getValueAndLabel(newValue).value), options: (_p = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((option) => getValueAndLabel(option))) !== null && _p !== void 0 ? _p : [] }, autocompleteProps, { renderInput: (builtinTextFieldProps) => {
|
1690
1701
|
var _a;
|
1691
1702
|
return (jsx(TextField, Object.assign({}, builtinTextFieldProps, commonTextFieldProps, { InputProps: Object.assign(Object.assign({}, builtinTextFieldProps.InputProps), { startAdornment: (_a = commonTextFieldProps === null || commonTextFieldProps === void 0 ? void 0 : commonTextFieldProps.InputProps) === null || _a === void 0 ? void 0 : _a.startAdornment }), inputProps: Object.assign(Object.assign({}, builtinTextFieldProps.inputProps), commonTextFieldProps === null || commonTextFieldProps === void 0 ? void 0 : commonTextFieldProps.inputProps), onChange: handleTextFieldChange })));
|
1692
1703
|
}, value: filterValue }))) : (jsx(TextField, Object.assign({ SelectProps: {
|
@@ -1694,37 +1705,22 @@ const MRT_FilterTextField = (_a) => {
|
|
1694
1705
|
multiple: isMultiSelectFilter,
|
1695
1706
|
renderValue: isMultiSelectFilter
|
1696
1707
|
? (selected) => !(selected === null || selected === void 0 ? void 0 : selected.length) ? (jsx(Box, { sx: { opacity: 0.5 }, children: filterPlaceholder })) : (jsx(Box, { sx: { display: 'flex', flexWrap: 'wrap', gap: '2px' }, children: selected === null || selected === void 0 ? void 0 : selected.map((value) => {
|
1697
|
-
const selectedValue = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.find((option) => option
|
1698
|
-
|
1699
|
-
: option === value);
|
1700
|
-
return (jsx(Chip, { label: selectedValue instanceof Object
|
1701
|
-
? selectedValue.text
|
1702
|
-
: selectedValue }, value));
|
1708
|
+
const selectedValue = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.find((option) => getValueAndLabel(option).value === value);
|
1709
|
+
return (jsx(Chip, { label: getValueAndLabel(selectedValue).label }, value));
|
1703
1710
|
}) }))
|
1704
1711
|
: undefined,
|
1705
1712
|
}, onChange: handleTextFieldChange, select: isSelectFilter || isMultiSelectFilter }, commonTextFieldProps, { value: filterValue !== null && filterValue !== void 0 ? filterValue : '', children: (isSelectFilter || isMultiSelectFilter) && [
|
1706
1713
|
jsx(MenuItem, { disabled: true, divider: true, hidden: true, value: "", children: jsx(Box, { sx: { opacity: 0.5 }, children: filterPlaceholder }) }, "p"),
|
1707
1714
|
...[
|
1708
|
-
(
|
1715
|
+
(_q = textFieldProps.children) !== null && _q !== void 0 ? _q : dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((option, index) => {
|
1709
1716
|
var _a;
|
1710
|
-
|
1711
|
-
return '';
|
1712
|
-
let value;
|
1713
|
-
let text;
|
1714
|
-
if (typeof option !== 'object') {
|
1715
|
-
value = option;
|
1716
|
-
text = option;
|
1717
|
-
}
|
1718
|
-
else {
|
1719
|
-
value = option.value;
|
1720
|
-
text = option.text;
|
1721
|
-
}
|
1717
|
+
const { label, value } = getValueAndLabel(option);
|
1722
1718
|
return (jsxs(MenuItem, { sx: {
|
1723
1719
|
alignItems: 'center',
|
1724
1720
|
display: 'flex',
|
1725
1721
|
gap: '0.5rem',
|
1726
1722
|
m: 0,
|
1727
|
-
}, value: value, children: [isMultiSelectFilter && (jsx(Checkbox, { checked: ((_a = column.getFilterValue()) !== null && _a !== void 0 ? _a : []).includes(value), sx: { mr: '0.5rem' } })),
|
1723
|
+
}, value: value, children: [isMultiSelectFilter && (jsx(Checkbox, { checked: ((_a = column.getFilterValue()) !== null && _a !== void 0 ? _a : []).includes(value), sx: { mr: '0.5rem' } })), label, ' ', !columnDef.filterSelectOptions &&
|
1728
1724
|
`(${facetedUniqueValues.get(value)})`] }, `${index}-${value}`));
|
1729
1725
|
}),
|
1730
1726
|
],
|
@@ -2840,12 +2836,12 @@ const MRT_TablePaper = (_a) => {
|
|
2840
2836
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
2841
2837
|
const { getState, options: { enableBottomToolbar, enableTopToolbar, muiTablePaperProps, renderBottomToolbar, renderTopToolbar, }, refs: { tablePaperRef }, } = table;
|
2842
2838
|
const { isFullScreen } = getState();
|
2843
|
-
const
|
2844
|
-
return (jsxs(Paper, Object.assign({ elevation: 2 },
|
2839
|
+
const paperProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTablePaperProps, { table })), rest);
|
2840
|
+
return (jsxs(Paper, Object.assign({ elevation: 2 }, paperProps, { ref: (ref) => {
|
2845
2841
|
tablePaperRef.current = ref;
|
2846
|
-
if (
|
2842
|
+
if (paperProps === null || paperProps === void 0 ? void 0 : paperProps.ref) {
|
2847
2843
|
//@ts-ignore
|
2848
|
-
|
2844
|
+
paperProps.ref.current = ref;
|
2849
2845
|
}
|
2850
2846
|
}, style: Object.assign(Object.assign({}, (isFullScreen
|
2851
2847
|
? {
|
@@ -2862,7 +2858,7 @@ const MRT_TablePaper = (_a) => {
|
|
2862
2858
|
width: '100vw',
|
2863
2859
|
zIndex: 999,
|
2864
2860
|
}
|
2865
|
-
: {})),
|
2861
|
+
: {})), paperProps === null || paperProps === void 0 ? void 0 : paperProps.style), sx: (theme) => (Object.assign({ backgroundColor: getMRTTheme(table, theme).baseBackgroundColor, backgroundImage: 'unset', overflow: 'hidden', transition: 'all 100ms ease-in-out' }, parseFromValuesOrFunc(paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx, theme))), children: [enableTopToolbar &&
|
2866
2862
|
((_b = parseFromValuesOrFunc(renderTopToolbar, { table })) !== null && _b !== void 0 ? _b : (jsx(MRT_TopToolbar, { table: table }))), jsx(MRT_TableContainer, { table: table }), enableBottomToolbar &&
|
2867
2863
|
((_c = parseFromValuesOrFunc(renderBottomToolbar, { table })) !== null && _c !== void 0 ? _c : (jsx(MRT_BottomToolbar, { table: table })))] })));
|
2868
2864
|
};
|
@@ -3224,7 +3220,7 @@ const MRT_DefaultDisplayColumn = {
|
|
3224
3220
|
};
|
3225
3221
|
const useMRT_TableOptions = (_a) => {
|
3226
3222
|
var _b;
|
3227
|
-
var { aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = 'subheader', columnResizeMode = 'onChange', createDisplayMode = 'modal', defaultColumn, defaultDisplayColumn, editDisplayMode = 'modal', enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, layoutMode = 'semantic', localization, manualFiltering, manualGrouping, manualPagination, manualSorting, paginationDisplayMode = 'default', positionActionsColumn = 'first', positionExpandColumn = 'first', positionGlobalFilter = 'right', positionPagination = 'bottom', positionToolbarAlertBanner = 'top', positionToolbarDropZone = 'top',
|
3223
|
+
var { aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = 'subheader', columnResizeMode = 'onChange', createDisplayMode = 'modal', defaultColumn, defaultDisplayColumn, editDisplayMode = 'modal', enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, layoutMode = 'semantic', localization, manualFiltering, manualGrouping, manualPagination, manualSorting, paginationDisplayMode = 'default', positionActionsColumn = 'first', positionExpandColumn = 'first', positionGlobalFilter = 'right', positionPagination = 'bottom', positionToolbarAlertBanner = 'top', positionToolbarDropZone = 'top', rowNumberDisplayMode = 'static', rowPinningDisplayMode = 'sticky', selectAllMode = 'page', sortingFns } = _a, rest = __rest(_a, ["aggregationFns", "autoResetExpanded", "columnFilterDisplayMode", "columnResizeMode", "createDisplayMode", "defaultColumn", "defaultDisplayColumn", "editDisplayMode", "enableBottomToolbar", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnPinning", "enableColumnResizing", "enableDensityToggle", "enableExpandAll", "enableExpanding", "enableFilterMatchHighlighting", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGlobalFilterRankedResults", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enableMultiSort", "enablePagination", "enableRowPinning", "enableRowSelection", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarInternalActions", "enableTopToolbar", "filterFns", "icons", "layoutMode", "localization", "manualFiltering", "manualGrouping", "manualPagination", "manualSorting", "paginationDisplayMode", "positionActionsColumn", "positionExpandColumn", "positionGlobalFilter", "positionPagination", "positionToolbarAlertBanner", "positionToolbarDropZone", "rowNumberDisplayMode", "rowPinningDisplayMode", "selectAllMode", "sortingFns"]);
|
3228
3224
|
const _icons = useMemo(() => (Object.assign(Object.assign({}, MRT_Default_Icons), icons)), [icons]);
|
3229
3225
|
const _localization = useMemo(() => (Object.assign(Object.assign({}, MRT_Localization_EN), localization)), [localization]);
|
3230
3226
|
const _aggregationFns = useMemo(() => (Object.assign(Object.assign({}, MRT_AggregationFns), aggregationFns)), []);
|
@@ -3294,7 +3290,7 @@ const useMRT_TableOptions = (_a) => {
|
|
3294
3290
|
positionPagination,
|
3295
3291
|
positionToolbarAlertBanner,
|
3296
3292
|
positionToolbarDropZone,
|
3297
|
-
|
3293
|
+
rowNumberDisplayMode,
|
3298
3294
|
rowPinningDisplayMode,
|
3299
3295
|
selectAllMode, sortingFns: _sortingFns }, rest);
|
3300
3296
|
};
|
@@ -3614,5 +3610,5 @@ const MaterialReactTable = (props) => {
|
|
3614
3610
|
return jsx(MRT_TablePaper, { table: table });
|
3615
3611
|
};
|
3616
3612
|
|
3617
|
-
export { MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, MRT_FilterFns, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, MRT_LinearProgressBar, MRT_RowActionMenu, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, MRT_SortingFns, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, MRT_TableLoadingOverlay, MRT_TablePagination, MRT_TablePaper, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, commonListItemStyles, commonMenuItemStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonMRTCellStyles, getCommonToolbarStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getMRTTheme, getTotalRight, getTrailingDisplayColumnIds, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMaterialReactTable };
|
3618
|
-
//# sourceMappingURL=
|
3613
|
+
export { MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, MRT_FilterFns, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, MRT_LinearProgressBar, MRT_RowActionMenu, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, MRT_SortingFns, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, MRT_TableLoadingOverlay, MRT_TablePagination, MRT_TablePaper, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, commonListItemStyles, commonMenuItemStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonMRTCellStyles, getCommonToolbarStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getMRTTheme, getTotalRight, getTrailingDisplayColumnIds, getValueAndLabel, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMRT_DisplayColumns, useMRT_Effects, useMRT_TableInstance, useMRT_TableOptions, useMaterialReactTable };
|
3614
|
+
//# sourceMappingURL=index.esm.js.map
|