material-react-table 2.0.0-beta.10 → 2.0.0-beta.12
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/dist/index.esm.js +17 -14
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +258 -168
- package/dist/index.js.map +1 -1
- package/locales/ar.js +2 -0
- package/locales/az.js +2 -0
- package/locales/bg.js +2 -0
- package/locales/cs.js +2 -0
- package/locales/da.js +2 -0
- package/locales/de.js +2 -0
- package/locales/en.js +2 -0
- package/locales/es.js +2 -0
- package/locales/et.js +2 -0
- package/locales/fa.js +2 -0
- package/locales/fi.js +2 -0
- package/locales/fr.js +2 -0
- package/locales/hu.js +2 -0
- package/locales/hy.js +2 -0
- package/locales/id.js +2 -0
- package/locales/it.js +2 -0
- package/locales/ja.js +2 -0
- package/locales/ko.js +2 -0
- package/locales/nl.js +2 -0
- package/locales/no.js +2 -0
- package/locales/np.js +2 -0
- package/locales/pl.js +2 -0
- package/locales/pt-BR.js +2 -0
- package/locales/pt.js +2 -0
- package/locales/ro.js +2 -0
- package/locales/ru.js +2 -0
- package/locales/sk.js +2 -0
- package/locales/sr-Cyrl-RS.js +2 -0
- package/locales/sr-Latn-RS.js +2 -0
- package/locales/sv.js +2 -0
- package/locales/tr.js +2 -0
- package/locales/uk.js +2 -0
- package/locales/vi.js +2 -0
- package/locales/zh-Hans.js +2 -0
- package/locales/zh-Hant.js +2 -0
- package/package.json +21 -20
package/dist/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
3
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
6
|
var Paper = require('@mui/material/Paper');
|
|
5
7
|
var react = require('react');
|
|
@@ -92,6 +94,91 @@ var SyncAltIcon = require('@mui/icons-material/SyncAlt');
|
|
|
92
94
|
var ViewColumnIcon = require('@mui/icons-material/ViewColumn');
|
|
93
95
|
var VisibilityOffIcon = require('@mui/icons-material/VisibilityOff');
|
|
94
96
|
|
|
97
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
98
|
+
|
|
99
|
+
var Paper__default = /*#__PURE__*/_interopDefaultLegacy(Paper);
|
|
100
|
+
var TableContainer__default = /*#__PURE__*/_interopDefaultLegacy(TableContainer);
|
|
101
|
+
var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
|
|
102
|
+
var TableBody__default = /*#__PURE__*/_interopDefaultLegacy(TableBody);
|
|
103
|
+
var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
|
|
104
|
+
var TableRow__default = /*#__PURE__*/_interopDefaultLegacy(TableRow);
|
|
105
|
+
var Skeleton__default = /*#__PURE__*/_interopDefaultLegacy(Skeleton);
|
|
106
|
+
var TableCell__default = /*#__PURE__*/_interopDefaultLegacy(TableCell);
|
|
107
|
+
var Box__default = /*#__PURE__*/_interopDefaultLegacy(Box);
|
|
108
|
+
var highlightWords__default = /*#__PURE__*/_interopDefaultLegacy(highlightWords);
|
|
109
|
+
var IconButton__default = /*#__PURE__*/_interopDefaultLegacy(IconButton);
|
|
110
|
+
var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
|
|
111
|
+
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
112
|
+
var MenuItem__default = /*#__PURE__*/_interopDefaultLegacy(MenuItem);
|
|
113
|
+
var TextField__default = /*#__PURE__*/_interopDefaultLegacy(TextField);
|
|
114
|
+
var Collapse__default = /*#__PURE__*/_interopDefaultLegacy(Collapse);
|
|
115
|
+
var TableFooter__default = /*#__PURE__*/_interopDefaultLegacy(TableFooter);
|
|
116
|
+
var TableHead__default = /*#__PURE__*/_interopDefaultLegacy(TableHead);
|
|
117
|
+
var ListItemIcon__default = /*#__PURE__*/_interopDefaultLegacy(ListItemIcon);
|
|
118
|
+
var Menu__default = /*#__PURE__*/_interopDefaultLegacy(Menu);
|
|
119
|
+
var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
|
|
120
|
+
var FormControlLabel__default = /*#__PURE__*/_interopDefaultLegacy(FormControlLabel);
|
|
121
|
+
var Autocomplete__default = /*#__PURE__*/_interopDefaultLegacy(Autocomplete);
|
|
122
|
+
var Chip__default = /*#__PURE__*/_interopDefaultLegacy(Chip);
|
|
123
|
+
var InputAdornment__default = /*#__PURE__*/_interopDefaultLegacy(InputAdornment);
|
|
124
|
+
var FormHelperText__default = /*#__PURE__*/_interopDefaultLegacy(FormHelperText);
|
|
125
|
+
var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
|
|
126
|
+
var Stack__default = /*#__PURE__*/_interopDefaultLegacy(Stack);
|
|
127
|
+
var Grow__default = /*#__PURE__*/_interopDefaultLegacy(Grow);
|
|
128
|
+
var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
|
|
129
|
+
var Divider__default = /*#__PURE__*/_interopDefaultLegacy(Divider);
|
|
130
|
+
var Badge__default = /*#__PURE__*/_interopDefaultLegacy(Badge);
|
|
131
|
+
var TableSortLabel__default = /*#__PURE__*/_interopDefaultLegacy(TableSortLabel);
|
|
132
|
+
var useMediaQuery__default = /*#__PURE__*/_interopDefaultLegacy(useMediaQuery);
|
|
133
|
+
var LinearProgress__default = /*#__PURE__*/_interopDefaultLegacy(LinearProgress);
|
|
134
|
+
var InputLabel__default = /*#__PURE__*/_interopDefaultLegacy(InputLabel);
|
|
135
|
+
var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
|
|
136
|
+
var PaginationItem__default = /*#__PURE__*/_interopDefaultLegacy(PaginationItem);
|
|
137
|
+
var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
|
|
138
|
+
var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
|
|
139
|
+
var AlertTitle__default = /*#__PURE__*/_interopDefaultLegacy(AlertTitle);
|
|
140
|
+
var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
|
|
141
|
+
var Fade__default = /*#__PURE__*/_interopDefaultLegacy(Fade);
|
|
142
|
+
var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
|
|
143
|
+
var CircularProgress__default = /*#__PURE__*/_interopDefaultLegacy(CircularProgress);
|
|
144
|
+
var Dialog__default = /*#__PURE__*/_interopDefaultLegacy(Dialog);
|
|
145
|
+
var DialogActions__default = /*#__PURE__*/_interopDefaultLegacy(DialogActions);
|
|
146
|
+
var DialogContent__default = /*#__PURE__*/_interopDefaultLegacy(DialogContent);
|
|
147
|
+
var DialogTitle__default = /*#__PURE__*/_interopDefaultLegacy(DialogTitle);
|
|
148
|
+
var ArrowDownwardIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowDownwardIcon);
|
|
149
|
+
var ArrowRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ArrowRightIcon);
|
|
150
|
+
var CancelIcon__default = /*#__PURE__*/_interopDefaultLegacy(CancelIcon);
|
|
151
|
+
var ChevronLeftIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronLeftIcon);
|
|
152
|
+
var ChevronRightIcon__default = /*#__PURE__*/_interopDefaultLegacy(ChevronRightIcon);
|
|
153
|
+
var ClearAllIcon__default = /*#__PURE__*/_interopDefaultLegacy(ClearAllIcon);
|
|
154
|
+
var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
|
|
155
|
+
var DensityLargeIcon__default = /*#__PURE__*/_interopDefaultLegacy(DensityLargeIcon);
|
|
156
|
+
var DensityMediumIcon__default = /*#__PURE__*/_interopDefaultLegacy(DensityMediumIcon);
|
|
157
|
+
var DensitySmallIcon__default = /*#__PURE__*/_interopDefaultLegacy(DensitySmallIcon);
|
|
158
|
+
var DragHandleIcon__default = /*#__PURE__*/_interopDefaultLegacy(DragHandleIcon);
|
|
159
|
+
var DynamicFeedIcon__default = /*#__PURE__*/_interopDefaultLegacy(DynamicFeedIcon);
|
|
160
|
+
var EditIcon__default = /*#__PURE__*/_interopDefaultLegacy(EditIcon);
|
|
161
|
+
var ExpandMoreIcon__default = /*#__PURE__*/_interopDefaultLegacy(ExpandMoreIcon);
|
|
162
|
+
var FilterAltIcon__default = /*#__PURE__*/_interopDefaultLegacy(FilterAltIcon);
|
|
163
|
+
var FilterListIcon__default = /*#__PURE__*/_interopDefaultLegacy(FilterListIcon);
|
|
164
|
+
var FilterListOffIcon__default = /*#__PURE__*/_interopDefaultLegacy(FilterListOffIcon);
|
|
165
|
+
var FirstPageIcon__default = /*#__PURE__*/_interopDefaultLegacy(FirstPageIcon);
|
|
166
|
+
var FullscreenIcon__default = /*#__PURE__*/_interopDefaultLegacy(FullscreenIcon);
|
|
167
|
+
var FullscreenExitIcon__default = /*#__PURE__*/_interopDefaultLegacy(FullscreenExitIcon);
|
|
168
|
+
var KeyboardDoubleArrowDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(KeyboardDoubleArrowDownIcon);
|
|
169
|
+
var LastPageIcon__default = /*#__PURE__*/_interopDefaultLegacy(LastPageIcon);
|
|
170
|
+
var MoreHorizIcon__default = /*#__PURE__*/_interopDefaultLegacy(MoreHorizIcon);
|
|
171
|
+
var MoreVertIcon__default = /*#__PURE__*/_interopDefaultLegacy(MoreVertIcon);
|
|
172
|
+
var PushPinIcon__default = /*#__PURE__*/_interopDefaultLegacy(PushPinIcon);
|
|
173
|
+
var RestartAltIcon__default = /*#__PURE__*/_interopDefaultLegacy(RestartAltIcon);
|
|
174
|
+
var SaveIcon__default = /*#__PURE__*/_interopDefaultLegacy(SaveIcon);
|
|
175
|
+
var SearchIcon__default = /*#__PURE__*/_interopDefaultLegacy(SearchIcon);
|
|
176
|
+
var SearchOffIcon__default = /*#__PURE__*/_interopDefaultLegacy(SearchOffIcon);
|
|
177
|
+
var SortIcon__default = /*#__PURE__*/_interopDefaultLegacy(SortIcon);
|
|
178
|
+
var SyncAltIcon__default = /*#__PURE__*/_interopDefaultLegacy(SyncAltIcon);
|
|
179
|
+
var ViewColumnIcon__default = /*#__PURE__*/_interopDefaultLegacy(ViewColumnIcon);
|
|
180
|
+
var VisibilityOffIcon__default = /*#__PURE__*/_interopDefaultLegacy(VisibilityOffIcon);
|
|
181
|
+
|
|
95
182
|
/******************************************************************************
|
|
96
183
|
Copyright (c) Microsoft Corporation.
|
|
97
184
|
|
|
@@ -105,20 +192,23 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
105
192
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
106
193
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
107
194
|
PERFORMANCE OF THIS SOFTWARE.
|
|
108
|
-
***************************************************************************** */
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
195
|
+
***************************************************************************** */
|
|
196
|
+
|
|
197
|
+
function __rest(s, e) {
|
|
198
|
+
var t = {};
|
|
199
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
200
|
+
t[p] = s[p];
|
|
201
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
202
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
203
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
204
|
+
t[p[i]] = s[p[i]];
|
|
205
|
+
}
|
|
206
|
+
return t;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
210
|
+
var e = new Error(message);
|
|
211
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
122
212
|
};
|
|
123
213
|
|
|
124
214
|
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; };
|
|
@@ -415,13 +505,13 @@ const MRT_TableBodyCellValue = ({ cell, table, }) => {
|
|
|
415
505
|
(globalFilter &&
|
|
416
506
|
allowedTypes.includes(typeof globalFilter) &&
|
|
417
507
|
column.getCanGlobalFilter()))) {
|
|
418
|
-
const chunks =
|
|
508
|
+
const chunks = highlightWords__default["default"] === null || highlightWords__default["default"] === void 0 ? void 0 : highlightWords__default["default"]({
|
|
419
509
|
matchExactly: (filterValue ? columnDef._filterFn : globalFilterFn) !== 'fuzzy',
|
|
420
510
|
query: ((_a = filterValue !== null && filterValue !== void 0 ? filterValue : globalFilter) !== null && _a !== void 0 ? _a : '').toString(),
|
|
421
511
|
text: renderedCellValue === null || renderedCellValue === void 0 ? void 0 : renderedCellValue.toString(),
|
|
422
512
|
});
|
|
423
513
|
if ((chunks === null || chunks === void 0 ? void 0 : chunks.length) > 1 || ((_b = chunks === null || chunks === void 0 ? void 0 : chunks[0]) === null || _b === void 0 ? void 0 : _b.match)) {
|
|
424
|
-
renderedCellValue = (jsxRuntime.jsx("span", { "aria-label": renderedCellValue, role: "note", children: (_c = chunks === null || chunks === void 0 ? void 0 : chunks.map(({ key, match, text }) => (jsxRuntime.jsx(
|
|
514
|
+
renderedCellValue = (jsxRuntime.jsx("span", { "aria-label": renderedCellValue, role: "note", children: (_c = chunks === null || chunks === void 0 ? void 0 : chunks.map(({ key, match, text }) => (jsxRuntime.jsx(Box__default["default"], { "aria-hidden": "true", component: "span", sx: match
|
|
425
515
|
? {
|
|
426
516
|
backgroundColor: (theme) => getMRTTheme(table, theme).matchHighlightColor,
|
|
427
517
|
borderRadius: '2px',
|
|
@@ -450,7 +540,7 @@ const MRT_GrabHandleButton = (_a) => {
|
|
|
450
540
|
var { iconButtonProps, location, onDragEnd, onDragStart, table } = _a, rest = __rest(_a, ["iconButtonProps", "location", "onDragEnd", "onDragStart", "table"]);
|
|
451
541
|
const { options: { icons: { DragHandleIcon }, localization, }, } = table;
|
|
452
542
|
const _iconButtonProps = Object.assign(Object.assign({}, iconButtonProps), rest);
|
|
453
|
-
return (jsxRuntime.jsx(
|
|
543
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { enterDelay: 1000, enterNextDelay: 1000, placement: "top", title: (_b = _iconButtonProps === null || _iconButtonProps === void 0 ? void 0 : _iconButtonProps.title) !== null && _b !== void 0 ? _b : localization.move, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ disableRipple: true, draggable: "true", size: "small" }, _iconButtonProps, { onClick: (e) => {
|
|
454
544
|
var _a;
|
|
455
545
|
e.stopPropagation();
|
|
456
546
|
(_a = _iconButtonProps === null || _iconButtonProps === void 0 ? void 0 : _iconButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(_iconButtonProps, e);
|
|
@@ -508,7 +598,7 @@ const MRT_CopyButton = (_a) => {
|
|
|
508
598
|
row,
|
|
509
599
|
table,
|
|
510
600
|
})), rest);
|
|
511
|
-
return (jsxRuntime.jsx(
|
|
601
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { enterDelay: 1000, enterNextDelay: 1000, placement: "top", title: (_b = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.title) !== null && _b !== void 0 ? _b : (copied ? localization.copiedToClipboard : localization.clickToCopy), children: jsxRuntime.jsx(Button__default["default"], Object.assign({ onClick: (e) => handleCopy(e, cell.getValue()), size: "small", type: "button", variant: "text" }, buttonProps, { sx: (theme) => (Object.assign({ backgroundColor: 'transparent', border: 'none', color: 'inherit', cursor: 'copy', fontFamily: 'inherit', fontSize: 'inherit', letterSpacing: 'inherit', m: '-0.25rem', minWidth: 'unset', textAlign: 'inherit', textTransform: 'inherit' }, parseFromValuesOrFunc(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.sx, theme))), title: undefined })) }));
|
|
512
602
|
};
|
|
513
603
|
|
|
514
604
|
const MRT_EditCellTextField = (_a) => {
|
|
@@ -567,7 +657,7 @@ const MRT_EditCellTextField = (_a) => {
|
|
|
567
657
|
if (columnDef.Edit) {
|
|
568
658
|
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: (_b = columnDef.Edit) === null || _b === void 0 ? void 0 : _b.call(columnDef, { cell, column, row, table }) });
|
|
569
659
|
}
|
|
570
|
-
return (jsxRuntime.jsx(
|
|
660
|
+
return (jsxRuntime.jsx(TextField__default["default"], Object.assign({ disabled: parseFromValuesOrFunc(columnDef.enableEditing, row) === false, fullWidth: true, inputRef: (inputRef) => {
|
|
571
661
|
if (inputRef) {
|
|
572
662
|
editInputRefs.current[column.id] = inputRef;
|
|
573
663
|
if (textFieldProps.inputRef) {
|
|
@@ -596,7 +686,7 @@ const MRT_EditCellTextField = (_a) => {
|
|
|
596
686
|
value = option.value;
|
|
597
687
|
text = option.text;
|
|
598
688
|
}
|
|
599
|
-
return (jsxRuntime.jsx(
|
|
689
|
+
return (jsxRuntime.jsx(MenuItem__default["default"], { sx: {
|
|
600
690
|
alignItems: 'center',
|
|
601
691
|
display: 'flex',
|
|
602
692
|
gap: '0.5rem',
|
|
@@ -712,7 +802,7 @@ const MRT_TableBodyCell = (_a) => {
|
|
|
712
802
|
setHoveredColumn(columnDef.enableColumnOrdering !== false ? column : null);
|
|
713
803
|
}
|
|
714
804
|
};
|
|
715
|
-
return (jsxRuntime.jsx(
|
|
805
|
+
return (jsxRuntime.jsx(TableCell__default["default"], Object.assign({ "data-index": virtualIndex, ref: (node) => {
|
|
716
806
|
if (node) {
|
|
717
807
|
measureElement === null || measureElement === void 0 ? void 0 : measureElement(node);
|
|
718
808
|
}
|
|
@@ -746,7 +836,7 @@ const MRT_TableBodyCell = (_a) => {
|
|
|
746
836
|
table,
|
|
747
837
|
tableCellProps,
|
|
748
838
|
theme,
|
|
749
|
-
})), draggingBorders)), children: (_b = tableCellProps.children) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.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) ? (jsxRuntime.jsx(
|
|
839
|
+
})), draggingBorders)), children: (_b = tableCellProps.children) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.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) ? (jsxRuntime.jsx(Skeleton__default["default"], Object.assign({ animation: "wave", height: 20, width: skeletonWidth }, skeletonProps))) : enableRowNumbers &&
|
|
750
840
|
rowNumberMode === 'static' &&
|
|
751
841
|
column.id === 'mrt-row-numbers' ? (rowIndex + 1) : column.id === 'mrt-row-drag' ? (jsxRuntime.jsx(MRT_TableBodyRowGrabHandle, { row: row, rowRef: rowRef, table: table })) : columnDefType === 'display' &&
|
|
752
842
|
(column.id === 'mrt-row-select' ||
|
|
@@ -776,16 +866,16 @@ const MRT_TableDetailPanel = (_a) => {
|
|
|
776
866
|
row,
|
|
777
867
|
table,
|
|
778
868
|
})), rest);
|
|
779
|
-
return (jsxRuntime.jsx(
|
|
869
|
+
return (jsxRuntime.jsx(TableRow__default["default"], Object.assign({ className: "Mui-TableBodyCell-DetailPanel" }, tableRowProps, { sx: (theme) => {
|
|
780
870
|
var _a, _b;
|
|
781
871
|
return (Object.assign({ display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, position: virtualRow ? 'absolute' : undefined, top: virtualRow
|
|
782
872
|
? `${(_b = (_a = parentRowRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.height}px`
|
|
783
873
|
: undefined, transform: virtualRow
|
|
784
874
|
? `translateY(${virtualRow === null || virtualRow === void 0 ? void 0 : virtualRow.start}px)`
|
|
785
875
|
: undefined, width: '100%', zIndex: virtualRow ? 2 : undefined }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme)));
|
|
786
|
-
}, children: jsxRuntime.jsx(
|
|
876
|
+
}, children: jsxRuntime.jsx(TableCell__default["default"], Object.assign({ className: "Mui-TableBodyCell-DetailPanel", colSpan: getVisibleLeafColumns().length }, tableCellProps, { sx: (theme) => (Object.assign({ backgroundColor: virtualRow
|
|
787
877
|
? getMRTTheme(table, theme).baseBackgroundColor
|
|
788
|
-
: undefined, borderBottom: !row.getIsExpanded() ? 'none' : undefined, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, py: row.getIsExpanded() ? '1rem' : 0, transition: 'all 150ms ease-in-out', width: `${table.getTotalSize()}px` }, parseFromValuesOrFunc(tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx, theme))), children: renderDetailPanel && (jsxRuntime.jsx(
|
|
878
|
+
: undefined, borderBottom: !row.getIsExpanded() ? 'none' : undefined, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, py: row.getIsExpanded() ? '1rem' : 0, transition: 'all 150ms ease-in-out', width: `${table.getTotalSize()}px` }, parseFromValuesOrFunc(tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx, theme))), children: renderDetailPanel && (jsxRuntime.jsx(Collapse__default["default"], { in: row.getIsExpanded(), mountOnEnter: true, unmountOnExit: true, children: !isLoading && renderDetailPanel({ row, table }) })) })) })));
|
|
789
879
|
};
|
|
790
880
|
|
|
791
881
|
const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }) => {
|
|
@@ -826,7 +916,7 @@ const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, pinnedRo
|
|
|
826
916
|
};
|
|
827
917
|
const rowRef = react.useRef(null);
|
|
828
918
|
const { baseBackgroundColor, pinnedRowBackgroundColor, selectedRowBackgroundColor, } = getMRTTheme(table, theme);
|
|
829
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(
|
|
919
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(TableRow__default["default"], Object.assign({ "data-index": virtualRow === null || virtualRow === void 0 ? void 0 : virtualRow.index, "data-pinned": !!isPinned || undefined, "data-selected": row.getIsSelected() || undefined, onDragEnter: handleDragEnter, ref: (node) => {
|
|
830
920
|
if (node) {
|
|
831
921
|
rowRef.current = node;
|
|
832
922
|
measureElement === null || measureElement === void 0 ? void 0 : measureElement(node);
|
|
@@ -978,7 +1068,7 @@ const MRT_TableBody = (_a) => {
|
|
|
978
1068
|
? rowVirtualizer.getVirtualItems()
|
|
979
1069
|
: undefined;
|
|
980
1070
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!(rowPinningDisplayMode === null || rowPinningDisplayMode === void 0 ? void 0 : rowPinningDisplayMode.includes('sticky')) &&
|
|
981
|
-
getIsSomeRowsPinned('top') && (jsxRuntime.jsx(
|
|
1071
|
+
getIsSomeRowsPinned('top') && (jsxRuntime.jsx(TableBody__default["default"], Object.assign({}, tableBodyProps, { sx: (theme) => (Object.assign({ display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined, position: 'sticky', top: tableHeadHeight - 1, zIndex: 1 }, parseFromValuesOrFunc(tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx, theme))), children: getTopRows().map((row, rowIndex) => {
|
|
982
1072
|
const props = {
|
|
983
1073
|
columnVirtualizer,
|
|
984
1074
|
measureElement: rowVirtualizer === null || rowVirtualizer === void 0 ? void 0 : rowVirtualizer.measureElement,
|
|
@@ -991,13 +1081,13 @@ const MRT_TableBody = (_a) => {
|
|
|
991
1081
|
virtualPaddingRight,
|
|
992
1082
|
};
|
|
993
1083
|
return memoMode === 'rows' ? (jsxRuntime.jsx(Memo_MRT_TableBodyRow, Object.assign({}, props), row.id)) : (jsxRuntime.jsx(MRT_TableBodyRow, Object.assign({}, props), row.id));
|
|
994
|
-
}) }))), jsxRuntime.jsxs(
|
|
1084
|
+
}) }))), jsxRuntime.jsxs(TableBody__default["default"], Object.assign({}, tableBodyProps, { sx: (theme) => (Object.assign({ display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined, height: rowVirtualizer
|
|
995
1085
|
? `${rowVirtualizer.getTotalSize()}px`
|
|
996
1086
|
: 'inherit', minHeight: !rows.length ? '100px' : undefined, position: 'relative' }, parseFromValuesOrFunc(tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx, theme))), children: [creatingRow && createDisplayMode === 'row' && (jsxRuntime.jsx(MRT_TableBodyRow, { row: creatingRow, rowIndex: -1, table: table })), (_d = tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.children) !== null && _d !== void 0 ? _d : (!rows.length ? (jsxRuntime.jsx("tr", { style: {
|
|
997
1087
|
display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined,
|
|
998
1088
|
}, children: jsxRuntime.jsx("td", { colSpan: table.getVisibleLeafColumns().length, style: {
|
|
999
1089
|
display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined,
|
|
1000
|
-
}, children: (_e = renderEmptyRowsFallback === null || renderEmptyRowsFallback === void 0 ? void 0 : renderEmptyRowsFallback({ table })) !== null && _e !== void 0 ? _e : (jsxRuntime.jsx(
|
|
1090
|
+
}, children: (_e = renderEmptyRowsFallback === null || renderEmptyRowsFallback === void 0 ? void 0 : renderEmptyRowsFallback({ table })) !== null && _e !== void 0 ? _e : (jsxRuntime.jsx(Typography__default["default"], { sx: {
|
|
1001
1091
|
color: 'text.secondary',
|
|
1002
1092
|
fontStyle: 'italic',
|
|
1003
1093
|
maxWidth: `min(100vw, ${(_g = (_f = tablePaperRef.current) === null || _f === void 0 ? void 0 : _f.clientWidth) !== null && _g !== void 0 ? _g : 360}px)`,
|
|
@@ -1027,7 +1117,7 @@ const MRT_TableBody = (_a) => {
|
|
|
1027
1117
|
};
|
|
1028
1118
|
return memoMode === 'rows' ? (jsxRuntime.jsx(Memo_MRT_TableBodyRow, Object.assign({}, props), row.id)) : (jsxRuntime.jsx(MRT_TableBodyRow, Object.assign({}, props), row.id));
|
|
1029
1119
|
}) })))] })), !(rowPinningDisplayMode === null || rowPinningDisplayMode === void 0 ? void 0 : rowPinningDisplayMode.includes('sticky')) &&
|
|
1030
|
-
getIsSomeRowsPinned('bottom') && (jsxRuntime.jsx(
|
|
1120
|
+
getIsSomeRowsPinned('bottom') && (jsxRuntime.jsx(TableBody__default["default"], Object.assign({}, tableBodyProps, { sx: (theme) => (Object.assign({ bottom: tableFooterHeight - 1, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined, position: 'sticky', zIndex: 1 }, parseFromValuesOrFunc(tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx, theme))), children: getBottomRows().map((row, rowIndex) => {
|
|
1031
1121
|
const props = {
|
|
1032
1122
|
columnVirtualizer,
|
|
1033
1123
|
measureElement: rowVirtualizer === null || rowVirtualizer === void 0 ? void 0 : rowVirtualizer.measureElement,
|
|
@@ -1054,7 +1144,7 @@ const MRT_TableFooterCell = (_a) => {
|
|
|
1054
1144
|
const { columnDefType } = columnDef;
|
|
1055
1145
|
const args = { column, table };
|
|
1056
1146
|
const tableCellProps = Object.assign(Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTableFooterCellProps, args)), parseFromValuesOrFunc(columnDef.muiTableFooterCellProps, args)), rest);
|
|
1057
|
-
return (jsxRuntime.jsx(
|
|
1147
|
+
return (jsxRuntime.jsx(TableCell__default["default"], Object.assign({ align: columnDefType === 'group' ? 'center' : 'left', colSpan: footer.colSpan, variant: "head" }, tableCellProps, { sx: (theme) => (Object.assign(Object.assign({ display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined, fontWeight: 'bold', justifyContent: columnDefType === 'group' ? 'center' : undefined, p: density === 'compact'
|
|
1058
1148
|
? '0.5rem'
|
|
1059
1149
|
: density === 'comfortable'
|
|
1060
1150
|
? '1rem'
|
|
@@ -1085,7 +1175,7 @@ const MRT_TableFooterRow = (_a) => {
|
|
|
1085
1175
|
footerGroup,
|
|
1086
1176
|
table,
|
|
1087
1177
|
})), rest);
|
|
1088
|
-
return (jsxRuntime.jsxs(
|
|
1178
|
+
return (jsxRuntime.jsxs(TableRow__default["default"], Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: getMRTTheme(table, theme).baseBackgroundColor, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, width: '100%' }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme))), children: [virtualPaddingLeft ? (jsxRuntime.jsx("th", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : footerGroup.headers).map((footerOrVirtualFooter) => {
|
|
1089
1179
|
const footer = virtualColumns
|
|
1090
1180
|
? footerGroup.headers[footerOrVirtualFooter.index]
|
|
1091
1181
|
: footerOrVirtualFooter;
|
|
@@ -1101,7 +1191,7 @@ const MRT_TableFooter = (_a) => {
|
|
|
1101
1191
|
table,
|
|
1102
1192
|
})), rest);
|
|
1103
1193
|
const stickFooter = (isFullScreen || enableStickyFooter) && enableStickyFooter !== false;
|
|
1104
|
-
return (jsxRuntime.jsx(
|
|
1194
|
+
return (jsxRuntime.jsx(TableFooter__default["default"], Object.assign({}, tableFooterProps, { ref: (ref) => {
|
|
1105
1195
|
tableFooterRef.current = ref;
|
|
1106
1196
|
if (tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.ref) {
|
|
1107
1197
|
// @ts-ignore
|
|
@@ -1286,7 +1376,7 @@ const MRT_FilterOptionMenu = (_a) => {
|
|
|
1286
1376
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect();
|
|
1287
1377
|
};
|
|
1288
1378
|
const filterOption = !!header && columnDef ? columnDef._filterFn : globalFilterFn;
|
|
1289
|
-
return (jsxRuntime.jsx(
|
|
1379
|
+
return (jsxRuntime.jsx(Menu__default["default"], Object.assign({ MenuListProps: {
|
|
1290
1380
|
dense: density === 'compact',
|
|
1291
1381
|
}, anchorEl: anchorEl, anchorOrigin: { horizontal: 'right', vertical: 'center' }, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: (_e = (header && column && columnDef
|
|
1292
1382
|
? (_d = (_c = columnDef.renderColumnFilterModeMenuItems) === null || _c === void 0 ? void 0 : _c.call(columnDef, {
|
|
@@ -1304,13 +1394,13 @@ const MRT_FilterOptionMenu = (_a) => {
|
|
|
1304
1394
|
internalFilterOptions,
|
|
1305
1395
|
onSelectFilterMode: handleSelectFilterMode,
|
|
1306
1396
|
table,
|
|
1307
|
-
}))) !== null && _e !== void 0 ? _e : internalFilterOptions.map(({ divider, label, option, symbol }, index) => (jsxRuntime.jsxs(
|
|
1397
|
+
}))) !== null && _e !== void 0 ? _e : internalFilterOptions.map(({ divider, label, option, symbol }, index) => (jsxRuntime.jsxs(MenuItem__default["default"], { divider: divider, onClick: () => handleSelectFilterMode(option), selected: option === filterOption, sx: {
|
|
1308
1398
|
alignItems: 'center',
|
|
1309
1399
|
display: 'flex',
|
|
1310
1400
|
gap: '2ch',
|
|
1311
1401
|
my: 0,
|
|
1312
1402
|
py: '6px',
|
|
1313
|
-
}, value: option, children: [jsxRuntime.jsx(
|
|
1403
|
+
}, value: option, children: [jsxRuntime.jsx(Box__default["default"], { sx: { fontSize: '1.25rem', width: '2ch' }, children: symbol }), label] }, index))) })));
|
|
1314
1404
|
};
|
|
1315
1405
|
|
|
1316
1406
|
const commonMenuItemStyles = {
|
|
@@ -1389,48 +1479,48 @@ const MRT_ColumnActionMenu = (_a) => {
|
|
|
1389
1479
|
const internalColumnMenuItems = [
|
|
1390
1480
|
...(enableSorting && column.getCanSort()
|
|
1391
1481
|
? [
|
|
1392
|
-
enableSortingRemoval !== false && (jsxRuntime.jsx(
|
|
1393
|
-
jsxRuntime.jsx(
|
|
1394
|
-
jsxRuntime.jsx(
|
|
1482
|
+
enableSortingRemoval !== false && (jsxRuntime.jsx(MenuItem__default["default"], { disabled: !column.getIsSorted(), onClick: handleClearSort, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(ClearAllIcon, {}) }), localization.clearSort] }) }, 0)),
|
|
1483
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: column.getIsSorted() === 'asc', onClick: handleSortAsc, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(SortIcon, { style: { transform: 'rotate(180deg) scaleX(-1)' } }) }), (_c = localization.sortByColumnAsc) === null || _c === void 0 ? void 0 : _c.replace('{column}', String(columnDef.header))] }) }, 1),
|
|
1484
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: column.getIsSorted() === 'desc', divider: enableColumnFilters || enableGrouping || enableHiding, onClick: handleSortDesc, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(SortIcon, {}) }), (_d = localization.sortByColumnDesc) === null || _d === void 0 ? void 0 : _d.replace('{column}', String(columnDef.header))] }) }, 2),
|
|
1395
1485
|
]
|
|
1396
1486
|
: []),
|
|
1397
1487
|
...(enableColumnFilters && column.getCanFilter()
|
|
1398
1488
|
? [
|
|
1399
|
-
jsxRuntime.jsx(
|
|
1489
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: !columnFilterValue ||
|
|
1400
1490
|
(Array.isArray(columnFilterValue) &&
|
|
1401
|
-
!columnFilterValue.filter((value) => value).length), onClick: handleClearFilter, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(
|
|
1402
|
-
columnFilterDisplayMode === 'subheader' && (jsxRuntime.jsxs(
|
|
1491
|
+
!columnFilterValue.filter((value) => value).length), onClick: handleClearFilter, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(FilterListOffIcon, {}) }), localization.clearFilter] }) }, 3),
|
|
1492
|
+
columnFilterDisplayMode === 'subheader' && (jsxRuntime.jsxs(MenuItem__default["default"], { disabled: showColumnFilters && !enableColumnFilterModes, divider: enableGrouping || enableHiding, onClick: showColumnFilters
|
|
1403
1493
|
? handleOpenFilterModeMenu
|
|
1404
|
-
: handleFilterByColumn, sx: commonMenuItemStyles, children: [jsxRuntime.jsxs(
|
|
1494
|
+
: handleFilterByColumn, sx: commonMenuItemStyles, children: [jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(FilterListIcon, {}) }), (_e = localization.filterByColumn) === null || _e === void 0 ? void 0 : _e.replace('{column}', String(columnDef.header))] }), showFilterModeSubMenu && (jsxRuntime.jsx(IconButton__default["default"], { onClick: handleOpenFilterModeMenu, onMouseEnter: handleOpenFilterModeMenu, size: "small", sx: { p: 0 }, children: jsxRuntime.jsx(ArrowRightIcon, {}) }))] }, 4)),
|
|
1405
1495
|
showFilterModeSubMenu && (jsxRuntime.jsx(MRT_FilterOptionMenu, { anchorEl: filterMenuAnchorEl, header: header, onSelect: handleFilterByColumn, setAnchorEl: setFilterMenuAnchorEl, table: table }, 5)),
|
|
1406
1496
|
].filter(Boolean)
|
|
1407
1497
|
: []),
|
|
1408
1498
|
...(enableGrouping && column.getCanGroup()
|
|
1409
1499
|
? [
|
|
1410
|
-
jsxRuntime.jsx(
|
|
1500
|
+
jsxRuntime.jsx(MenuItem__default["default"], { divider: enableColumnPinning, onClick: handleGroupByColumn, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(DynamicFeedIcon, {}) }), (_f = localization[column.getIsGrouped() ? 'ungroupByColumn' : 'groupByColumn']) === null || _f === void 0 ? void 0 : _f.replace('{column}', String(columnDef.header))] }) }, 6),
|
|
1411
1501
|
]
|
|
1412
1502
|
: []),
|
|
1413
1503
|
...(enableColumnPinning && column.getCanPin()
|
|
1414
1504
|
? [
|
|
1415
|
-
jsxRuntime.jsx(
|
|
1416
|
-
jsxRuntime.jsx(
|
|
1417
|
-
jsxRuntime.jsx(
|
|
1505
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: column.getIsPinned() === 'left' || !column.getCanPin(), onClick: () => handlePinColumn('left'), sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(PushPinIcon, { style: { transform: 'rotate(90deg)' } }) }), localization.pinToLeft] }) }, 7),
|
|
1506
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: column.getIsPinned() === 'right' || !column.getCanPin(), onClick: () => handlePinColumn('right'), sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(PushPinIcon, { style: { transform: 'rotate(-90deg)' } }) }), localization.pinToRight] }) }, 8),
|
|
1507
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: !column.getIsPinned(), divider: enableHiding, onClick: () => handlePinColumn(false), sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(PushPinIcon, {}) }), localization.unpin] }) }, 9),
|
|
1418
1508
|
]
|
|
1419
1509
|
: []),
|
|
1420
1510
|
...(enableColumnResizing && column.getCanResize()
|
|
1421
1511
|
? [
|
|
1422
|
-
jsxRuntime.jsx(
|
|
1512
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: !columnSizing[column.id], onClick: handleResetColumnSize, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(RestartAltIcon, {}) }), localization.resetColumnSize] }) }, 10),
|
|
1423
1513
|
]
|
|
1424
1514
|
: []),
|
|
1425
1515
|
...(enableHiding
|
|
1426
1516
|
? [
|
|
1427
|
-
jsxRuntime.jsx(
|
|
1428
|
-
jsxRuntime.jsx(
|
|
1429
|
-
.length, onClick: handleShowAllColumns, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(
|
|
1517
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: !column.getCanHide(), onClick: handleHideColumn, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(VisibilityOffIcon, {}) }), (_g = localization.hideColumn) === null || _g === void 0 ? void 0 : _g.replace('{column}', String(columnDef.header))] }) }, 11),
|
|
1518
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: !Object.values(columnVisibility).filter((visible) => !visible)
|
|
1519
|
+
.length, onClick: handleShowAllColumns, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(ViewColumnIcon, {}) }), (_h = localization.showAllColumns) === null || _h === void 0 ? void 0 : _h.replace('{column}', String(columnDef.header))] }) }, 12),
|
|
1430
1520
|
]
|
|
1431
1521
|
: []),
|
|
1432
1522
|
].filter(Boolean);
|
|
1433
|
-
return (jsxRuntime.jsx(
|
|
1523
|
+
return (jsxRuntime.jsx(Menu__default["default"], Object.assign({ MenuListProps: {
|
|
1434
1524
|
dense: density === 'compact',
|
|
1435
1525
|
}, anchorEl: anchorEl, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: (_l = (_k = (_j = columnDef.renderColumnActionsMenuItems) === null || _j === void 0 ? void 0 : _j.call(columnDef, {
|
|
1436
1526
|
closeMenu: () => setAnchorEl(null),
|
|
@@ -1464,7 +1554,7 @@ const MRT_TableHeadCellColumnActionsButton = (_a) => {
|
|
|
1464
1554
|
column,
|
|
1465
1555
|
table,
|
|
1466
1556
|
})), rest);
|
|
1467
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(
|
|
1557
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip__default["default"], { enterDelay: 1000, enterNextDelay: 1000, placement: "top", title: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _b !== void 0 ? _b : localization.columnActions, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.columnActions, onClick: handleClick, size: "small" }, iconButtonProps, { sx: (theme) => (Object.assign({ '&:hover': {
|
|
1468
1558
|
opacity: 1,
|
|
1469
1559
|
}, height: '2rem', m: '-8px -4px', opacity: 0.3, transition: 'all 150ms', width: '2rem' }, parseFromValuesOrFunc(iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx, theme))), title: undefined, children: jsxRuntime.jsx(MoreVertIcon, { style: { transform: 'scale(0.9)' } }) })) }), anchorEl && (jsxRuntime.jsx(MRT_ColumnActionMenu, { anchorEl: anchorEl, header: header, setAnchorEl: setAnchorEl, table: table }))] }));
|
|
1470
1560
|
};
|
|
@@ -1483,7 +1573,7 @@ const MRT_FilterCheckbox = (_a) => {
|
|
|
1483
1573
|
table,
|
|
1484
1574
|
})), rest);
|
|
1485
1575
|
const filterLabel = (_b = localization.filterByColumn) === null || _b === void 0 ? void 0 : _b.replace('{column}', columnDef.header);
|
|
1486
|
-
return (jsxRuntime.jsx(
|
|
1576
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { enterDelay: 1000, enterNextDelay: 1000, title: (_c = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.title) !== null && _c !== void 0 ? _c : filterLabel, children: jsxRuntime.jsx(FormControlLabel__default["default"], { control: jsxRuntime.jsx(Checkbox__default["default"], Object.assign({ checked: column.getFilterValue() === 'true', color: column.getFilterValue() === undefined ? 'default' : 'primary', indeterminate: column.getFilterValue() === undefined, size: density === 'compact' ? 'small' : 'medium' }, checkboxProps, { onChange: (e, checked) => {
|
|
1487
1577
|
var _a;
|
|
1488
1578
|
column.setFilterValue(column.getFilterValue() === undefined
|
|
1489
1579
|
? 'true'
|
|
@@ -1641,12 +1731,12 @@ const MRT_FilterTextField = (_a) => {
|
|
|
1641
1731
|
isMultiSelectFilter,
|
|
1642
1732
|
isSelectFilter,
|
|
1643
1733
|
]);
|
|
1644
|
-
const endAdornment = !isAutocompleteFilter && !isDateFilter && !filterChipLabel ? (jsxRuntime.jsx(
|
|
1734
|
+
const endAdornment = !isAutocompleteFilter && !isDateFilter && !filterChipLabel ? (jsxRuntime.jsx(InputAdornment__default["default"], { position: "end", sx: { mr: isSelectFilter || isMultiSelectFilter ? '20px' : undefined }, children: jsxRuntime.jsx(Tooltip__default["default"], { placement: "right", title: (_j = localization.clearFilter) !== null && _j !== void 0 ? _j : '', children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.clearFilter, disabled: !((_k = filterValue === null || filterValue === void 0 ? void 0 : filterValue.toString()) === null || _k === void 0 ? void 0 : _k.length), onClick: handleClear, size: "small", sx: {
|
|
1645
1735
|
height: '2rem',
|
|
1646
1736
|
transform: 'scale(0.9)',
|
|
1647
1737
|
width: '2rem',
|
|
1648
1738
|
}, children: jsxRuntime.jsx(CloseIcon, {}) }) }) }) })) : null;
|
|
1649
|
-
const startAdornment = showChangeModeButton ? (jsxRuntime.jsxs(
|
|
1739
|
+
const startAdornment = showChangeModeButton ? (jsxRuntime.jsxs(InputAdornment__default["default"], { position: "start", children: [jsxRuntime.jsx(Tooltip__default["default"], { title: localization.changeFilterMode, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.changeFilterMode, onClick: handleFilterMenuOpen, size: "small", sx: { height: '1.75rem', width: '1.75rem' }, children: jsxRuntime.jsx(FilterListIcon, {}) }) }) }), filterChipLabel && (jsxRuntime.jsx(Chip__default["default"], { label: filterChipLabel, onDelete: handleClearEmptyFilterChip }))] })) : null;
|
|
1650
1740
|
const commonTextFieldProps = Object.assign(Object.assign({ FormHelperTextProps: {
|
|
1651
1741
|
sx: {
|
|
1652
1742
|
fontSize: '0.75rem',
|
|
@@ -1688,24 +1778,24 @@ const MRT_FilterTextField = (_a) => {
|
|
|
1688
1778
|
}, value: filterValue || null }, datePickerProps, { slotProps: {
|
|
1689
1779
|
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),
|
|
1690
1780
|
textField: Object.assign(Object.assign({}, commonTextFieldProps), (_o = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.slotProps) === null || _o === void 0 ? void 0 : _o.textField),
|
|
1691
|
-
} }))) : isAutocompleteFilter ? (jsxRuntime.jsx(
|
|
1781
|
+
} }))) : isAutocompleteFilter ? (jsxRuntime.jsx(Autocomplete__default["default"], Object.assign({ freeSolo: true, getOptionLabel: (option) => option, onChange: (_e, newValue) => handleChange(newValue), options: dropdownOptions !== null && dropdownOptions !== void 0 ? dropdownOptions : [] }, autocompleteProps, { renderInput: (builtinTextFieldProps) => {
|
|
1692
1782
|
var _a;
|
|
1693
|
-
return (jsxRuntime.jsx(
|
|
1694
|
-
}, value: filterValue }))) : (jsxRuntime.jsx(
|
|
1783
|
+
return (jsxRuntime.jsx(TextField__default["default"], 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 })));
|
|
1784
|
+
}, value: filterValue }))) : (jsxRuntime.jsx(TextField__default["default"], Object.assign({ SelectProps: {
|
|
1695
1785
|
displayEmpty: true,
|
|
1696
1786
|
multiple: isMultiSelectFilter,
|
|
1697
1787
|
renderValue: isMultiSelectFilter
|
|
1698
|
-
? (selected) => !(selected === null || selected === void 0 ? void 0 : selected.length) ? (jsxRuntime.jsx(
|
|
1788
|
+
? (selected) => !(selected === null || selected === void 0 ? void 0 : selected.length) ? (jsxRuntime.jsx(Box__default["default"], { sx: { opacity: 0.5 }, children: filterPlaceholder })) : (jsxRuntime.jsx(Box__default["default"], { sx: { display: 'flex', flexWrap: 'wrap', gap: '2px' }, children: selected === null || selected === void 0 ? void 0 : selected.map((value) => {
|
|
1699
1789
|
const selectedValue = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.find((option) => option instanceof Object
|
|
1700
1790
|
? option.value === value
|
|
1701
1791
|
: option === value);
|
|
1702
|
-
return (jsxRuntime.jsx(
|
|
1792
|
+
return (jsxRuntime.jsx(Chip__default["default"], { label: selectedValue instanceof Object
|
|
1703
1793
|
? selectedValue.text
|
|
1704
1794
|
: selectedValue }, value));
|
|
1705
1795
|
}) }))
|
|
1706
1796
|
: undefined,
|
|
1707
1797
|
}, onChange: handleTextFieldChange, select: isSelectFilter || isMultiSelectFilter }, commonTextFieldProps, { value: filterValue !== null && filterValue !== void 0 ? filterValue : '', children: (isSelectFilter || isMultiSelectFilter) && [
|
|
1708
|
-
jsxRuntime.jsx(
|
|
1798
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: true, divider: true, hidden: true, value: "", children: jsxRuntime.jsx(Box__default["default"], { sx: { opacity: 0.5 }, children: filterPlaceholder }) }, "p"),
|
|
1709
1799
|
...[
|
|
1710
1800
|
(_p = textFieldProps.children) !== null && _p !== void 0 ? _p : dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((option, index) => {
|
|
1711
1801
|
var _a;
|
|
@@ -1721,12 +1811,12 @@ const MRT_FilterTextField = (_a) => {
|
|
|
1721
1811
|
value = option.value;
|
|
1722
1812
|
text = option.text;
|
|
1723
1813
|
}
|
|
1724
|
-
return (jsxRuntime.jsxs(
|
|
1814
|
+
return (jsxRuntime.jsxs(MenuItem__default["default"], { sx: {
|
|
1725
1815
|
alignItems: 'center',
|
|
1726
1816
|
display: 'flex',
|
|
1727
1817
|
gap: '0.5rem',
|
|
1728
1818
|
m: 0,
|
|
1729
|
-
}, value: value, children: [isMultiSelectFilter && (jsxRuntime.jsx(
|
|
1819
|
+
}, value: value, children: [isMultiSelectFilter && (jsxRuntime.jsx(Checkbox__default["default"], { checked: ((_a = column.getFilterValue()) !== null && _a !== void 0 ? _a : []).includes(value), sx: { mr: '0.5rem' } })), text, ' ', !columnDef.filterSelectOptions &&
|
|
1730
1820
|
`(${facetedUniqueValues.get(value)})`] }, `${index}-${value}`));
|
|
1731
1821
|
}),
|
|
1732
1822
|
],
|
|
@@ -1735,7 +1825,7 @@ const MRT_FilterTextField = (_a) => {
|
|
|
1735
1825
|
|
|
1736
1826
|
const MRT_FilterRangeFields = (_a) => {
|
|
1737
1827
|
var { header, table } = _a, rest = __rest(_a, ["header", "table"]);
|
|
1738
|
-
return (jsxRuntime.jsxs(
|
|
1828
|
+
return (jsxRuntime.jsxs(Box__default["default"], Object.assign({}, rest, { sx: (theme) => (Object.assign({ display: 'grid', gap: '1rem', gridTemplateColumns: '1fr 1fr' }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: [jsxRuntime.jsx(MRT_FilterTextField, { header: header, rangeFilterIndex: 0, table: table }), jsxRuntime.jsx(MRT_FilterTextField, { header: header, rangeFilterIndex: 1, table: table })] })));
|
|
1739
1829
|
};
|
|
1740
1830
|
|
|
1741
1831
|
const MRT_FilterRangeSlider = (_a) => {
|
|
@@ -1773,7 +1863,7 @@ const MRT_FilterRangeSlider = (_a) => {
|
|
|
1773
1863
|
}
|
|
1774
1864
|
isMounted.current = true;
|
|
1775
1865
|
}, [columnFilterValue, min, max]);
|
|
1776
|
-
return (jsxRuntime.jsxs(
|
|
1866
|
+
return (jsxRuntime.jsxs(Stack__default["default"], { children: [jsxRuntime.jsx(Slider__default["default"], Object.assign({ disableSwap: true, max: max, min: min, onChange: (_event, values) => {
|
|
1777
1867
|
setFilterValues(values);
|
|
1778
1868
|
}, onChangeCommitted: (_event, value) => {
|
|
1779
1869
|
if (Array.isArray(value)) {
|
|
@@ -1799,7 +1889,7 @@ const MRT_FilterRangeSlider = (_a) => {
|
|
|
1799
1889
|
}
|
|
1800
1890
|
},
|
|
1801
1891
|
},
|
|
1802
|
-
}, sx: (theme) => (Object.assign({ m: 'auto', mt: !showChangeModeButton ? '10px' : '6px', px: '4px', width: 'calc(100% - 8px)' }, parseFromValuesOrFunc(sliderProps === null || sliderProps === void 0 ? void 0 : sliderProps.sx, theme))) })), showChangeModeButton ? (jsxRuntime.jsx(
|
|
1892
|
+
}, sx: (theme) => (Object.assign({ m: 'auto', mt: !showChangeModeButton ? '10px' : '6px', px: '4px', width: 'calc(100% - 8px)' }, parseFromValuesOrFunc(sliderProps === null || sliderProps === void 0 ? void 0 : sliderProps.sx, theme))) })), showChangeModeButton ? (jsxRuntime.jsx(FormHelperText__default["default"], { sx: {
|
|
1803
1893
|
fontSize: '0.75rem',
|
|
1804
1894
|
lineHeight: '0.8rem',
|
|
1805
1895
|
m: '-3px -6px',
|
|
@@ -1817,7 +1907,7 @@ const MRT_TableHeadCellFilterContainer = (_a) => {
|
|
|
1817
1907
|
const { showColumnFilters } = getState();
|
|
1818
1908
|
const { column } = header;
|
|
1819
1909
|
const { columnDef } = column;
|
|
1820
|
-
return (jsxRuntime.jsx(
|
|
1910
|
+
return (jsxRuntime.jsx(Collapse__default["default"], Object.assign({ in: showColumnFilters || columnFilterDisplayMode === 'popover', mountOnEnter: true, unmountOnExit: true }, rest, { children: columnDef.filterVariant === 'checkbox' ? (jsxRuntime.jsx(MRT_FilterCheckbox, { column: column, table: table })) : columnDef.filterVariant === 'range-slider' ? (jsxRuntime.jsx(MRT_FilterRangeSlider, { header: header, table: table })) : ((_b = columnDef.filterVariant) === null || _b === void 0 ? void 0 : _b.includes('range')) ||
|
|
1821
1911
|
['between', 'betweenInclusive', 'inNumberRange'].includes(columnDef._filterFn) ? (jsxRuntime.jsx(MRT_FilterRangeFields, { header: header, table: table })) : (jsxRuntime.jsx(MRT_FilterTextField, { header: header, table: table })) })));
|
|
1822
1912
|
};
|
|
1823
1913
|
|
|
@@ -1847,10 +1937,10 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
|
|
|
1847
1937
|
? filterValue.join(`" ${isRangeFilter ? localization.and : localization.or} "`)
|
|
1848
1938
|
: filterValue}"`)
|
|
1849
1939
|
.replace('" "', '');
|
|
1850
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(
|
|
1940
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Grow__default["default"], { in: columnFilterDisplayMode === 'popover' ||
|
|
1851
1941
|
(!!filterValue && !isRangeFilter) ||
|
|
1852
1942
|
(isRangeFilter && // @ts-ignore
|
|
1853
|
-
(!!(filterValue === null || filterValue === void 0 ? void 0 : filterValue[0]) || !!(filterValue === null || filterValue === void 0 ? void 0 : filterValue[1]))), unmountOnExit: true, children: jsxRuntime.jsx(
|
|
1943
|
+
(!!(filterValue === null || filterValue === void 0 ? void 0 : filterValue[0]) || !!(filterValue === null || filterValue === void 0 ? void 0 : filterValue[1]))), unmountOnExit: true, children: jsxRuntime.jsx(Box__default["default"], { component: "span", sx: { flex: '0 0' }, children: jsxRuntime.jsx(Tooltip__default["default"], { placement: "top", title: filterTooltip, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ disableRipple: true, onClick: (event) => {
|
|
1854
1944
|
if (columnFilterDisplayMode === 'popover') {
|
|
1855
1945
|
setAnchorEl(event.currentTarget);
|
|
1856
1946
|
}
|
|
@@ -1863,7 +1953,7 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
|
|
|
1863
1953
|
(_b = filterInputRefs.current[`${column.id}-0`]) === null || _b === void 0 ? void 0 : _b.select();
|
|
1864
1954
|
});
|
|
1865
1955
|
event.stopPropagation();
|
|
1866
|
-
}, size: "small" }, rest, { sx: (theme) => (Object.assign({ height: '16px', ml: '4px', opacity: isFilterActive ? 1 : 0.3, p: '8px', transform: 'scale(0.75)', transition: 'all 150ms ease-in-out', width: '16px' }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: jsxRuntime.jsx(FilterAltIcon, {}) })) }) }) }), jsxRuntime.jsx(
|
|
1956
|
+
}, size: "small" }, rest, { sx: (theme) => (Object.assign({ height: '16px', ml: '4px', opacity: isFilterActive ? 1 : 0.3, p: '8px', transform: 'scale(0.75)', transition: 'all 150ms ease-in-out', width: '16px' }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: jsxRuntime.jsx(FilterAltIcon, {}) })) }) }) }), jsxRuntime.jsx(Popover__default["default"], { anchorEl: anchorEl, anchorOrigin: {
|
|
1867
1957
|
horizontal: 'center',
|
|
1868
1958
|
vertical: 'top',
|
|
1869
1959
|
}, onClick: (event) => event.stopPropagation(), onClose: (event) => {
|
|
@@ -1873,7 +1963,7 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
|
|
|
1873
1963
|
}, onKeyDown: (event) => event.key === 'Enter' && setAnchorEl(null), open: !!anchorEl, transformOrigin: {
|
|
1874
1964
|
horizontal: 'center',
|
|
1875
1965
|
vertical: 'bottom',
|
|
1876
|
-
}, children: jsxRuntime.jsx(
|
|
1966
|
+
}, children: jsxRuntime.jsx(Box__default["default"], { sx: { p: '1rem' }, children: jsxRuntime.jsx(MRT_TableHeadCellFilterContainer, { header: header, table: table }) }) })] }));
|
|
1877
1967
|
};
|
|
1878
1968
|
|
|
1879
1969
|
const MRT_TableHeadCellGrabHandle = (_a) => {
|
|
@@ -1914,7 +2004,7 @@ const MRT_TableHeadCellResizeHandle = (_a) => {
|
|
|
1914
2004
|
const { getState, options: { columnResizeMode }, setColumnSizingInfo, } = table;
|
|
1915
2005
|
const { density } = getState();
|
|
1916
2006
|
const { column } = header;
|
|
1917
|
-
return (jsxRuntime.jsx(
|
|
2007
|
+
return (jsxRuntime.jsx(Box__default["default"], { className: "Mui-TableHeadCell-ResizeHandle-Wrapper", onDoubleClick: () => {
|
|
1918
2008
|
setColumnSizingInfo((old) => (Object.assign(Object.assign({}, old), { isResizingColumn: false })));
|
|
1919
2009
|
column.resetSize();
|
|
1920
2010
|
}, onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), style: {
|
|
@@ -1935,7 +2025,7 @@ const MRT_TableHeadCellResizeHandle = (_a) => {
|
|
|
1935
2025
|
position: 'absolute',
|
|
1936
2026
|
px: '4px',
|
|
1937
2027
|
right: column.columnDef.columnDefType === 'display' ? '4px' : '0',
|
|
1938
|
-
}), children: jsxRuntime.jsx(
|
|
2028
|
+
}), children: jsxRuntime.jsx(Divider__default["default"], { className: "Mui-TableHeadCell-ResizeHandle-Divider", flexItem: true, orientation: "vertical", sx: (theme) => (Object.assign({ borderRadius: '2px', borderWidth: '2px', height: '24px', touchAction: 'none', transition: column.getIsResizing()
|
|
1939
2029
|
? undefined
|
|
1940
2030
|
: 'all 150ms ease-in-out', userSelect: 'none', zIndex: 4 }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))) }) }));
|
|
1941
2031
|
};
|
|
@@ -1956,7 +2046,7 @@ const MRT_TableHeadCellSortLabel = (_a) => {
|
|
|
1956
2046
|
: column.getNextSortingOrder() === 'desc'
|
|
1957
2047
|
? localization.sortByColumnDesc.replace('{column}', columnDef.header)
|
|
1958
2048
|
: localization.sortByColumnAsc.replace('{column}', columnDef.header);
|
|
1959
|
-
return (jsxRuntime.jsx(
|
|
2049
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { placement: "top", title: sortTooltip, children: jsxRuntime.jsx(Badge__default["default"], { badgeContent: sorting.length > 1 ? column.getSortIndex() + 1 : 0, overlap: "circular", children: jsxRuntime.jsx(TableSortLabel__default["default"], Object.assign({ IconComponent: !isSorted
|
|
1960
2050
|
? (props) => (jsxRuntime.jsx(SyncAltIcon, Object.assign({}, props, { style: {
|
|
1961
2051
|
transform: 'rotate(-90deg) scaleX(0.9) translateX(-1px)',
|
|
1962
2052
|
} })))
|
|
@@ -2038,7 +2128,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
|
2038
2128
|
header,
|
|
2039
2129
|
table,
|
|
2040
2130
|
})) !== null && _b !== void 0 ? _b : columnDef.header;
|
|
2041
|
-
return (jsxRuntime.jsxs(
|
|
2131
|
+
return (jsxRuntime.jsxs(TableCell__default["default"], Object.assign({ align: columnDefType === 'group' ? 'center' : 'left', colSpan: header.colSpan, onDragEnter: handleDragEnter, ref: (node) => {
|
|
2042
2132
|
if (node) {
|
|
2043
2133
|
tableHeadCellRefs.current[column.id] = node;
|
|
2044
2134
|
}
|
|
@@ -2074,7 +2164,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
|
2074
2164
|
theme,
|
|
2075
2165
|
})), draggingBorders)), children: [header.isPlaceholder
|
|
2076
2166
|
? null
|
|
2077
|
-
: (_c = tableCellProps.children) !== null && _c !== void 0 ? _c : (jsxRuntime.jsxs(
|
|
2167
|
+
: (_c = tableCellProps.children) !== null && _c !== void 0 ? _c : (jsxRuntime.jsxs(Box__default["default"], { className: "Mui-TableHeadCell-Content", sx: {
|
|
2078
2168
|
alignItems: 'center',
|
|
2079
2169
|
display: 'flex',
|
|
2080
2170
|
flexDirection: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) === 'right' ? 'row-reverse' : 'row',
|
|
@@ -2086,7 +2176,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
|
2086
2176
|
: 'flex-start',
|
|
2087
2177
|
position: 'relative',
|
|
2088
2178
|
width: '100%',
|
|
2089
|
-
}, children: [jsxRuntime.jsxs(
|
|
2179
|
+
}, children: [jsxRuntime.jsxs(Box__default["default"], { className: "Mui-TableHeadCell-Content-Labels", onClick: column.getToggleSortingHandler(), sx: {
|
|
2090
2180
|
alignItems: 'center',
|
|
2091
2181
|
cursor: column.getCanSort() && columnDefType !== 'group'
|
|
2092
2182
|
? 'pointer'
|
|
@@ -2097,7 +2187,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
|
2097
2187
|
pl: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) === 'center'
|
|
2098
2188
|
? `${headerPL}rem`
|
|
2099
2189
|
: undefined,
|
|
2100
|
-
}, children: [jsxRuntime.jsx(
|
|
2190
|
+
}, children: [jsxRuntime.jsx(Box__default["default"], { className: "Mui-TableHeadCell-Content-Wrapper", sx: {
|
|
2101
2191
|
'&:hover': {
|
|
2102
2192
|
textOverflow: 'clip',
|
|
2103
2193
|
},
|
|
@@ -2107,7 +2197,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
|
2107
2197
|
whiteSpace: ((_h = (_g = columnDef.header) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : 0) < 20
|
|
2108
2198
|
? 'nowrap'
|
|
2109
2199
|
: 'normal',
|
|
2110
|
-
}, title: columnDefType === 'data' ? columnDef.header : undefined, children: headerElement }), column.getCanFilter() && (jsxRuntime.jsx(MRT_TableHeadCellFilterLabel, { header: header, table: table })), column.getCanSort() && (jsxRuntime.jsx(MRT_TableHeadCellSortLabel, { header: header, table: table }))] }), columnDefType !== 'group' && (jsxRuntime.jsxs(
|
|
2200
|
+
}, title: columnDefType === 'data' ? columnDef.header : undefined, children: headerElement }), column.getCanFilter() && (jsxRuntime.jsx(MRT_TableHeadCellFilterLabel, { header: header, table: table })), column.getCanSort() && (jsxRuntime.jsx(MRT_TableHeadCellSortLabel, { header: header, table: table }))] }), columnDefType !== 'group' && (jsxRuntime.jsxs(Box__default["default"], { className: "Mui-TableHeadCell-Content-Actions", sx: { whiteSpace: 'nowrap' }, children: [showDragHandle && (jsxRuntime.jsx(MRT_TableHeadCellGrabHandle, { column: column, table: table, tableHeadCellRef: {
|
|
2111
2201
|
current: tableHeadCellRefs.current[column.id],
|
|
2112
2202
|
} })), showColumnActions && (jsxRuntime.jsx(MRT_TableHeadCellColumnActionsButton, { header: header, table: table }))] })), column.getCanResize() && (jsxRuntime.jsx(MRT_TableHeadCellResizeHandle, { header: header, table: table }))] })), columnFilterDisplayMode === 'subheader' && column.getCanFilter() && (jsxRuntime.jsx(MRT_TableHeadCellFilterContainer, { header: header, table: table }))] })));
|
|
2113
2203
|
};
|
|
@@ -2119,7 +2209,7 @@ const MRT_TableHeadRow = (_a) => {
|
|
|
2119
2209
|
headerGroup,
|
|
2120
2210
|
table,
|
|
2121
2211
|
})), { rest });
|
|
2122
|
-
return (jsxRuntime.jsxs(
|
|
2212
|
+
return (jsxRuntime.jsxs(TableRow__default["default"], Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: getMRTTheme(table, theme).baseBackgroundColor, boxShadow: `4px 0 8px ${material.alpha(theme.palette.common.black, 0.1)}`, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, top: 0 }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme))), children: [virtualPaddingLeft ? (jsxRuntime.jsx("th", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : headerGroup.headers).map((headerOrVirtualHeader) => {
|
|
2123
2213
|
const header = virtualColumns
|
|
2124
2214
|
? headerGroup.headers[headerOrVirtualHeader.index]
|
|
2125
2215
|
: headerOrVirtualHeader;
|
|
@@ -2135,12 +2225,12 @@ const MRT_LinearProgressBar = (_a) => {
|
|
|
2135
2225
|
isTopToolbar,
|
|
2136
2226
|
table,
|
|
2137
2227
|
})), rest);
|
|
2138
|
-
return (jsxRuntime.jsx(
|
|
2228
|
+
return (jsxRuntime.jsx(Collapse__default["default"], { in: showProgressBars !== false && (showProgressBars || isSaving), mountOnEnter: true, sx: {
|
|
2139
2229
|
bottom: isTopToolbar ? 0 : undefined,
|
|
2140
2230
|
position: 'absolute',
|
|
2141
2231
|
top: !isTopToolbar ? 0 : undefined,
|
|
2142
2232
|
width: '100%',
|
|
2143
|
-
}, unmountOnExit: true, children: jsxRuntime.jsx(
|
|
2233
|
+
}, unmountOnExit: true, children: jsxRuntime.jsx(LinearProgress__default["default"], Object.assign({ "aria-busy": "true", "aria-label": "Loading", sx: { position: 'relative' } }, linearProgressProps)) }));
|
|
2144
2234
|
};
|
|
2145
2235
|
|
|
2146
2236
|
const defaultRowsPerPage = [5, 10, 15, 20, 25, 30, 50, 100];
|
|
@@ -2157,7 +2247,7 @@ const MRT_TablePagination = (_a) => {
|
|
|
2157
2247
|
const firstRowIndex = pageIndex * pageSize;
|
|
2158
2248
|
const lastRowIndex = Math.min(pageIndex * pageSize + pageSize, totalRowCount);
|
|
2159
2249
|
const _b = paginationProps !== null && paginationProps !== void 0 ? paginationProps : {}, { rowsPerPageOptions = defaultRowsPerPage, showFirstButton = showFirstLastPageButtons, showLastButton = showFirstLastPageButtons, showRowsPerPage = true } = _b, _rest = __rest(_b, ["rowsPerPageOptions", "showFirstButton", "showLastButton", "showRowsPerPage"]);
|
|
2160
|
-
return (jsxRuntime.jsxs(
|
|
2250
|
+
return (jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
2161
2251
|
alignItems: 'center',
|
|
2162
2252
|
display: 'flex',
|
|
2163
2253
|
flexWrap: 'wrap',
|
|
@@ -2173,12 +2263,12 @@ const MRT_TablePagination = (_a) => {
|
|
|
2173
2263
|
px: '8px',
|
|
2174
2264
|
py: '12px',
|
|
2175
2265
|
zIndex: 2,
|
|
2176
|
-
}, children: [showRowsPerPage && (jsxRuntime.jsxs(
|
|
2266
|
+
}, children: [showRowsPerPage && (jsxRuntime.jsxs(Box__default["default"], { sx: { alignItems: 'center', display: 'flex', gap: '8px' }, children: [jsxRuntime.jsx(InputLabel__default["default"], { htmlFor: "mrt-rows-per-page", sx: { mb: 0 }, children: localization.rowsPerPage }), jsxRuntime.jsx(Select__default["default"], { disableUnderline: true, id: "mrt-rows-per-page", inputProps: { 'aria-label': localization.rowsPerPage }, label: localization.rowsPerPage, onChange: (event) => setPageSize(+event.target.value), sx: { mb: 0 }, value: pageSize, variant: "standard", children: rowsPerPageOptions.map((value) => (jsxRuntime.jsx(MenuItem__default["default"], { sx: { m: 0 }, value: value, children: value }, value))) })] })), paginationDisplayMode === 'pages' ? (jsxRuntime.jsx(Pagination__default["default"], Object.assign({ count: numberOfPages, onChange: (_e, newPageIndex) => setPageIndex(newPageIndex - 1), page: pageIndex + 1, renderItem: (item) => (jsxRuntime.jsx(PaginationItem__default["default"], Object.assign({ slots: {
|
|
2177
2267
|
first: FirstPageIcon,
|
|
2178
2268
|
last: LastPageIcon,
|
|
2179
2269
|
next: ChevronRightIcon,
|
|
2180
2270
|
previous: ChevronLeftIcon,
|
|
2181
|
-
} }, item))), showFirstButton: showFirstButton, showLastButton: showLastButton }, _rest))) : paginationDisplayMode === 'default' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(
|
|
2271
|
+
} }, item))), showFirstButton: showFirstButton, showLastButton: showLastButton }, _rest))) : paginationDisplayMode === 'default' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography__default["default"], { align: "center", sx: { mb: 0, minWidth: '8ch', mx: '4px' }, variant: "body2", children: `${lastRowIndex === 0 ? 0 : (firstRowIndex + 1).toLocaleString()}-${lastRowIndex.toLocaleString()} ${localization.of} ${totalRowCount.toLocaleString()}` }), jsxRuntime.jsxs(Box__default["default"], { gap: "xs", children: [showFirstButton && (jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.goToFirstPage, disabled: pageIndex <= 0, onClick: () => setPageIndex(0), size: "small", children: jsxRuntime.jsx(FirstPageIcon, {}) })), jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.goToPreviousPage, disabled: pageIndex <= 0, onClick: () => setPageIndex(pageIndex - 1), size: "small", children: jsxRuntime.jsx(ChevronLeftIcon, {}) }), jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.goToNextPage, disabled: lastRowIndex >= totalRowCount, onClick: () => setPageIndex(pageIndex + 1), size: "small", children: jsxRuntime.jsx(ChevronRightIcon, {}) }), showLastButton && (jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.goToLastPage, disabled: lastRowIndex >= totalRowCount, onClick: () => setPageIndex(numberOfPages - 1), size: "small", children: jsxRuntime.jsx(LastPageIcon, {}) }))] })] })) : null] }));
|
|
2182
2272
|
};
|
|
2183
2273
|
|
|
2184
2274
|
const MRT_GlobalFilterTextField = (_a) => {
|
|
@@ -2218,7 +2308,7 @@ const MRT_GlobalFilterTextField = (_a) => {
|
|
|
2218
2308
|
}
|
|
2219
2309
|
isMounted.current = true;
|
|
2220
2310
|
}, [globalFilter]);
|
|
2221
|
-
return (jsxRuntime.jsxs(
|
|
2311
|
+
return (jsxRuntime.jsxs(Collapse__default["default"], { in: showGlobalFilter, mountOnEnter: true, orientation: "horizontal", unmountOnExit: true, children: [jsxRuntime.jsx(TextField__default["default"], Object.assign({ InputProps: Object.assign(Object.assign({ endAdornment: (jsxRuntime.jsx(InputAdornment__default["default"], { position: "end", children: jsxRuntime.jsx(Tooltip__default["default"], { title: (_b = localization.clearSearch) !== null && _b !== void 0 ? _b : '', children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.clearSearch, disabled: !(searchValue === null || searchValue === void 0 ? void 0 : searchValue.length), onClick: handleClear, size: "small", children: jsxRuntime.jsx(CloseIcon, {}) }) }) }) })), startAdornment: enableGlobalFilterModes ? (jsxRuntime.jsx(InputAdornment__default["default"], { position: "start", children: jsxRuntime.jsx(Tooltip__default["default"], { title: localization.changeSearchMode, children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.changeSearchMode, onClick: handleGlobalFilterMenuOpen, size: "small", sx: { height: '1.75rem', width: '1.75rem' }, children: jsxRuntime.jsx(SearchIcon, {}) }) }) })) : (jsxRuntime.jsx(SearchIcon, { style: { marginRight: '4px' } })) }, textFieldProps.InputProps), { sx: (theme) => {
|
|
2222
2312
|
var _a;
|
|
2223
2313
|
return (Object.assign({ mb: 0 }, parseFromValuesOrFunc((_a = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.InputProps) === null || _a === void 0 ? void 0 : _a.sx, theme)));
|
|
2224
2314
|
} }), inputProps: Object.assign({ autoComplete: 'new-password' }, textFieldProps.inputProps), onChange: handleChange, placeholder: localization.search, size: "small", value: searchValue !== null && searchValue !== void 0 ? searchValue : '', variant: "outlined" }, textFieldProps, { inputRef: (inputRef) => {
|
|
@@ -2270,9 +2360,9 @@ const MRT_SelectCheckbox = (_a) => {
|
|
|
2270
2360
|
e.stopPropagation();
|
|
2271
2361
|
(_a = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.onClick) === null || _a === void 0 ? void 0 : _a.call(checkboxProps, e);
|
|
2272
2362
|
}, sx: (theme) => (Object.assign({ height: density === 'compact' ? '1.75rem' : '2.5rem', m: density !== 'compact' ? '-0.4rem' : undefined, width: density === 'compact' ? '1.75rem' : '2.5rem', zIndex: 0 }, parseFromValuesOrFunc(checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.sx, theme))), title: undefined });
|
|
2273
|
-
return (jsxRuntime.jsx(
|
|
2363
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { enterDelay: 1000, enterNextDelay: 1000, title: (_b = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.title) !== null && _b !== void 0 ? _b : (selectAll
|
|
2274
2364
|
? localization.toggleSelectAll
|
|
2275
|
-
: localization.toggleSelectRow), children: enableMultiRowSelection === false ? (jsxRuntime.jsx(
|
|
2365
|
+
: localization.toggleSelectRow), children: enableMultiRowSelection === false ? (jsxRuntime.jsx(Radio__default["default"], Object.assign({}, commonProps))) : (jsxRuntime.jsx(Checkbox__default["default"], Object.assign({ indeterminate: selectAll
|
|
2276
2366
|
? table.getIsSomeRowsSelected() && !allRowsSelected
|
|
2277
2367
|
: row === null || row === void 0 ? void 0 : row.getIsSomeSelected() }, commonProps))) }));
|
|
2278
2368
|
};
|
|
@@ -2291,8 +2381,8 @@ const MRT_ToolbarAlertBanner = (_a) => {
|
|
|
2291
2381
|
const selectedAlert = getSelectedRowModel().rows.length > 0
|
|
2292
2382
|
? (_c = (_b = localization.selectedCountOfRowCountRowsSelected) === null || _b === void 0 ? void 0 : _b.replace('{selectedCount}', getSelectedRowModel().rows.length.toString())) === null || _c === void 0 ? void 0 : _c.replace('{rowCount}', (rowCount !== null && rowCount !== void 0 ? rowCount : getPrePaginationRowModel().rows.length).toString())
|
|
2293
2383
|
: null;
|
|
2294
|
-
const groupedAlert = grouping.length > 0 ? (jsxRuntime.jsxs("span", { children: [localization.groupedBy, ' ', grouping.map((columnId, index) => (jsxRuntime.jsxs(react.Fragment, { children: [index > 0 ? localization.thenBy : '', jsxRuntime.jsx(
|
|
2295
|
-
return (jsxRuntime.jsx(
|
|
2384
|
+
const groupedAlert = grouping.length > 0 ? (jsxRuntime.jsxs("span", { children: [localization.groupedBy, ' ', grouping.map((columnId, index) => (jsxRuntime.jsxs(react.Fragment, { children: [index > 0 ? localization.thenBy : '', jsxRuntime.jsx(Chip__default["default"], Object.assign({ label: table.getColumn(columnId).columnDef.header, onDelete: () => table.getColumn(columnId).toggleGrouping() }, chipProps))] }, `${index}-${columnId}`)))] })) : null;
|
|
2385
|
+
return (jsxRuntime.jsx(Collapse__default["default"], { in: showAlertBanner || !!selectedAlert || !!groupedAlert, timeout: stackAlertBanner ? 200 : 0, children: jsxRuntime.jsx(Alert__default["default"], Object.assign({ color: "info", icon: false }, alertProps, { sx: (theme) => {
|
|
2296
2386
|
var _a, _b;
|
|
2297
2387
|
return (Object.assign({ '& .MuiAlert-message': {
|
|
2298
2388
|
maxWidth: `calc(${(_b = (_a = tablePaperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 360}px - 1rem)`,
|
|
@@ -2306,7 +2396,7 @@ const MRT_ToolbarAlertBanner = (_a) => {
|
|
|
2306
2396
|
groupedAlert,
|
|
2307
2397
|
selectedAlert,
|
|
2308
2398
|
table,
|
|
2309
|
-
})) !== null && _d !== void 0 ? _d : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(alertProps === null || alertProps === void 0 ? void 0 : alertProps.title) && jsxRuntime.jsx(
|
|
2399
|
+
})) !== null && _d !== void 0 ? _d : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(alertProps === null || alertProps === void 0 ? void 0 : alertProps.title) && jsxRuntime.jsx(AlertTitle__default["default"], { children: alertProps.title }), jsxRuntime.jsxs(Stack__default["default"], { sx: {
|
|
2310
2400
|
p: positionToolbarAlertBanner !== 'head-overlay'
|
|
2311
2401
|
? '0.5rem 1rem'
|
|
2312
2402
|
: density === 'spacious'
|
|
@@ -2314,7 +2404,7 @@ const MRT_ToolbarAlertBanner = (_a) => {
|
|
|
2314
2404
|
: density === 'comfortable'
|
|
2315
2405
|
? '0.5rem 0.75rem'
|
|
2316
2406
|
: '0.25rem 0.5rem',
|
|
2317
|
-
}, children: [alertProps === null || alertProps === void 0 ? void 0 : alertProps.children, (alertProps === null || alertProps === void 0 ? void 0 : alertProps.children) && (selectedAlert || groupedAlert) && (jsxRuntime.jsx("br", {})), jsxRuntime.jsxs(
|
|
2407
|
+
}, children: [alertProps === null || alertProps === void 0 ? void 0 : alertProps.children, (alertProps === null || alertProps === void 0 ? void 0 : alertProps.children) && (selectedAlert || groupedAlert) && (jsxRuntime.jsx("br", {})), jsxRuntime.jsxs(Box__default["default"], { sx: { display: 'flex' }, children: [enableRowSelection &&
|
|
2318
2408
|
enableSelectAll &&
|
|
2319
2409
|
positionToolbarAlertBanner === 'head-overlay' && (jsxRuntime.jsx(MRT_SelectCheckbox, { selectAll: true, table: table })), ' ', selectedAlert] }), selectedAlert && groupedAlert && jsxRuntime.jsx("br", {}), groupedAlert] })] })) })) }));
|
|
2320
2410
|
};
|
|
@@ -2336,17 +2426,17 @@ const MRT_ToolbarDropZone = (_a) => {
|
|
|
2336
2426
|
!grouping.includes(draggingColumn.id));
|
|
2337
2427
|
}
|
|
2338
2428
|
}, [enableGrouping, draggingColumn, grouping]);
|
|
2339
|
-
return (jsxRuntime.jsx(
|
|
2429
|
+
return (jsxRuntime.jsx(Fade__default["default"], { in: showToolbarDropZone, children: jsxRuntime.jsx(Box__default["default"], Object.assign({ className: "Mui-ToolbarDropZone", onDragEnter: handleDragEnter }, rest, { sx: (theme) => (Object.assign({ alignItems: 'center', backdropFilter: 'blur(4px)', backgroundColor: styles.alpha(theme.palette.info.main, (hoveredColumn === null || hoveredColumn === void 0 ? void 0 : hoveredColumn.id) === 'drop-zone' ? 0.2 : 0.1), border: `dashed ${theme.palette.info.main} 2px`, boxSizing: 'border-box', display: 'flex', height: '100%', justifyContent: 'center', position: 'absolute', width: '100%', zIndex: 4 }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: jsxRuntime.jsx(Typography__default["default"], { fontStyle: "italic", children: localization.dropToGroupBy.replace('{column}', (_c = (_b = draggingColumn === null || draggingColumn === void 0 ? void 0 : draggingColumn.columnDef) === null || _b === void 0 ? void 0 : _b.header) !== null && _c !== void 0 ? _c : '') }) })) }));
|
|
2340
2430
|
};
|
|
2341
2431
|
|
|
2342
2432
|
const MRT_BottomToolbar = (_a) => {
|
|
2343
2433
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
|
2344
2434
|
const { getState, options: { enablePagination, muiBottomToolbarProps, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderBottomToolbarCustomActions, }, refs: { bottomToolbarRef }, } = table;
|
|
2345
2435
|
const { isFullScreen } = getState();
|
|
2346
|
-
const isMobile =
|
|
2436
|
+
const isMobile = useMediaQuery__default["default"]('(max-width:720px)');
|
|
2347
2437
|
const toolbarProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiBottomToolbarProps, { table })), rest);
|
|
2348
2438
|
const stackAlertBanner = isMobile || !!renderBottomToolbarCustomActions;
|
|
2349
|
-
return (jsxRuntime.jsxs(
|
|
2439
|
+
return (jsxRuntime.jsxs(Box__default["default"], Object.assign({}, toolbarProps, { ref: (node) => {
|
|
2350
2440
|
if (node) {
|
|
2351
2441
|
bottomToolbarRef.current = node;
|
|
2352
2442
|
if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
|
|
@@ -2354,14 +2444,14 @@ const MRT_BottomToolbar = (_a) => {
|
|
|
2354
2444
|
toolbarProps.ref.current = node;
|
|
2355
2445
|
}
|
|
2356
2446
|
}
|
|
2357
|
-
}, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, getCommonToolbarStyles({ table, theme })), { bottom: isFullScreen ? '0' : undefined, boxShadow: `0 1px 2px -1px ${material.alpha(theme.palette.grey[700], 0.5)} inset`, left: 0, position: isFullScreen ? 'fixed' : 'relative', right: 0 }), parseFromValuesOrFunc(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx, theme))), children: [jsxRuntime.jsx(MRT_LinearProgressBar, { isTopToolbar: false, table: table }), positionToolbarAlertBanner === 'bottom' && (jsxRuntime.jsx(MRT_ToolbarAlertBanner, { stackAlertBanner: stackAlertBanner, table: table })), ['both', 'bottom'].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : '') && (jsxRuntime.jsx(MRT_ToolbarDropZone, { table: table })), jsxRuntime.jsxs(
|
|
2447
|
+
}, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, getCommonToolbarStyles({ table, theme })), { bottom: isFullScreen ? '0' : undefined, boxShadow: `0 1px 2px -1px ${material.alpha(theme.palette.grey[700], 0.5)} inset`, left: 0, position: isFullScreen ? 'fixed' : 'relative', right: 0 }), parseFromValuesOrFunc(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx, theme))), children: [jsxRuntime.jsx(MRT_LinearProgressBar, { isTopToolbar: false, table: table }), positionToolbarAlertBanner === 'bottom' && (jsxRuntime.jsx(MRT_ToolbarAlertBanner, { stackAlertBanner: stackAlertBanner, table: table })), ['both', 'bottom'].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : '') && (jsxRuntime.jsx(MRT_ToolbarDropZone, { table: table })), jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
2358
2448
|
alignItems: 'center',
|
|
2359
2449
|
boxSizing: 'border-box',
|
|
2360
2450
|
display: 'flex',
|
|
2361
2451
|
justifyContent: 'space-between',
|
|
2362
2452
|
p: '0.5rem',
|
|
2363
2453
|
width: '100%',
|
|
2364
|
-
}, children: [renderBottomToolbarCustomActions ? (renderBottomToolbarCustomActions({ table })) : (jsxRuntime.jsx("span", {})), jsxRuntime.jsx(
|
|
2454
|
+
}, children: [renderBottomToolbarCustomActions ? (renderBottomToolbarCustomActions({ table })) : (jsxRuntime.jsx("span", {})), jsxRuntime.jsx(Box__default["default"], { sx: {
|
|
2365
2455
|
display: 'flex',
|
|
2366
2456
|
justifyContent: 'flex-end',
|
|
2367
2457
|
position: stackAlertBanner ? 'relative' : 'absolute',
|
|
@@ -2377,9 +2467,9 @@ const MRT_ColumnPinningButtons = (_a) => {
|
|
|
2377
2467
|
const handlePinColumn = (pinDirection) => {
|
|
2378
2468
|
column.pin(pinDirection);
|
|
2379
2469
|
};
|
|
2380
|
-
return (jsxRuntime.jsx(
|
|
2470
|
+
return (jsxRuntime.jsx(Box__default["default"], Object.assign({}, rest, { sx: (theme) => (Object.assign({ minWidth: '70px', textAlign: 'center' }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: column.getIsPinned() ? (jsxRuntime.jsx(Tooltip__default["default"], { title: localization.unpin, children: jsxRuntime.jsx(IconButton__default["default"], { onClick: () => handlePinColumn(false), size: "small", children: jsxRuntime.jsx(PushPinIcon, {}) }) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip__default["default"], { title: localization.pinToLeft, children: jsxRuntime.jsx(IconButton__default["default"], { onClick: () => handlePinColumn('left'), size: "small", children: jsxRuntime.jsx(PushPinIcon, { style: {
|
|
2381
2471
|
transform: 'rotate(90deg)',
|
|
2382
|
-
} }) }) }), jsxRuntime.jsx(
|
|
2472
|
+
} }) }) }), jsxRuntime.jsx(Tooltip__default["default"], { title: localization.pinToRight, children: jsxRuntime.jsx(IconButton__default["default"], { onClick: () => handlePinColumn('right'), size: "small", children: jsxRuntime.jsx(PushPinIcon, { style: {
|
|
2383
2473
|
transform: 'rotate(-90deg)',
|
|
2384
2474
|
} }) }) })] })) })));
|
|
2385
2475
|
};
|
|
@@ -2425,26 +2515,26 @@ const MRT_ShowHideColumnsMenuItems = (_a) => {
|
|
|
2425
2515
|
};
|
|
2426
2516
|
if (!columnDef.header)
|
|
2427
2517
|
return null;
|
|
2428
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(
|
|
2518
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MenuItem__default["default"], Object.assign({ disableRipple: true, onDragEnter: handleDragEnter, ref: menuItemRef }, rest, { sx: (theme) => (Object.assign({ alignItems: 'center', justifyContent: 'flex-start', my: 0, opacity: isDragging ? 0.5 : 1, outline: isDragging
|
|
2429
2519
|
? `2px dashed ${theme.palette.grey[500]}`
|
|
2430
2520
|
: (hoveredColumn === null || hoveredColumn === void 0 ? void 0 : hoveredColumn.id) === column.id
|
|
2431
2521
|
? `2px dashed ${getMRTTheme(table, theme).draggingBorderColor}`
|
|
2432
|
-
: 'none', outlineOffset: '-2px', pl: `${(column.depth + 0.5) * 2}rem`, py: '6px' }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: jsxRuntime.jsxs(
|
|
2522
|
+
: 'none', outlineOffset: '-2px', pl: `${(column.depth + 0.5) * 2}rem`, py: '6px' }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
2433
2523
|
display: 'flex',
|
|
2434
2524
|
flexWrap: 'nowrap',
|
|
2435
2525
|
gap: '8px',
|
|
2436
2526
|
}, children: [columnDefType !== 'group' &&
|
|
2437
2527
|
enableColumnOrdering &&
|
|
2438
2528
|
!allColumns.some((col) => col.columnDef.columnDefType === 'group') &&
|
|
2439
|
-
(columnDef.enableColumnOrdering !== false ? (jsxRuntime.jsx(MRT_GrabHandleButton, { onDragEnd: handleDragEnd, onDragStart: handleDragStart, table: table })) : (jsxRuntime.jsx(
|
|
2440
|
-
(column.getCanPin() ? (jsxRuntime.jsx(MRT_ColumnPinningButtons, { column: column, table: table })) : (jsxRuntime.jsx(
|
|
2529
|
+
(columnDef.enableColumnOrdering !== false ? (jsxRuntime.jsx(MRT_GrabHandleButton, { onDragEnd: handleDragEnd, onDragStart: handleDragStart, table: table })) : (jsxRuntime.jsx(Box__default["default"], { sx: { width: '28px' } }))), enableColumnPinning &&
|
|
2530
|
+
(column.getCanPin() ? (jsxRuntime.jsx(MRT_ColumnPinningButtons, { column: column, table: table })) : (jsxRuntime.jsx(Box__default["default"], { sx: { width: '70px' } }))), enableHiding ? (jsxRuntime.jsx(FormControlLabel__default["default"], { checked: switchChecked, componentsProps: {
|
|
2441
2531
|
typography: {
|
|
2442
2532
|
sx: {
|
|
2443
2533
|
mb: 0,
|
|
2444
2534
|
opacity: columnDefType !== 'display' ? 1 : 0.5,
|
|
2445
2535
|
},
|
|
2446
2536
|
},
|
|
2447
|
-
}, control: jsxRuntime.jsx(
|
|
2537
|
+
}, control: jsxRuntime.jsx(Tooltip__default["default"], { enterDelay: 1000, enterNextDelay: 1000, title: localization.toggleVisibility, children: jsxRuntime.jsx(Switch__default["default"], {}) }), disabled: !column.getCanHide(), label: columnDef.header, onChange: () => handleToggleColumnHidden(column) })) : (jsxRuntime.jsx(Typography__default["default"], { sx: { alignSelf: 'center' }, children: columnDef.header }))] }) })), (_b = column.columns) === null || _b === void 0 ? void 0 : _b.map((c, i) => (jsxRuntime.jsx(MRT_ShowHideColumnsMenuItems, { allColumns: allColumns, column: c, hoveredColumn: hoveredColumn, setHoveredColumn: setHoveredColumn, table: table }, `${i}-${c.id}`)))] }));
|
|
2448
2538
|
};
|
|
2449
2539
|
|
|
2450
2540
|
const MRT_ShowHideColumnsMenu = (_a) => {
|
|
@@ -2476,14 +2566,14 @@ const MRT_ShowHideColumnsMenu = (_a) => {
|
|
|
2476
2566
|
getRightLeafColumns(),
|
|
2477
2567
|
]);
|
|
2478
2568
|
const [hoveredColumn, setHoveredColumn] = react.useState(null);
|
|
2479
|
-
return (jsxRuntime.jsxs(
|
|
2569
|
+
return (jsxRuntime.jsxs(Menu__default["default"], Object.assign({ MenuListProps: {
|
|
2480
2570
|
dense: density === 'compact',
|
|
2481
|
-
}, anchorEl: anchorEl, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [jsxRuntime.jsxs(
|
|
2571
|
+
}, anchorEl: anchorEl, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
2482
2572
|
display: 'flex',
|
|
2483
2573
|
justifyContent: 'space-between',
|
|
2484
2574
|
p: '0.5rem',
|
|
2485
2575
|
pt: 0,
|
|
2486
|
-
}, children: [enableHiding && (jsxRuntime.jsx(
|
|
2576
|
+
}, children: [enableHiding && (jsxRuntime.jsx(Button__default["default"], { disabled: !getIsSomeColumnsVisible(), onClick: hideAllColumns, children: localization.hideAll })), enableColumnOrdering && (jsxRuntime.jsx(Button__default["default"], { onClick: () => table.setColumnOrder(getDefaultColumnOrderIds(table.options)), children: localization.resetOrder })), enableColumnPinning && (jsxRuntime.jsx(Button__default["default"], { disabled: !getIsSomeColumnsPinned(), onClick: () => table.resetColumnPinning(true), children: localization.unpinAll })), enableHiding && (jsxRuntime.jsx(Button__default["default"], { disabled: getIsAllColumnsVisible(), onClick: () => toggleAllColumnsVisible(true), children: localization.showAll }))] }), jsxRuntime.jsx(Divider__default["default"], {}), allColumns.map((column, index) => (jsxRuntime.jsx(MRT_ShowHideColumnsMenuItems, { allColumns: allColumns, column: column, hoveredColumn: hoveredColumn, setHoveredColumn: setHoveredColumn, table: table }, `${index}-${column.id}`)))] })));
|
|
2487
2577
|
};
|
|
2488
2578
|
|
|
2489
2579
|
const MRT_ShowHideColumnsButton = (_a) => {
|
|
@@ -2494,7 +2584,7 @@ const MRT_ShowHideColumnsButton = (_a) => {
|
|
|
2494
2584
|
const handleClick = (event) => {
|
|
2495
2585
|
setAnchorEl(event.currentTarget);
|
|
2496
2586
|
};
|
|
2497
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(
|
|
2587
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip__default["default"], { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideColumns, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.showHideColumns, onClick: handleClick }, rest, { title: undefined, children: jsxRuntime.jsx(ViewColumnIcon, {}) })) }), anchorEl && (jsxRuntime.jsx(MRT_ShowHideColumnsMenu, { anchorEl: anchorEl, setAnchorEl: setAnchorEl, table: table }))] }));
|
|
2498
2588
|
};
|
|
2499
2589
|
|
|
2500
2590
|
const MRT_ToggleDensePaddingButton = (_a) => {
|
|
@@ -2510,7 +2600,7 @@ const MRT_ToggleDensePaddingButton = (_a) => {
|
|
|
2510
2600
|
: 'comfortable';
|
|
2511
2601
|
setDensity(nextDensity);
|
|
2512
2602
|
};
|
|
2513
|
-
return (jsxRuntime.jsx(
|
|
2603
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleDensity, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.toggleDensity, onClick: handleToggleDensePadding }, rest, { title: undefined, children: density === 'compact' ? (jsxRuntime.jsx(DensitySmallIcon, {})) : density === 'comfortable' ? (jsxRuntime.jsx(DensityMediumIcon, {})) : (jsxRuntime.jsx(DensityLargeIcon, {})) })) }));
|
|
2514
2604
|
};
|
|
2515
2605
|
|
|
2516
2606
|
const MRT_ToggleFiltersButton = (_a) => {
|
|
@@ -2521,7 +2611,7 @@ const MRT_ToggleFiltersButton = (_a) => {
|
|
|
2521
2611
|
const handleToggleShowFilters = () => {
|
|
2522
2612
|
setShowColumnFilters(!showColumnFilters);
|
|
2523
2613
|
};
|
|
2524
|
-
return (jsxRuntime.jsx(
|
|
2614
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideFilters, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.showHideFilters, onClick: handleToggleShowFilters }, rest, { title: undefined, children: showColumnFilters ? jsxRuntime.jsx(FilterListOffIcon, {}) : jsxRuntime.jsx(FilterListIcon, {}) })) }));
|
|
2525
2615
|
};
|
|
2526
2616
|
|
|
2527
2617
|
const MRT_ToggleFullScreenButton = (_a) => {
|
|
@@ -2534,7 +2624,7 @@ const MRT_ToggleFullScreenButton = (_a) => {
|
|
|
2534
2624
|
setTooltipOpened(false);
|
|
2535
2625
|
setIsFullScreen(!isFullScreen);
|
|
2536
2626
|
};
|
|
2537
|
-
return (jsxRuntime.jsx(
|
|
2627
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { open: tooltipOpened, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleFullScreen, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.toggleFullScreen, onClick: handleToggleFullScreen, onMouseEnter: () => setTooltipOpened(true), onMouseLeave: () => setTooltipOpened(false) }, rest, { title: undefined, children: isFullScreen ? jsxRuntime.jsx(FullscreenExitIcon, {}) : jsxRuntime.jsx(FullscreenIcon, {}) })) }));
|
|
2538
2628
|
};
|
|
2539
2629
|
|
|
2540
2630
|
const MRT_ToggleGlobalFilterButton = (_a) => {
|
|
@@ -2546,14 +2636,14 @@ const MRT_ToggleGlobalFilterButton = (_a) => {
|
|
|
2546
2636
|
setShowGlobalFilter(!showGlobalFilter);
|
|
2547
2637
|
queueMicrotask(() => { var _a; return (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
|
|
2548
2638
|
};
|
|
2549
|
-
return (jsxRuntime.jsx(
|
|
2639
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideSearch, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": (_c = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _c !== void 0 ? _c : localization.showHideSearch, disabled: !!globalFilter, onClick: handleToggleSearch }, rest, { title: undefined, children: showGlobalFilter ? jsxRuntime.jsx(SearchOffIcon, {}) : jsxRuntime.jsx(SearchIcon, {}) })) }));
|
|
2550
2640
|
};
|
|
2551
2641
|
|
|
2552
2642
|
const MRT_ToolbarInternalButtons = (_a) => {
|
|
2553
2643
|
var _b;
|
|
2554
2644
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
|
2555
2645
|
const { options: { columnFilterDisplayMode, enableColumnFilters, enableColumnOrdering, enableColumnPinning, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, initialState, renderToolbarInternalActions, }, } = table;
|
|
2556
|
-
return (jsxRuntime.jsx(
|
|
2646
|
+
return (jsxRuntime.jsx(Box__default["default"], Object.assign({}, rest, { sx: (theme) => (Object.assign({ alignItems: 'center', display: 'flex', zIndex: 3 }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: (_b = renderToolbarInternalActions === null || renderToolbarInternalActions === void 0 ? void 0 : renderToolbarInternalActions({
|
|
2557
2647
|
table,
|
|
2558
2648
|
})) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [enableFilters &&
|
|
2559
2649
|
enableGlobalFilter &&
|
|
@@ -2566,16 +2656,16 @@ const MRT_TopToolbar = ({ table, }) => {
|
|
|
2566
2656
|
var _a;
|
|
2567
2657
|
const { getState, options: { enableGlobalFilter, enablePagination, enableToolbarInternalActions, muiTopToolbarProps, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderTopToolbarCustomActions, }, refs: { topToolbarRef }, } = table;
|
|
2568
2658
|
const { isFullScreen, showGlobalFilter } = getState();
|
|
2569
|
-
const isMobile =
|
|
2659
|
+
const isMobile = useMediaQuery__default["default"]('(max-width:720px)');
|
|
2570
2660
|
const toolbarProps = parseFromValuesOrFunc(muiTopToolbarProps, { table });
|
|
2571
2661
|
const stackAlertBanner = isMobile || !!renderTopToolbarCustomActions || showGlobalFilter;
|
|
2572
|
-
return (jsxRuntime.jsxs(
|
|
2662
|
+
return (jsxRuntime.jsxs(Box__default["default"], Object.assign({}, toolbarProps, { ref: (ref) => {
|
|
2573
2663
|
topToolbarRef.current = ref;
|
|
2574
2664
|
if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
|
|
2575
2665
|
// @ts-ignore
|
|
2576
2666
|
toolbarProps.ref.current = ref;
|
|
2577
2667
|
}
|
|
2578
|
-
}, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, getCommonToolbarStyles({ table, theme })), { position: isFullScreen ? 'sticky' : 'relative', top: isFullScreen ? '0' : undefined }), parseFromValuesOrFunc(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx, theme))), children: [positionToolbarAlertBanner === 'top' && (jsxRuntime.jsx(MRT_ToolbarAlertBanner, { stackAlertBanner: stackAlertBanner, table: table })), ['both', 'top'].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : '') && (jsxRuntime.jsx(MRT_ToolbarDropZone, { table: table })), jsxRuntime.jsxs(
|
|
2668
|
+
}, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, getCommonToolbarStyles({ table, theme })), { position: isFullScreen ? 'sticky' : 'relative', top: isFullScreen ? '0' : undefined }), parseFromValuesOrFunc(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx, theme))), children: [positionToolbarAlertBanner === 'top' && (jsxRuntime.jsx(MRT_ToolbarAlertBanner, { stackAlertBanner: stackAlertBanner, table: table })), ['both', 'top'].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : '') && (jsxRuntime.jsx(MRT_ToolbarDropZone, { table: table })), jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
2579
2669
|
alignItems: 'flex-start',
|
|
2580
2670
|
boxSizing: 'border-box',
|
|
2581
2671
|
display: 'flex',
|
|
@@ -2586,7 +2676,7 @@ const MRT_TopToolbar = ({ table, }) => {
|
|
|
2586
2676
|
right: 0,
|
|
2587
2677
|
top: 0,
|
|
2588
2678
|
width: '100%',
|
|
2589
|
-
}, children: [enableGlobalFilter && positionGlobalFilter === 'left' && (jsxRuntime.jsx(MRT_GlobalFilterTextField, { table: table })), (_a = renderTopToolbarCustomActions === null || renderTopToolbarCustomActions === void 0 ? void 0 : renderTopToolbarCustomActions({ table })) !== null && _a !== void 0 ? _a : jsxRuntime.jsx("span", {}), enableToolbarInternalActions ? (jsxRuntime.jsxs(
|
|
2679
|
+
}, children: [enableGlobalFilter && positionGlobalFilter === 'left' && (jsxRuntime.jsx(MRT_GlobalFilterTextField, { table: table })), (_a = renderTopToolbarCustomActions === null || renderTopToolbarCustomActions === void 0 ? void 0 : renderTopToolbarCustomActions({ table })) !== null && _a !== void 0 ? _a : jsxRuntime.jsx("span", {}), enableToolbarInternalActions ? (jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
2590
2680
|
alignItems: 'center',
|
|
2591
2681
|
display: 'flex',
|
|
2592
2682
|
flexWrap: 'wrap-reverse',
|
|
@@ -2603,7 +2693,7 @@ const MRT_TableHead = (_a) => {
|
|
|
2603
2693
|
const { isFullScreen, showAlertBanner } = getState();
|
|
2604
2694
|
const tableHeadProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTableHeadProps, { table })), rest);
|
|
2605
2695
|
const stickyHeader = enableStickyHeader || isFullScreen;
|
|
2606
|
-
return (jsxRuntime.jsx(
|
|
2696
|
+
return (jsxRuntime.jsx(TableHead__default["default"], Object.assign({}, tableHeadProps, { ref: (ref) => {
|
|
2607
2697
|
tableHeadRef.current = ref;
|
|
2608
2698
|
if (tableHeadProps === null || tableHeadProps === void 0 ? void 0 : tableHeadProps.ref) {
|
|
2609
2699
|
// @ts-ignore
|
|
@@ -2689,14 +2779,14 @@ const MRT_Table = (_a) => {
|
|
|
2689
2779
|
virtualPaddingLeft,
|
|
2690
2780
|
virtualPaddingRight,
|
|
2691
2781
|
};
|
|
2692
|
-
return (jsxRuntime.jsxs(
|
|
2782
|
+
return (jsxRuntime.jsxs(Table__default["default"], Object.assign({ stickyHeader: enableStickyHeader || isFullScreen }, tableProps, { style: Object.assign(Object.assign({}, columnSizeVars), tableProps === null || tableProps === void 0 ? void 0 : tableProps.style), sx: (theme) => (Object.assign({ borderCollapse: 'separate', display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined }, parseFromValuesOrFunc(tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx, theme))), children: [enableTableHead && jsxRuntime.jsx(MRT_TableHead, Object.assign({}, props)), memoMode === 'table-body' || columnSizingInfo.isResizingColumn ? (jsxRuntime.jsx(Memo_MRT_TableBody, Object.assign({ columnVirtualizer: columnVirtualizer }, props))) : (jsxRuntime.jsx(MRT_TableBody, Object.assign({ columnVirtualizer: columnVirtualizer }, props))), enableTableFooter && jsxRuntime.jsx(MRT_TableFooter, Object.assign({}, props))] })));
|
|
2693
2783
|
};
|
|
2694
2784
|
|
|
2695
2785
|
const MRT_TableLoadingOverlay = (_a) => {
|
|
2696
2786
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
|
2697
2787
|
const { options: { localization, muiCircularProgressProps }, } = table;
|
|
2698
2788
|
const circularProgressProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiCircularProgressProps, { table })), rest);
|
|
2699
|
-
return (jsxRuntime.jsx(
|
|
2789
|
+
return (jsxRuntime.jsx(Box__default["default"], { sx: (theme) => ({
|
|
2700
2790
|
alignItems: 'center',
|
|
2701
2791
|
backgroundColor: styles.alpha(getMRTTheme(table, theme).baseBackgroundColor, 0.5),
|
|
2702
2792
|
bottom: 0,
|
|
@@ -2709,7 +2799,7 @@ const MRT_TableLoadingOverlay = (_a) => {
|
|
|
2709
2799
|
top: 0,
|
|
2710
2800
|
width: '100%',
|
|
2711
2801
|
zIndex: 2,
|
|
2712
|
-
}), children: jsxRuntime.jsx(
|
|
2802
|
+
}), children: jsxRuntime.jsx(CircularProgress__default["default"], Object.assign({ "aria-label": localization.noRecordsToDisplay, id: "mrt-progress" }, circularProgressProps)) }));
|
|
2713
2803
|
};
|
|
2714
2804
|
|
|
2715
2805
|
const MRT_EditActionButtons = (_a) => {
|
|
@@ -2756,7 +2846,7 @@ const MRT_EditActionButtons = (_a) => {
|
|
|
2756
2846
|
});
|
|
2757
2847
|
}
|
|
2758
2848
|
};
|
|
2759
|
-
return (jsxRuntime.jsx(
|
|
2849
|
+
return (jsxRuntime.jsx(Box__default["default"], { onClick: (e) => e.stopPropagation(), sx: (theme) => (Object.assign({ display: 'flex', gap: '0.75rem' }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: variant === 'icon' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip__default["default"], { title: localization.cancel, children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.cancel, onClick: handleCancel, children: jsxRuntime.jsx(CancelIcon, {}) }) }), jsxRuntime.jsx(Tooltip__default["default"], { title: localization.save, children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.save, color: "info", onClick: handleSubmitRow, children: isSaving ? jsxRuntime.jsx(CircularProgress__default["default"], { size: 18 }) : jsxRuntime.jsx(SaveIcon, {}) }) })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button__default["default"], { onClick: handleCancel, sx: { minWidth: '100px' }, children: localization.cancel }), jsxRuntime.jsxs(Button__default["default"], { onClick: handleSubmitRow, sx: { minWidth: '100px' }, variant: "contained", children: [isSaving && jsxRuntime.jsx(CircularProgress__default["default"], { color: "inherit", size: 18 }), localization.save] })] })) }));
|
|
2760
2850
|
};
|
|
2761
2851
|
|
|
2762
2852
|
const MRT_EditRowModal = (_a) => {
|
|
@@ -2771,7 +2861,7 @@ const MRT_EditRowModal = (_a) => {
|
|
|
2771
2861
|
.getAllCells()
|
|
2772
2862
|
.filter((cell) => cell.column.columnDef.columnDefType === 'data')
|
|
2773
2863
|
.map((cell) => (jsxRuntime.jsx(MRT_EditCellTextField, { cell: cell, table: table }, cell.id)));
|
|
2774
|
-
return (jsxRuntime.jsx(
|
|
2864
|
+
return (jsxRuntime.jsx(Dialog__default["default"], Object.assign({ fullWidth: true, maxWidth: "xs", onClose: (event, reason) => {
|
|
2775
2865
|
var _a;
|
|
2776
2866
|
if (creatingRow) {
|
|
2777
2867
|
onCreatingRowCancel === null || onCreatingRowCancel === void 0 ? void 0 : onCreatingRowCancel({ row, table });
|
|
@@ -2793,11 +2883,11 @@ const MRT_EditRowModal = (_a) => {
|
|
|
2793
2883
|
internalEditComponents,
|
|
2794
2884
|
row,
|
|
2795
2885
|
table,
|
|
2796
|
-
})))) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(
|
|
2886
|
+
})))) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DialogTitle__default["default"], { sx: { textAlign: 'center' }, children: localization.edit }), jsxRuntime.jsx(DialogContent__default["default"], { children: jsxRuntime.jsx("form", { onSubmit: (e) => e.preventDefault(), children: jsxRuntime.jsx(Stack__default["default"], { sx: {
|
|
2797
2887
|
gap: '32px',
|
|
2798
2888
|
paddingTop: '16px',
|
|
2799
2889
|
width: '100%',
|
|
2800
|
-
}, children: internalEditComponents }) }) }), jsxRuntime.jsx(
|
|
2890
|
+
}, children: internalEditComponents }) }) }), jsxRuntime.jsx(DialogActions__default["default"], { sx: { p: '1.25rem' }, children: jsxRuntime.jsx(MRT_EditActionButtons, { row: row, table: table, variant: "text" }) })] })) })));
|
|
2801
2891
|
};
|
|
2802
2892
|
|
|
2803
2893
|
const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
|
|
@@ -2822,7 +2912,7 @@ const MRT_TableContainer = (_a) => {
|
|
|
2822
2912
|
});
|
|
2823
2913
|
const createModalOpen = createDisplayMode === 'modal' && creatingRow;
|
|
2824
2914
|
const editModalOpen = editDisplayMode === 'modal' && editingRow;
|
|
2825
|
-
return (jsxRuntime.jsxs(
|
|
2915
|
+
return (jsxRuntime.jsxs(TableContainer__default["default"], Object.assign({ "aria-busy": loading, "aria-describedby": loading ? 'mrt-progress' : undefined }, tableContainerProps, { ref: (node) => {
|
|
2826
2916
|
if (node) {
|
|
2827
2917
|
tableContainerRef.current = node;
|
|
2828
2918
|
if (tableContainerProps === null || tableContainerProps === void 0 ? void 0 : tableContainerProps.ref) {
|
|
@@ -2843,7 +2933,7 @@ const MRT_TablePaper = (_a) => {
|
|
|
2843
2933
|
const { getState, options: { enableBottomToolbar, enableTopToolbar, muiTablePaperProps, renderBottomToolbar, renderTopToolbar, }, refs: { tablePaperRef }, } = table;
|
|
2844
2934
|
const { isFullScreen } = getState();
|
|
2845
2935
|
const tablePaperProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTablePaperProps, { table })), rest);
|
|
2846
|
-
return (jsxRuntime.jsxs(
|
|
2936
|
+
return (jsxRuntime.jsxs(Paper__default["default"], Object.assign({ elevation: 2 }, tablePaperProps, { ref: (ref) => {
|
|
2847
2937
|
tablePaperRef.current = ref;
|
|
2848
2938
|
if (tablePaperProps === null || tablePaperProps === void 0 ? void 0 : tablePaperProps.ref) {
|
|
2849
2939
|
//@ts-ignore
|
|
@@ -2879,7 +2969,7 @@ const MRT_RowPinButton = (_a) => {
|
|
|
2879
2969
|
event.stopPropagation();
|
|
2880
2970
|
row.pin(isPinned ? false : pinningPosition);
|
|
2881
2971
|
};
|
|
2882
|
-
return (jsxRuntime.jsx(
|
|
2972
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { enterDelay: 1000, enterNextDelay: 1000, open: tooltipOpened, title: isPinned ? localization.unpin : localization.pin, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.pin, onClick: handleTogglePin, onMouseEnter: () => setTooltipOpened(true), onMouseLeave: () => setTooltipOpened(false), size: "small" }, rest, { sx: (theme) => (Object.assign({ height: '24px', width: '24px' }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: isPinned ? (jsxRuntime.jsx(CloseIcon, {})) : (jsxRuntime.jsx(PushPinIcon, { fontSize: "small", style: {
|
|
2883
2973
|
transform: `rotate(${rowPinningDisplayMode === 'sticky'
|
|
2884
2974
|
? 135
|
|
2885
2975
|
: pinningPosition === 'top'
|
|
@@ -2898,7 +2988,7 @@ const MRT_TableBodyRowPinButton = (_a) => {
|
|
|
2898
2988
|
const rowPinButtonProps = Object.assign({ row,
|
|
2899
2989
|
table }, rest);
|
|
2900
2990
|
if (rowPinningDisplayMode === 'top-and-bottom' && !row.getIsPinned()) {
|
|
2901
|
-
return (jsxRuntime.jsxs(
|
|
2991
|
+
return (jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
2902
2992
|
display: 'flex',
|
|
2903
2993
|
flexDirection: density === 'compact' ? 'row' : 'column',
|
|
2904
2994
|
}, children: [jsxRuntime.jsx(MRT_RowPinButton, Object.assign({ pinningPosition: "top" }, rowPinButtonProps)), jsxRuntime.jsx(MRT_RowPinButton, Object.assign({ pinningPosition: "bottom" }, rowPinButtonProps))] }));
|
|
@@ -2915,7 +3005,7 @@ const MRT_ExpandAllButton = (_a) => {
|
|
|
2915
3005
|
table,
|
|
2916
3006
|
})), rest);
|
|
2917
3007
|
const isAllRowsExpanded = getIsAllRowsExpanded();
|
|
2918
|
-
return (jsxRuntime.jsx(
|
|
3008
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { enterDelay: 1000, enterNextDelay: 1000, title: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _b !== void 0 ? _b : (isAllRowsExpanded ? localization.collapseAll : localization.expandAll), children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.expandAll, disabled: isLoading || (!renderDetailPanel && !getCanSomeRowsExpand()), onClick: () => toggleAllRowsExpanded(!isAllRowsExpanded) }, iconButtonProps, { sx: (theme) => (Object.assign({ height: density === 'compact' ? '1.75rem' : '2.25rem', mt: density !== 'compact' ? '-0.25rem' : undefined, width: density === 'compact' ? '1.75rem' : '2.25rem' }, parseFromValuesOrFunc(iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx, theme))), title: undefined, children: (_c = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _c !== void 0 ? _c : (jsxRuntime.jsx(KeyboardDoubleArrowDownIcon, { style: {
|
|
2919
3009
|
transform: `rotate(${isAllRowsExpanded ? -180 : getIsSomeRowsExpanded() ? -90 : 0}deg)`,
|
|
2920
3010
|
transition: 'transform 150ms',
|
|
2921
3011
|
} })) })) }) }));
|
|
@@ -2937,7 +3027,7 @@ const MRT_ExpandButton = ({ row, table, }) => {
|
|
|
2937
3027
|
row.toggleExpanded();
|
|
2938
3028
|
(_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(iconButtonProps, event);
|
|
2939
3029
|
};
|
|
2940
|
-
return (jsxRuntime.jsx(
|
|
3030
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { disableHoverListener: !canExpand && !renderDetailPanel, enterDelay: 1000, enterNextDelay: 1000, title: (_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _a !== void 0 ? _a : (isExpanded ? localization.collapse : localization.expand), children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.expand, disabled: !canExpand && !renderDetailPanel }, iconButtonProps, { onClick: handleToggleExpand, sx: (theme) => (Object.assign({ height: density === 'compact' ? '1.75rem' : '2.25rem', opacity: !canExpand && !renderDetailPanel ? 0.3 : 1, width: density === 'compact' ? '1.75rem' : '2.25rem' }, parseFromValuesOrFunc(iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx, theme))), title: undefined, children: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _b !== void 0 ? _b : (jsxRuntime.jsx(ExpandMoreIcon, { style: {
|
|
2941
3031
|
transform: `rotate(${!canExpand && !renderDetailPanel ? -90 : isExpanded ? -180 : 0}deg)`,
|
|
2942
3032
|
transition: 'transform 150ms',
|
|
2943
3033
|
} })) })) }) }));
|
|
@@ -2947,9 +3037,9 @@ const MRT_RowActionMenu = (_a) => {
|
|
|
2947
3037
|
var { anchorEl, handleEdit, row, setAnchorEl, table } = _a, rest = __rest(_a, ["anchorEl", "handleEdit", "row", "setAnchorEl", "table"]);
|
|
2948
3038
|
const { getState, options: { enableEditing, icons: { EditIcon }, localization, renderRowActionMenuItems, }, } = table;
|
|
2949
3039
|
const { density } = getState();
|
|
2950
|
-
return (jsxRuntime.jsxs(
|
|
3040
|
+
return (jsxRuntime.jsxs(Menu__default["default"], Object.assign({ MenuListProps: {
|
|
2951
3041
|
dense: density === 'compact',
|
|
2952
|
-
}, anchorEl: anchorEl, onClick: (event) => event.stopPropagation(), onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [parseFromValuesOrFunc(enableEditing, row) && (jsxRuntime.jsx(
|
|
3042
|
+
}, anchorEl: anchorEl, onClick: (event) => event.stopPropagation(), onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [parseFromValuesOrFunc(enableEditing, row) && (jsxRuntime.jsx(MenuItem__default["default"], { onClick: handleEdit, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(EditIcon, {}) }), localization.edit] }) })), renderRowActionMenuItems === null || renderRowActionMenuItems === void 0 ? void 0 : renderRowActionMenuItems({
|
|
2953
3043
|
closeMenu: () => setAnchorEl(null),
|
|
2954
3044
|
row,
|
|
2955
3045
|
table,
|
|
@@ -2987,7 +3077,7 @@ const MRT_ToggleRowActionMenuButton = (_a) => {
|
|
|
2987
3077
|
};
|
|
2988
3078
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderRowActions && !showEditActionButtons ? (renderRowActions({ cell, row, table })) : showEditActionButtons ? (jsxRuntime.jsx(MRT_EditActionButtons, { row: row, table: table })) : !renderRowActionMenuItems &&
|
|
2989
3079
|
parseFromValuesOrFunc(enableEditing, row) &&
|
|
2990
|
-
['modal', 'row'].includes(editDisplayMode) ? (jsxRuntime.jsx(
|
|
3080
|
+
['modal', 'row'].includes(editDisplayMode) ? (jsxRuntime.jsx(Tooltip__default["default"], { placement: "right", title: localization.edit, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.edit, onClick: handleStartEditMode, sx: commonIconButtonStyles }, rest, { children: jsxRuntime.jsx(EditIcon, {}) })) })) : renderRowActionMenuItems ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip__default["default"], { enterDelay: 1000, enterNextDelay: 1000, title: localization.rowActions, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.rowActions, onClick: handleOpenRowActionMenu, size: "small", sx: commonIconButtonStyles }, rest, { children: jsxRuntime.jsx(MoreHorizIcon, {}) })) }), jsxRuntime.jsx(MRT_RowActionMenu, { anchorEl: anchorEl, handleEdit: handleStartEditMode, row: row, setAnchorEl: setAnchorEl, table: table })] })) : null }));
|
|
2991
3081
|
};
|
|
2992
3082
|
|
|
2993
3083
|
const MRT_AggregationFns = Object.assign({}, reactTable.aggregationFns);
|
|
@@ -3077,39 +3167,39 @@ const MRT_FilterFns = Object.assign(Object.assign({}, reactTable.filterFns), { b
|
|
|
3077
3167
|
startsWith });
|
|
3078
3168
|
|
|
3079
3169
|
const MRT_Default_Icons = {
|
|
3080
|
-
ArrowDownwardIcon,
|
|
3081
|
-
ArrowRightIcon,
|
|
3082
|
-
CancelIcon,
|
|
3083
|
-
ChevronLeftIcon,
|
|
3084
|
-
ChevronRightIcon,
|
|
3085
|
-
ClearAllIcon,
|
|
3086
|
-
CloseIcon,
|
|
3087
|
-
DensityLargeIcon,
|
|
3088
|
-
DensityMediumIcon,
|
|
3089
|
-
DensitySmallIcon,
|
|
3090
|
-
DragHandleIcon,
|
|
3091
|
-
DynamicFeedIcon,
|
|
3092
|
-
EditIcon,
|
|
3093
|
-
ExpandMoreIcon,
|
|
3094
|
-
FilterAltIcon,
|
|
3095
|
-
FilterListIcon,
|
|
3096
|
-
FilterListOffIcon,
|
|
3097
|
-
FirstPageIcon,
|
|
3098
|
-
FullscreenExitIcon,
|
|
3099
|
-
FullscreenIcon,
|
|
3100
|
-
KeyboardDoubleArrowDownIcon,
|
|
3101
|
-
LastPageIcon,
|
|
3102
|
-
MoreHorizIcon,
|
|
3103
|
-
MoreVertIcon,
|
|
3104
|
-
PushPinIcon,
|
|
3105
|
-
RestartAltIcon,
|
|
3106
|
-
SaveIcon,
|
|
3107
|
-
SearchIcon,
|
|
3108
|
-
SearchOffIcon,
|
|
3109
|
-
SortIcon,
|
|
3110
|
-
SyncAltIcon,
|
|
3111
|
-
ViewColumnIcon,
|
|
3112
|
-
VisibilityOffIcon,
|
|
3170
|
+
ArrowDownwardIcon: ArrowDownwardIcon__default["default"],
|
|
3171
|
+
ArrowRightIcon: ArrowRightIcon__default["default"],
|
|
3172
|
+
CancelIcon: CancelIcon__default["default"],
|
|
3173
|
+
ChevronLeftIcon: ChevronLeftIcon__default["default"],
|
|
3174
|
+
ChevronRightIcon: ChevronRightIcon__default["default"],
|
|
3175
|
+
ClearAllIcon: ClearAllIcon__default["default"],
|
|
3176
|
+
CloseIcon: CloseIcon__default["default"],
|
|
3177
|
+
DensityLargeIcon: DensityLargeIcon__default["default"],
|
|
3178
|
+
DensityMediumIcon: DensityMediumIcon__default["default"],
|
|
3179
|
+
DensitySmallIcon: DensitySmallIcon__default["default"],
|
|
3180
|
+
DragHandleIcon: DragHandleIcon__default["default"],
|
|
3181
|
+
DynamicFeedIcon: DynamicFeedIcon__default["default"],
|
|
3182
|
+
EditIcon: EditIcon__default["default"],
|
|
3183
|
+
ExpandMoreIcon: ExpandMoreIcon__default["default"],
|
|
3184
|
+
FilterAltIcon: FilterAltIcon__default["default"],
|
|
3185
|
+
FilterListIcon: FilterListIcon__default["default"],
|
|
3186
|
+
FilterListOffIcon: FilterListOffIcon__default["default"],
|
|
3187
|
+
FirstPageIcon: FirstPageIcon__default["default"],
|
|
3188
|
+
FullscreenExitIcon: FullscreenExitIcon__default["default"],
|
|
3189
|
+
FullscreenIcon: FullscreenIcon__default["default"],
|
|
3190
|
+
KeyboardDoubleArrowDownIcon: KeyboardDoubleArrowDownIcon__default["default"],
|
|
3191
|
+
LastPageIcon: LastPageIcon__default["default"],
|
|
3192
|
+
MoreHorizIcon: MoreHorizIcon__default["default"],
|
|
3193
|
+
MoreVertIcon: MoreVertIcon__default["default"],
|
|
3194
|
+
PushPinIcon: PushPinIcon__default["default"],
|
|
3195
|
+
RestartAltIcon: RestartAltIcon__default["default"],
|
|
3196
|
+
SaveIcon: SaveIcon__default["default"],
|
|
3197
|
+
SearchIcon: SearchIcon__default["default"],
|
|
3198
|
+
SearchOffIcon: SearchOffIcon__default["default"],
|
|
3199
|
+
SortIcon: SortIcon__default["default"],
|
|
3200
|
+
SyncAltIcon: SyncAltIcon__default["default"],
|
|
3201
|
+
ViewColumnIcon: ViewColumnIcon__default["default"],
|
|
3202
|
+
VisibilityOffIcon: VisibilityOffIcon__default["default"],
|
|
3113
3203
|
};
|
|
3114
3204
|
|
|
3115
3205
|
const MRT_Localization_EN = {
|