material-react-table 2.0.0-beta.10 → 2.0.0-beta.11
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 +0 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +241 -156
- package/dist/index.js.map +1 -1
- package/dist/types/MaterialReactTable.d.ts +7 -0
- package/dist/types/aggregationFns.d.ts +11 -0
- package/dist/types/body/MRT_TableBody.d.ts +13 -0
- package/dist/types/body/MRT_TableBodyCell.d.ts +15 -0
- package/dist/types/body/MRT_TableBodyCellValue.d.ts +8 -0
- package/dist/types/body/MRT_TableBodyRow.d.ts +18 -0
- package/dist/types/body/MRT_TableBodyRowGrabHandle.d.ts +10 -0
- package/dist/types/body/MRT_TableBodyRowPinButton.d.ts +8 -0
- package/dist/types/body/MRT_TableDetailPanel.d.ts +13 -0
- package/dist/types/body/index.d.ts +7 -0
- package/dist/types/buttons/MRT_ColumnPinningButtons.d.ts +8 -0
- package/dist/types/buttons/MRT_CopyButton.d.ts +8 -0
- package/dist/types/buttons/MRT_EditActionButtons.d.ts +9 -0
- package/dist/types/buttons/MRT_ExpandAllButton.d.ts +7 -0
- package/dist/types/buttons/MRT_ExpandButton.d.ts +8 -0
- package/dist/types/buttons/MRT_GrabHandleButton.d.ts +12 -0
- package/dist/types/buttons/MRT_RowPinButton.d.ts +10 -0
- package/dist/types/buttons/MRT_ShowHideColumnsButton.d.ts +7 -0
- package/dist/types/buttons/MRT_ToggleDensePaddingButton.d.ts +7 -0
- package/dist/types/buttons/MRT_ToggleFiltersButton.d.ts +7 -0
- package/dist/types/buttons/MRT_ToggleFullScreenButton.d.ts +7 -0
- package/dist/types/buttons/MRT_ToggleGlobalFilterButton.d.ts +7 -0
- package/dist/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +9 -0
- package/dist/types/buttons/index.d.ts +13 -0
- package/dist/types/column.utils.d.ts +119 -0
- package/dist/types/filterFns.d.ts +69 -0
- package/dist/types/footer/MRT_TableFooter.d.ts +11 -0
- package/dist/types/footer/MRT_TableFooterCell.d.ts +8 -0
- package/dist/types/footer/MRT_TableFooterRow.d.ts +12 -0
- package/dist/types/footer/index.d.ts +3 -0
- package/dist/types/head/MRT_TableHead.d.ts +11 -0
- package/dist/types/head/MRT_TableHeadCell.d.ts +8 -0
- package/dist/types/head/MRT_TableHeadCellColumnActionsButton.d.ts +8 -0
- package/dist/types/head/MRT_TableHeadCellFilterContainer.d.ts +8 -0
- package/dist/types/head/MRT_TableHeadCellFilterLabel.d.ts +8 -0
- package/dist/types/head/MRT_TableHeadCellGrabHandle.d.ts +10 -0
- package/dist/types/head/MRT_TableHeadCellResizeHandle.d.ts +8 -0
- package/dist/types/head/MRT_TableHeadCellSortLabel.d.ts +8 -0
- package/dist/types/head/MRT_TableHeadRow.d.ts +12 -0
- package/dist/types/head/index.d.ts +9 -0
- package/dist/types/hooks/useMRT_DisplayColumns.d.ts +9 -0
- package/dist/types/hooks/useMRT_Effects.d.ts +2 -0
- package/dist/types/hooks/useMRT_TableInstance.d.ts +2 -0
- package/dist/types/hooks/useMRT_TableOptions.d.ts +22 -0
- package/dist/types/icons.d.ts +36 -0
- package/dist/types/index.d.ts +17 -0
- package/dist/types/inputs/MRT_EditCellTextField.d.ts +8 -0
- package/dist/types/inputs/MRT_FilterCheckbox.d.ts +8 -0
- package/dist/types/inputs/MRT_FilterRangeFields.d.ts +8 -0
- package/dist/types/inputs/MRT_FilterRangeSlider.d.ts +8 -0
- package/dist/types/inputs/MRT_FilterTextField.d.ts +9 -0
- package/dist/types/inputs/MRT_GlobalFilterTextField.d.ts +7 -0
- package/dist/types/inputs/MRT_SelectCheckbox.d.ts +9 -0
- package/dist/types/inputs/index.d.ts +7 -0
- package/dist/types/locales/ar.d.ts +2 -0
- package/dist/types/locales/az.d.ts +2 -0
- package/dist/types/locales/bg.d.ts +2 -0
- package/dist/types/locales/cs.d.ts +2 -0
- package/dist/types/locales/da.d.ts +2 -0
- package/dist/types/locales/de.d.ts +2 -0
- package/dist/types/locales/en.d.ts +2 -0
- package/dist/types/locales/es.d.ts +2 -0
- package/dist/types/locales/et.d.ts +2 -0
- package/dist/types/locales/fa.d.ts +2 -0
- package/dist/types/locales/fi.d.ts +2 -0
- package/dist/types/locales/fr.d.ts +2 -0
- package/dist/types/locales/hu.d.ts +2 -0
- package/dist/types/locales/hy.d.ts +2 -0
- package/dist/types/locales/id.d.ts +2 -0
- package/dist/types/locales/it.d.ts +2 -0
- package/dist/types/locales/ja.d.ts +2 -0
- package/dist/types/locales/ko.d.ts +2 -0
- package/dist/types/locales/nl.d.ts +2 -0
- package/dist/types/locales/no.d.ts +2 -0
- package/dist/types/locales/np.d.ts +2 -0
- package/dist/types/locales/pl.d.ts +2 -0
- package/dist/types/locales/pt-BR.d.ts +2 -0
- package/dist/types/locales/pt.d.ts +2 -0
- package/dist/types/locales/ro.d.ts +2 -0
- package/dist/types/locales/ru.d.ts +2 -0
- package/dist/types/locales/sk.d.ts +2 -0
- package/dist/types/locales/sr-Cyrl-RS.d.ts +2 -0
- package/dist/types/locales/sr-Latn-RS.d.ts +2 -0
- package/dist/types/locales/sv.d.ts +2 -0
- package/dist/types/locales/tr.d.ts +2 -0
- package/dist/types/locales/uk.d.ts +2 -0
- package/dist/types/locales/vi.d.ts +2 -0
- package/dist/types/locales/zh-Hans.d.ts +2 -0
- package/dist/types/locales/zh-Hant.d.ts +2 -0
- package/dist/types/menus/MRT_ColumnActionMenu.d.ts +20 -0
- package/dist/types/menus/MRT_FilterOptionMenu.d.ts +13 -0
- package/dist/types/menus/MRT_RowActionMenu.d.ts +12 -0
- package/dist/types/menus/MRT_ShowHideColumnsMenu.d.ts +10 -0
- package/dist/types/menus/MRT_ShowHideColumnsMenuItems.d.ts +12 -0
- package/dist/types/menus/index.d.ts +5 -0
- package/dist/types/modals/MRT_EditRowModal.d.ts +8 -0
- package/dist/types/modals/index.d.ts +1 -0
- package/dist/types/sortingFns.d.ts +12 -0
- package/dist/types/style.utils.d.ts +32 -0
- package/dist/types/table/MRT_Table.d.ts +7 -0
- package/dist/types/table/MRT_TableContainer.d.ts +7 -0
- package/dist/types/table/MRT_TableLoadingOverlay.d.ts +7 -0
- package/dist/types/table/MRT_TablePaper.d.ts +7 -0
- package/dist/types/table/index.d.ts +5 -0
- package/dist/types/toolbar/MRT_BottomToolbar.d.ts +7 -0
- package/dist/types/toolbar/MRT_LinearProgressBar.d.ts +8 -0
- package/dist/types/toolbar/MRT_TablePagination.d.ts +11 -0
- package/dist/types/toolbar/MRT_ToolbarAlertBanner.d.ts +8 -0
- package/dist/types/toolbar/MRT_ToolbarDropZone.d.ts +7 -0
- package/dist/types/toolbar/MRT_ToolbarInternalButtons.d.ts +7 -0
- package/dist/types/toolbar/MRT_TopToolbar.d.ts +6 -0
- package/dist/types/toolbar/index.d.ts +7 -0
- package/dist/types/types.d.ts +837 -0
- package/dist/types/useMaterialReactTable.d.ts +2 -0
- 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 +3 -2
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
|
|
|
@@ -106,8 +193,6 @@ 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
195
|
***************************************************************************** */
|
|
109
|
-
/* global Reflect, Promise, SuppressedError, Symbol */
|
|
110
|
-
|
|
111
196
|
function __rest(s, e) {
|
|
112
197
|
var t = {};
|
|
113
198
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
@@ -415,13 +500,13 @@ const MRT_TableBodyCellValue = ({ cell, table, }) => {
|
|
|
415
500
|
(globalFilter &&
|
|
416
501
|
allowedTypes.includes(typeof globalFilter) &&
|
|
417
502
|
column.getCanGlobalFilter()))) {
|
|
418
|
-
const chunks =
|
|
503
|
+
const chunks = highlightWords__default["default"] === null || highlightWords__default["default"] === void 0 ? void 0 : highlightWords__default["default"]({
|
|
419
504
|
matchExactly: (filterValue ? columnDef._filterFn : globalFilterFn) !== 'fuzzy',
|
|
420
505
|
query: ((_a = filterValue !== null && filterValue !== void 0 ? filterValue : globalFilter) !== null && _a !== void 0 ? _a : '').toString(),
|
|
421
506
|
text: renderedCellValue === null || renderedCellValue === void 0 ? void 0 : renderedCellValue.toString(),
|
|
422
507
|
});
|
|
423
508
|
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(
|
|
509
|
+
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
510
|
? {
|
|
426
511
|
backgroundColor: (theme) => getMRTTheme(table, theme).matchHighlightColor,
|
|
427
512
|
borderRadius: '2px',
|
|
@@ -450,7 +535,7 @@ const MRT_GrabHandleButton = (_a) => {
|
|
|
450
535
|
var { iconButtonProps, location, onDragEnd, onDragStart, table } = _a, rest = __rest(_a, ["iconButtonProps", "location", "onDragEnd", "onDragStart", "table"]);
|
|
451
536
|
const { options: { icons: { DragHandleIcon }, localization, }, } = table;
|
|
452
537
|
const _iconButtonProps = Object.assign(Object.assign({}, iconButtonProps), rest);
|
|
453
|
-
return (jsxRuntime.jsx(
|
|
538
|
+
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
539
|
var _a;
|
|
455
540
|
e.stopPropagation();
|
|
456
541
|
(_a = _iconButtonProps === null || _iconButtonProps === void 0 ? void 0 : _iconButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(_iconButtonProps, e);
|
|
@@ -508,7 +593,7 @@ const MRT_CopyButton = (_a) => {
|
|
|
508
593
|
row,
|
|
509
594
|
table,
|
|
510
595
|
})), rest);
|
|
511
|
-
return (jsxRuntime.jsx(
|
|
596
|
+
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
597
|
};
|
|
513
598
|
|
|
514
599
|
const MRT_EditCellTextField = (_a) => {
|
|
@@ -567,7 +652,7 @@ const MRT_EditCellTextField = (_a) => {
|
|
|
567
652
|
if (columnDef.Edit) {
|
|
568
653
|
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: (_b = columnDef.Edit) === null || _b === void 0 ? void 0 : _b.call(columnDef, { cell, column, row, table }) });
|
|
569
654
|
}
|
|
570
|
-
return (jsxRuntime.jsx(
|
|
655
|
+
return (jsxRuntime.jsx(TextField__default["default"], Object.assign({ disabled: parseFromValuesOrFunc(columnDef.enableEditing, row) === false, fullWidth: true, inputRef: (inputRef) => {
|
|
571
656
|
if (inputRef) {
|
|
572
657
|
editInputRefs.current[column.id] = inputRef;
|
|
573
658
|
if (textFieldProps.inputRef) {
|
|
@@ -596,7 +681,7 @@ const MRT_EditCellTextField = (_a) => {
|
|
|
596
681
|
value = option.value;
|
|
597
682
|
text = option.text;
|
|
598
683
|
}
|
|
599
|
-
return (jsxRuntime.jsx(
|
|
684
|
+
return (jsxRuntime.jsx(MenuItem__default["default"], { sx: {
|
|
600
685
|
alignItems: 'center',
|
|
601
686
|
display: 'flex',
|
|
602
687
|
gap: '0.5rem',
|
|
@@ -712,7 +797,7 @@ const MRT_TableBodyCell = (_a) => {
|
|
|
712
797
|
setHoveredColumn(columnDef.enableColumnOrdering !== false ? column : null);
|
|
713
798
|
}
|
|
714
799
|
};
|
|
715
|
-
return (jsxRuntime.jsx(
|
|
800
|
+
return (jsxRuntime.jsx(TableCell__default["default"], Object.assign({ "data-index": virtualIndex, ref: (node) => {
|
|
716
801
|
if (node) {
|
|
717
802
|
measureElement === null || measureElement === void 0 ? void 0 : measureElement(node);
|
|
718
803
|
}
|
|
@@ -746,7 +831,7 @@ const MRT_TableBodyCell = (_a) => {
|
|
|
746
831
|
table,
|
|
747
832
|
tableCellProps,
|
|
748
833
|
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(
|
|
834
|
+
})), 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
835
|
rowNumberMode === 'static' &&
|
|
751
836
|
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
837
|
(column.id === 'mrt-row-select' ||
|
|
@@ -776,16 +861,16 @@ const MRT_TableDetailPanel = (_a) => {
|
|
|
776
861
|
row,
|
|
777
862
|
table,
|
|
778
863
|
})), rest);
|
|
779
|
-
return (jsxRuntime.jsx(
|
|
864
|
+
return (jsxRuntime.jsx(TableRow__default["default"], Object.assign({ className: "Mui-TableBodyCell-DetailPanel" }, tableRowProps, { sx: (theme) => {
|
|
780
865
|
var _a, _b;
|
|
781
866
|
return (Object.assign({ display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, position: virtualRow ? 'absolute' : undefined, top: virtualRow
|
|
782
867
|
? `${(_b = (_a = parentRowRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.height}px`
|
|
783
868
|
: undefined, transform: virtualRow
|
|
784
869
|
? `translateY(${virtualRow === null || virtualRow === void 0 ? void 0 : virtualRow.start}px)`
|
|
785
870
|
: undefined, width: '100%', zIndex: virtualRow ? 2 : undefined }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme)));
|
|
786
|
-
}, children: jsxRuntime.jsx(
|
|
871
|
+
}, children: jsxRuntime.jsx(TableCell__default["default"], Object.assign({ className: "Mui-TableBodyCell-DetailPanel", colSpan: getVisibleLeafColumns().length }, tableCellProps, { sx: (theme) => (Object.assign({ backgroundColor: virtualRow
|
|
787
872
|
? 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(
|
|
873
|
+
: 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
874
|
};
|
|
790
875
|
|
|
791
876
|
const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }) => {
|
|
@@ -826,7 +911,7 @@ const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, pinnedRo
|
|
|
826
911
|
};
|
|
827
912
|
const rowRef = react.useRef(null);
|
|
828
913
|
const { baseBackgroundColor, pinnedRowBackgroundColor, selectedRowBackgroundColor, } = getMRTTheme(table, theme);
|
|
829
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(
|
|
914
|
+
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
915
|
if (node) {
|
|
831
916
|
rowRef.current = node;
|
|
832
917
|
measureElement === null || measureElement === void 0 ? void 0 : measureElement(node);
|
|
@@ -978,7 +1063,7 @@ const MRT_TableBody = (_a) => {
|
|
|
978
1063
|
? rowVirtualizer.getVirtualItems()
|
|
979
1064
|
: undefined;
|
|
980
1065
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!(rowPinningDisplayMode === null || rowPinningDisplayMode === void 0 ? void 0 : rowPinningDisplayMode.includes('sticky')) &&
|
|
981
|
-
getIsSomeRowsPinned('top') && (jsxRuntime.jsx(
|
|
1066
|
+
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
1067
|
const props = {
|
|
983
1068
|
columnVirtualizer,
|
|
984
1069
|
measureElement: rowVirtualizer === null || rowVirtualizer === void 0 ? void 0 : rowVirtualizer.measureElement,
|
|
@@ -991,13 +1076,13 @@ const MRT_TableBody = (_a) => {
|
|
|
991
1076
|
virtualPaddingRight,
|
|
992
1077
|
};
|
|
993
1078
|
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(
|
|
1079
|
+
}) }))), 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
1080
|
? `${rowVirtualizer.getTotalSize()}px`
|
|
996
1081
|
: '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
1082
|
display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined,
|
|
998
1083
|
}, children: jsxRuntime.jsx("td", { colSpan: table.getVisibleLeafColumns().length, style: {
|
|
999
1084
|
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(
|
|
1085
|
+
}, children: (_e = renderEmptyRowsFallback === null || renderEmptyRowsFallback === void 0 ? void 0 : renderEmptyRowsFallback({ table })) !== null && _e !== void 0 ? _e : (jsxRuntime.jsx(Typography__default["default"], { sx: {
|
|
1001
1086
|
color: 'text.secondary',
|
|
1002
1087
|
fontStyle: 'italic',
|
|
1003
1088
|
maxWidth: `min(100vw, ${(_g = (_f = tablePaperRef.current) === null || _f === void 0 ? void 0 : _f.clientWidth) !== null && _g !== void 0 ? _g : 360}px)`,
|
|
@@ -1027,7 +1112,7 @@ const MRT_TableBody = (_a) => {
|
|
|
1027
1112
|
};
|
|
1028
1113
|
return memoMode === 'rows' ? (jsxRuntime.jsx(Memo_MRT_TableBodyRow, Object.assign({}, props), row.id)) : (jsxRuntime.jsx(MRT_TableBodyRow, Object.assign({}, props), row.id));
|
|
1029
1114
|
}) })))] })), !(rowPinningDisplayMode === null || rowPinningDisplayMode === void 0 ? void 0 : rowPinningDisplayMode.includes('sticky')) &&
|
|
1030
|
-
getIsSomeRowsPinned('bottom') && (jsxRuntime.jsx(
|
|
1115
|
+
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
1116
|
const props = {
|
|
1032
1117
|
columnVirtualizer,
|
|
1033
1118
|
measureElement: rowVirtualizer === null || rowVirtualizer === void 0 ? void 0 : rowVirtualizer.measureElement,
|
|
@@ -1054,7 +1139,7 @@ const MRT_TableFooterCell = (_a) => {
|
|
|
1054
1139
|
const { columnDefType } = columnDef;
|
|
1055
1140
|
const args = { column, table };
|
|
1056
1141
|
const tableCellProps = Object.assign(Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTableFooterCellProps, args)), parseFromValuesOrFunc(columnDef.muiTableFooterCellProps, args)), rest);
|
|
1057
|
-
return (jsxRuntime.jsx(
|
|
1142
|
+
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
1143
|
? '0.5rem'
|
|
1059
1144
|
: density === 'comfortable'
|
|
1060
1145
|
? '1rem'
|
|
@@ -1085,7 +1170,7 @@ const MRT_TableFooterRow = (_a) => {
|
|
|
1085
1170
|
footerGroup,
|
|
1086
1171
|
table,
|
|
1087
1172
|
})), rest);
|
|
1088
|
-
return (jsxRuntime.jsxs(
|
|
1173
|
+
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
1174
|
const footer = virtualColumns
|
|
1090
1175
|
? footerGroup.headers[footerOrVirtualFooter.index]
|
|
1091
1176
|
: footerOrVirtualFooter;
|
|
@@ -1101,7 +1186,7 @@ const MRT_TableFooter = (_a) => {
|
|
|
1101
1186
|
table,
|
|
1102
1187
|
})), rest);
|
|
1103
1188
|
const stickFooter = (isFullScreen || enableStickyFooter) && enableStickyFooter !== false;
|
|
1104
|
-
return (jsxRuntime.jsx(
|
|
1189
|
+
return (jsxRuntime.jsx(TableFooter__default["default"], Object.assign({}, tableFooterProps, { ref: (ref) => {
|
|
1105
1190
|
tableFooterRef.current = ref;
|
|
1106
1191
|
if (tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.ref) {
|
|
1107
1192
|
// @ts-ignore
|
|
@@ -1286,7 +1371,7 @@ const MRT_FilterOptionMenu = (_a) => {
|
|
|
1286
1371
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect();
|
|
1287
1372
|
};
|
|
1288
1373
|
const filterOption = !!header && columnDef ? columnDef._filterFn : globalFilterFn;
|
|
1289
|
-
return (jsxRuntime.jsx(
|
|
1374
|
+
return (jsxRuntime.jsx(Menu__default["default"], Object.assign({ MenuListProps: {
|
|
1290
1375
|
dense: density === 'compact',
|
|
1291
1376
|
}, anchorEl: anchorEl, anchorOrigin: { horizontal: 'right', vertical: 'center' }, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: (_e = (header && column && columnDef
|
|
1292
1377
|
? (_d = (_c = columnDef.renderColumnFilterModeMenuItems) === null || _c === void 0 ? void 0 : _c.call(columnDef, {
|
|
@@ -1304,13 +1389,13 @@ const MRT_FilterOptionMenu = (_a) => {
|
|
|
1304
1389
|
internalFilterOptions,
|
|
1305
1390
|
onSelectFilterMode: handleSelectFilterMode,
|
|
1306
1391
|
table,
|
|
1307
|
-
}))) !== null && _e !== void 0 ? _e : internalFilterOptions.map(({ divider, label, option, symbol }, index) => (jsxRuntime.jsxs(
|
|
1392
|
+
}))) !== 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
1393
|
alignItems: 'center',
|
|
1309
1394
|
display: 'flex',
|
|
1310
1395
|
gap: '2ch',
|
|
1311
1396
|
my: 0,
|
|
1312
1397
|
py: '6px',
|
|
1313
|
-
}, value: option, children: [jsxRuntime.jsx(
|
|
1398
|
+
}, value: option, children: [jsxRuntime.jsx(Box__default["default"], { sx: { fontSize: '1.25rem', width: '2ch' }, children: symbol }), label] }, index))) })));
|
|
1314
1399
|
};
|
|
1315
1400
|
|
|
1316
1401
|
const commonMenuItemStyles = {
|
|
@@ -1389,48 +1474,48 @@ const MRT_ColumnActionMenu = (_a) => {
|
|
|
1389
1474
|
const internalColumnMenuItems = [
|
|
1390
1475
|
...(enableSorting && column.getCanSort()
|
|
1391
1476
|
? [
|
|
1392
|
-
enableSortingRemoval !== false && (jsxRuntime.jsx(
|
|
1393
|
-
jsxRuntime.jsx(
|
|
1394
|
-
jsxRuntime.jsx(
|
|
1477
|
+
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)),
|
|
1478
|
+
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),
|
|
1479
|
+
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
1480
|
]
|
|
1396
1481
|
: []),
|
|
1397
1482
|
...(enableColumnFilters && column.getCanFilter()
|
|
1398
1483
|
? [
|
|
1399
|
-
jsxRuntime.jsx(
|
|
1484
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: !columnFilterValue ||
|
|
1400
1485
|
(Array.isArray(columnFilterValue) &&
|
|
1401
|
-
!columnFilterValue.filter((value) => value).length), onClick: handleClearFilter, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(
|
|
1402
|
-
columnFilterDisplayMode === 'subheader' && (jsxRuntime.jsxs(
|
|
1486
|
+
!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),
|
|
1487
|
+
columnFilterDisplayMode === 'subheader' && (jsxRuntime.jsxs(MenuItem__default["default"], { disabled: showColumnFilters && !enableColumnFilterModes, divider: enableGrouping || enableHiding, onClick: showColumnFilters
|
|
1403
1488
|
? handleOpenFilterModeMenu
|
|
1404
|
-
: handleFilterByColumn, sx: commonMenuItemStyles, children: [jsxRuntime.jsxs(
|
|
1489
|
+
: 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
1490
|
showFilterModeSubMenu && (jsxRuntime.jsx(MRT_FilterOptionMenu, { anchorEl: filterMenuAnchorEl, header: header, onSelect: handleFilterByColumn, setAnchorEl: setFilterMenuAnchorEl, table: table }, 5)),
|
|
1406
1491
|
].filter(Boolean)
|
|
1407
1492
|
: []),
|
|
1408
1493
|
...(enableGrouping && column.getCanGroup()
|
|
1409
1494
|
? [
|
|
1410
|
-
jsxRuntime.jsx(
|
|
1495
|
+
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
1496
|
]
|
|
1412
1497
|
: []),
|
|
1413
1498
|
...(enableColumnPinning && column.getCanPin()
|
|
1414
1499
|
? [
|
|
1415
|
-
jsxRuntime.jsx(
|
|
1416
|
-
jsxRuntime.jsx(
|
|
1417
|
-
jsxRuntime.jsx(
|
|
1500
|
+
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),
|
|
1501
|
+
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),
|
|
1502
|
+
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
1503
|
]
|
|
1419
1504
|
: []),
|
|
1420
1505
|
...(enableColumnResizing && column.getCanResize()
|
|
1421
1506
|
? [
|
|
1422
|
-
jsxRuntime.jsx(
|
|
1507
|
+
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
1508
|
]
|
|
1424
1509
|
: []),
|
|
1425
1510
|
...(enableHiding
|
|
1426
1511
|
? [
|
|
1427
|
-
jsxRuntime.jsx(
|
|
1428
|
-
jsxRuntime.jsx(
|
|
1429
|
-
.length, onClick: handleShowAllColumns, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(
|
|
1512
|
+
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),
|
|
1513
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: !Object.values(columnVisibility).filter((visible) => !visible)
|
|
1514
|
+
.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
1515
|
]
|
|
1431
1516
|
: []),
|
|
1432
1517
|
].filter(Boolean);
|
|
1433
|
-
return (jsxRuntime.jsx(
|
|
1518
|
+
return (jsxRuntime.jsx(Menu__default["default"], Object.assign({ MenuListProps: {
|
|
1434
1519
|
dense: density === 'compact',
|
|
1435
1520
|
}, anchorEl: anchorEl, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: (_l = (_k = (_j = columnDef.renderColumnActionsMenuItems) === null || _j === void 0 ? void 0 : _j.call(columnDef, {
|
|
1436
1521
|
closeMenu: () => setAnchorEl(null),
|
|
@@ -1464,7 +1549,7 @@ const MRT_TableHeadCellColumnActionsButton = (_a) => {
|
|
|
1464
1549
|
column,
|
|
1465
1550
|
table,
|
|
1466
1551
|
})), rest);
|
|
1467
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(
|
|
1552
|
+
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
1553
|
opacity: 1,
|
|
1469
1554
|
}, 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
1555
|
};
|
|
@@ -1483,7 +1568,7 @@ const MRT_FilterCheckbox = (_a) => {
|
|
|
1483
1568
|
table,
|
|
1484
1569
|
})), rest);
|
|
1485
1570
|
const filterLabel = (_b = localization.filterByColumn) === null || _b === void 0 ? void 0 : _b.replace('{column}', columnDef.header);
|
|
1486
|
-
return (jsxRuntime.jsx(
|
|
1571
|
+
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
1572
|
var _a;
|
|
1488
1573
|
column.setFilterValue(column.getFilterValue() === undefined
|
|
1489
1574
|
? 'true'
|
|
@@ -1641,12 +1726,12 @@ const MRT_FilterTextField = (_a) => {
|
|
|
1641
1726
|
isMultiSelectFilter,
|
|
1642
1727
|
isSelectFilter,
|
|
1643
1728
|
]);
|
|
1644
|
-
const endAdornment = !isAutocompleteFilter && !isDateFilter && !filterChipLabel ? (jsxRuntime.jsx(
|
|
1729
|
+
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
1730
|
height: '2rem',
|
|
1646
1731
|
transform: 'scale(0.9)',
|
|
1647
1732
|
width: '2rem',
|
|
1648
1733
|
}, children: jsxRuntime.jsx(CloseIcon, {}) }) }) }) })) : null;
|
|
1649
|
-
const startAdornment = showChangeModeButton ? (jsxRuntime.jsxs(
|
|
1734
|
+
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
1735
|
const commonTextFieldProps = Object.assign(Object.assign({ FormHelperTextProps: {
|
|
1651
1736
|
sx: {
|
|
1652
1737
|
fontSize: '0.75rem',
|
|
@@ -1688,24 +1773,24 @@ const MRT_FilterTextField = (_a) => {
|
|
|
1688
1773
|
}, value: filterValue || null }, datePickerProps, { slotProps: {
|
|
1689
1774
|
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
1775
|
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(
|
|
1776
|
+
} }))) : 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
1777
|
var _a;
|
|
1693
|
-
return (jsxRuntime.jsx(
|
|
1694
|
-
}, value: filterValue }))) : (jsxRuntime.jsx(
|
|
1778
|
+
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 })));
|
|
1779
|
+
}, value: filterValue }))) : (jsxRuntime.jsx(TextField__default["default"], Object.assign({ SelectProps: {
|
|
1695
1780
|
displayEmpty: true,
|
|
1696
1781
|
multiple: isMultiSelectFilter,
|
|
1697
1782
|
renderValue: isMultiSelectFilter
|
|
1698
|
-
? (selected) => !(selected === null || selected === void 0 ? void 0 : selected.length) ? (jsxRuntime.jsx(
|
|
1783
|
+
? (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
1784
|
const selectedValue = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.find((option) => option instanceof Object
|
|
1700
1785
|
? option.value === value
|
|
1701
1786
|
: option === value);
|
|
1702
|
-
return (jsxRuntime.jsx(
|
|
1787
|
+
return (jsxRuntime.jsx(Chip__default["default"], { label: selectedValue instanceof Object
|
|
1703
1788
|
? selectedValue.text
|
|
1704
1789
|
: selectedValue }, value));
|
|
1705
1790
|
}) }))
|
|
1706
1791
|
: undefined,
|
|
1707
1792
|
}, onChange: handleTextFieldChange, select: isSelectFilter || isMultiSelectFilter }, commonTextFieldProps, { value: filterValue !== null && filterValue !== void 0 ? filterValue : '', children: (isSelectFilter || isMultiSelectFilter) && [
|
|
1708
|
-
jsxRuntime.jsx(
|
|
1793
|
+
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
1794
|
...[
|
|
1710
1795
|
(_p = textFieldProps.children) !== null && _p !== void 0 ? _p : dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((option, index) => {
|
|
1711
1796
|
var _a;
|
|
@@ -1721,12 +1806,12 @@ const MRT_FilterTextField = (_a) => {
|
|
|
1721
1806
|
value = option.value;
|
|
1722
1807
|
text = option.text;
|
|
1723
1808
|
}
|
|
1724
|
-
return (jsxRuntime.jsxs(
|
|
1809
|
+
return (jsxRuntime.jsxs(MenuItem__default["default"], { sx: {
|
|
1725
1810
|
alignItems: 'center',
|
|
1726
1811
|
display: 'flex',
|
|
1727
1812
|
gap: '0.5rem',
|
|
1728
1813
|
m: 0,
|
|
1729
|
-
}, value: value, children: [isMultiSelectFilter && (jsxRuntime.jsx(
|
|
1814
|
+
}, 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
1815
|
`(${facetedUniqueValues.get(value)})`] }, `${index}-${value}`));
|
|
1731
1816
|
}),
|
|
1732
1817
|
],
|
|
@@ -1735,7 +1820,7 @@ const MRT_FilterTextField = (_a) => {
|
|
|
1735
1820
|
|
|
1736
1821
|
const MRT_FilterRangeFields = (_a) => {
|
|
1737
1822
|
var { header, table } = _a, rest = __rest(_a, ["header", "table"]);
|
|
1738
|
-
return (jsxRuntime.jsxs(
|
|
1823
|
+
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
1824
|
};
|
|
1740
1825
|
|
|
1741
1826
|
const MRT_FilterRangeSlider = (_a) => {
|
|
@@ -1773,7 +1858,7 @@ const MRT_FilterRangeSlider = (_a) => {
|
|
|
1773
1858
|
}
|
|
1774
1859
|
isMounted.current = true;
|
|
1775
1860
|
}, [columnFilterValue, min, max]);
|
|
1776
|
-
return (jsxRuntime.jsxs(
|
|
1861
|
+
return (jsxRuntime.jsxs(Stack__default["default"], { children: [jsxRuntime.jsx(Slider__default["default"], Object.assign({ disableSwap: true, max: max, min: min, onChange: (_event, values) => {
|
|
1777
1862
|
setFilterValues(values);
|
|
1778
1863
|
}, onChangeCommitted: (_event, value) => {
|
|
1779
1864
|
if (Array.isArray(value)) {
|
|
@@ -1799,7 +1884,7 @@ const MRT_FilterRangeSlider = (_a) => {
|
|
|
1799
1884
|
}
|
|
1800
1885
|
},
|
|
1801
1886
|
},
|
|
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(
|
|
1887
|
+
}, 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
1888
|
fontSize: '0.75rem',
|
|
1804
1889
|
lineHeight: '0.8rem',
|
|
1805
1890
|
m: '-3px -6px',
|
|
@@ -1817,7 +1902,7 @@ const MRT_TableHeadCellFilterContainer = (_a) => {
|
|
|
1817
1902
|
const { showColumnFilters } = getState();
|
|
1818
1903
|
const { column } = header;
|
|
1819
1904
|
const { columnDef } = column;
|
|
1820
|
-
return (jsxRuntime.jsx(
|
|
1905
|
+
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
1906
|
['between', 'betweenInclusive', 'inNumberRange'].includes(columnDef._filterFn) ? (jsxRuntime.jsx(MRT_FilterRangeFields, { header: header, table: table })) : (jsxRuntime.jsx(MRT_FilterTextField, { header: header, table: table })) })));
|
|
1822
1907
|
};
|
|
1823
1908
|
|
|
@@ -1847,10 +1932,10 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
|
|
|
1847
1932
|
? filterValue.join(`" ${isRangeFilter ? localization.and : localization.or} "`)
|
|
1848
1933
|
: filterValue}"`)
|
|
1849
1934
|
.replace('" "', '');
|
|
1850
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(
|
|
1935
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Grow__default["default"], { in: columnFilterDisplayMode === 'popover' ||
|
|
1851
1936
|
(!!filterValue && !isRangeFilter) ||
|
|
1852
1937
|
(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(
|
|
1938
|
+
(!!(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
1939
|
if (columnFilterDisplayMode === 'popover') {
|
|
1855
1940
|
setAnchorEl(event.currentTarget);
|
|
1856
1941
|
}
|
|
@@ -1863,7 +1948,7 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
|
|
|
1863
1948
|
(_b = filterInputRefs.current[`${column.id}-0`]) === null || _b === void 0 ? void 0 : _b.select();
|
|
1864
1949
|
});
|
|
1865
1950
|
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(
|
|
1951
|
+
}, 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
1952
|
horizontal: 'center',
|
|
1868
1953
|
vertical: 'top',
|
|
1869
1954
|
}, onClick: (event) => event.stopPropagation(), onClose: (event) => {
|
|
@@ -1873,7 +1958,7 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
|
|
|
1873
1958
|
}, onKeyDown: (event) => event.key === 'Enter' && setAnchorEl(null), open: !!anchorEl, transformOrigin: {
|
|
1874
1959
|
horizontal: 'center',
|
|
1875
1960
|
vertical: 'bottom',
|
|
1876
|
-
}, children: jsxRuntime.jsx(
|
|
1961
|
+
}, children: jsxRuntime.jsx(Box__default["default"], { sx: { p: '1rem' }, children: jsxRuntime.jsx(MRT_TableHeadCellFilterContainer, { header: header, table: table }) }) })] }));
|
|
1877
1962
|
};
|
|
1878
1963
|
|
|
1879
1964
|
const MRT_TableHeadCellGrabHandle = (_a) => {
|
|
@@ -1914,7 +1999,7 @@ const MRT_TableHeadCellResizeHandle = (_a) => {
|
|
|
1914
1999
|
const { getState, options: { columnResizeMode }, setColumnSizingInfo, } = table;
|
|
1915
2000
|
const { density } = getState();
|
|
1916
2001
|
const { column } = header;
|
|
1917
|
-
return (jsxRuntime.jsx(
|
|
2002
|
+
return (jsxRuntime.jsx(Box__default["default"], { className: "Mui-TableHeadCell-ResizeHandle-Wrapper", onDoubleClick: () => {
|
|
1918
2003
|
setColumnSizingInfo((old) => (Object.assign(Object.assign({}, old), { isResizingColumn: false })));
|
|
1919
2004
|
column.resetSize();
|
|
1920
2005
|
}, onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), style: {
|
|
@@ -1935,7 +2020,7 @@ const MRT_TableHeadCellResizeHandle = (_a) => {
|
|
|
1935
2020
|
position: 'absolute',
|
|
1936
2021
|
px: '4px',
|
|
1937
2022
|
right: column.columnDef.columnDefType === 'display' ? '4px' : '0',
|
|
1938
|
-
}), children: jsxRuntime.jsx(
|
|
2023
|
+
}), 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
2024
|
? undefined
|
|
1940
2025
|
: 'all 150ms ease-in-out', userSelect: 'none', zIndex: 4 }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))) }) }));
|
|
1941
2026
|
};
|
|
@@ -1956,7 +2041,7 @@ const MRT_TableHeadCellSortLabel = (_a) => {
|
|
|
1956
2041
|
: column.getNextSortingOrder() === 'desc'
|
|
1957
2042
|
? localization.sortByColumnDesc.replace('{column}', columnDef.header)
|
|
1958
2043
|
: localization.sortByColumnAsc.replace('{column}', columnDef.header);
|
|
1959
|
-
return (jsxRuntime.jsx(
|
|
2044
|
+
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
2045
|
? (props) => (jsxRuntime.jsx(SyncAltIcon, Object.assign({}, props, { style: {
|
|
1961
2046
|
transform: 'rotate(-90deg) scaleX(0.9) translateX(-1px)',
|
|
1962
2047
|
} })))
|
|
@@ -2038,7 +2123,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
|
2038
2123
|
header,
|
|
2039
2124
|
table,
|
|
2040
2125
|
})) !== null && _b !== void 0 ? _b : columnDef.header;
|
|
2041
|
-
return (jsxRuntime.jsxs(
|
|
2126
|
+
return (jsxRuntime.jsxs(TableCell__default["default"], Object.assign({ align: columnDefType === 'group' ? 'center' : 'left', colSpan: header.colSpan, onDragEnter: handleDragEnter, ref: (node) => {
|
|
2042
2127
|
if (node) {
|
|
2043
2128
|
tableHeadCellRefs.current[column.id] = node;
|
|
2044
2129
|
}
|
|
@@ -2074,7 +2159,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
|
2074
2159
|
theme,
|
|
2075
2160
|
})), draggingBorders)), children: [header.isPlaceholder
|
|
2076
2161
|
? null
|
|
2077
|
-
: (_c = tableCellProps.children) !== null && _c !== void 0 ? _c : (jsxRuntime.jsxs(
|
|
2162
|
+
: (_c = tableCellProps.children) !== null && _c !== void 0 ? _c : (jsxRuntime.jsxs(Box__default["default"], { className: "Mui-TableHeadCell-Content", sx: {
|
|
2078
2163
|
alignItems: 'center',
|
|
2079
2164
|
display: 'flex',
|
|
2080
2165
|
flexDirection: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) === 'right' ? 'row-reverse' : 'row',
|
|
@@ -2086,7 +2171,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
|
2086
2171
|
: 'flex-start',
|
|
2087
2172
|
position: 'relative',
|
|
2088
2173
|
width: '100%',
|
|
2089
|
-
}, children: [jsxRuntime.jsxs(
|
|
2174
|
+
}, children: [jsxRuntime.jsxs(Box__default["default"], { className: "Mui-TableHeadCell-Content-Labels", onClick: column.getToggleSortingHandler(), sx: {
|
|
2090
2175
|
alignItems: 'center',
|
|
2091
2176
|
cursor: column.getCanSort() && columnDefType !== 'group'
|
|
2092
2177
|
? 'pointer'
|
|
@@ -2097,7 +2182,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
|
2097
2182
|
pl: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) === 'center'
|
|
2098
2183
|
? `${headerPL}rem`
|
|
2099
2184
|
: undefined,
|
|
2100
|
-
}, children: [jsxRuntime.jsx(
|
|
2185
|
+
}, children: [jsxRuntime.jsx(Box__default["default"], { className: "Mui-TableHeadCell-Content-Wrapper", sx: {
|
|
2101
2186
|
'&:hover': {
|
|
2102
2187
|
textOverflow: 'clip',
|
|
2103
2188
|
},
|
|
@@ -2107,7 +2192,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
|
2107
2192
|
whiteSpace: ((_h = (_g = columnDef.header) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : 0) < 20
|
|
2108
2193
|
? 'nowrap'
|
|
2109
2194
|
: '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(
|
|
2195
|
+
}, 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
2196
|
current: tableHeadCellRefs.current[column.id],
|
|
2112
2197
|
} })), 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
2198
|
};
|
|
@@ -2119,7 +2204,7 @@ const MRT_TableHeadRow = (_a) => {
|
|
|
2119
2204
|
headerGroup,
|
|
2120
2205
|
table,
|
|
2121
2206
|
})), { rest });
|
|
2122
|
-
return (jsxRuntime.jsxs(
|
|
2207
|
+
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
2208
|
const header = virtualColumns
|
|
2124
2209
|
? headerGroup.headers[headerOrVirtualHeader.index]
|
|
2125
2210
|
: headerOrVirtualHeader;
|
|
@@ -2135,12 +2220,12 @@ const MRT_LinearProgressBar = (_a) => {
|
|
|
2135
2220
|
isTopToolbar,
|
|
2136
2221
|
table,
|
|
2137
2222
|
})), rest);
|
|
2138
|
-
return (jsxRuntime.jsx(
|
|
2223
|
+
return (jsxRuntime.jsx(Collapse__default["default"], { in: showProgressBars !== false && (showProgressBars || isSaving), mountOnEnter: true, sx: {
|
|
2139
2224
|
bottom: isTopToolbar ? 0 : undefined,
|
|
2140
2225
|
position: 'absolute',
|
|
2141
2226
|
top: !isTopToolbar ? 0 : undefined,
|
|
2142
2227
|
width: '100%',
|
|
2143
|
-
}, unmountOnExit: true, children: jsxRuntime.jsx(
|
|
2228
|
+
}, unmountOnExit: true, children: jsxRuntime.jsx(LinearProgress__default["default"], Object.assign({ "aria-busy": "true", "aria-label": "Loading", sx: { position: 'relative' } }, linearProgressProps)) }));
|
|
2144
2229
|
};
|
|
2145
2230
|
|
|
2146
2231
|
const defaultRowsPerPage = [5, 10, 15, 20, 25, 30, 50, 100];
|
|
@@ -2157,7 +2242,7 @@ const MRT_TablePagination = (_a) => {
|
|
|
2157
2242
|
const firstRowIndex = pageIndex * pageSize;
|
|
2158
2243
|
const lastRowIndex = Math.min(pageIndex * pageSize + pageSize, totalRowCount);
|
|
2159
2244
|
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(
|
|
2245
|
+
return (jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
2161
2246
|
alignItems: 'center',
|
|
2162
2247
|
display: 'flex',
|
|
2163
2248
|
flexWrap: 'wrap',
|
|
@@ -2173,12 +2258,12 @@ const MRT_TablePagination = (_a) => {
|
|
|
2173
2258
|
px: '8px',
|
|
2174
2259
|
py: '12px',
|
|
2175
2260
|
zIndex: 2,
|
|
2176
|
-
}, children: [showRowsPerPage && (jsxRuntime.jsxs(
|
|
2261
|
+
}, 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
2262
|
first: FirstPageIcon,
|
|
2178
2263
|
last: LastPageIcon,
|
|
2179
2264
|
next: ChevronRightIcon,
|
|
2180
2265
|
previous: ChevronLeftIcon,
|
|
2181
|
-
} }, item))), showFirstButton: showFirstButton, showLastButton: showLastButton }, _rest))) : paginationDisplayMode === 'default' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(
|
|
2266
|
+
} }, 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
2267
|
};
|
|
2183
2268
|
|
|
2184
2269
|
const MRT_GlobalFilterTextField = (_a) => {
|
|
@@ -2218,7 +2303,7 @@ const MRT_GlobalFilterTextField = (_a) => {
|
|
|
2218
2303
|
}
|
|
2219
2304
|
isMounted.current = true;
|
|
2220
2305
|
}, [globalFilter]);
|
|
2221
|
-
return (jsxRuntime.jsxs(
|
|
2306
|
+
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
2307
|
var _a;
|
|
2223
2308
|
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
2309
|
} }), 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 +2355,9 @@ const MRT_SelectCheckbox = (_a) => {
|
|
|
2270
2355
|
e.stopPropagation();
|
|
2271
2356
|
(_a = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.onClick) === null || _a === void 0 ? void 0 : _a.call(checkboxProps, e);
|
|
2272
2357
|
}, 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(
|
|
2358
|
+
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
2359
|
? localization.toggleSelectAll
|
|
2275
|
-
: localization.toggleSelectRow), children: enableMultiRowSelection === false ? (jsxRuntime.jsx(
|
|
2360
|
+
: localization.toggleSelectRow), children: enableMultiRowSelection === false ? (jsxRuntime.jsx(Radio__default["default"], Object.assign({}, commonProps))) : (jsxRuntime.jsx(Checkbox__default["default"], Object.assign({ indeterminate: selectAll
|
|
2276
2361
|
? table.getIsSomeRowsSelected() && !allRowsSelected
|
|
2277
2362
|
: row === null || row === void 0 ? void 0 : row.getIsSomeSelected() }, commonProps))) }));
|
|
2278
2363
|
};
|
|
@@ -2291,8 +2376,8 @@ const MRT_ToolbarAlertBanner = (_a) => {
|
|
|
2291
2376
|
const selectedAlert = getSelectedRowModel().rows.length > 0
|
|
2292
2377
|
? (_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
2378
|
: 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(
|
|
2379
|
+
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;
|
|
2380
|
+
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
2381
|
var _a, _b;
|
|
2297
2382
|
return (Object.assign({ '& .MuiAlert-message': {
|
|
2298
2383
|
maxWidth: `calc(${(_b = (_a = tablePaperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 360}px - 1rem)`,
|
|
@@ -2306,7 +2391,7 @@ const MRT_ToolbarAlertBanner = (_a) => {
|
|
|
2306
2391
|
groupedAlert,
|
|
2307
2392
|
selectedAlert,
|
|
2308
2393
|
table,
|
|
2309
|
-
})) !== null && _d !== void 0 ? _d : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(alertProps === null || alertProps === void 0 ? void 0 : alertProps.title) && jsxRuntime.jsx(
|
|
2394
|
+
})) !== 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
2395
|
p: positionToolbarAlertBanner !== 'head-overlay'
|
|
2311
2396
|
? '0.5rem 1rem'
|
|
2312
2397
|
: density === 'spacious'
|
|
@@ -2314,7 +2399,7 @@ const MRT_ToolbarAlertBanner = (_a) => {
|
|
|
2314
2399
|
: density === 'comfortable'
|
|
2315
2400
|
? '0.5rem 0.75rem'
|
|
2316
2401
|
: '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(
|
|
2402
|
+
}, 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
2403
|
enableSelectAll &&
|
|
2319
2404
|
positionToolbarAlertBanner === 'head-overlay' && (jsxRuntime.jsx(MRT_SelectCheckbox, { selectAll: true, table: table })), ' ', selectedAlert] }), selectedAlert && groupedAlert && jsxRuntime.jsx("br", {}), groupedAlert] })] })) })) }));
|
|
2320
2405
|
};
|
|
@@ -2336,17 +2421,17 @@ const MRT_ToolbarDropZone = (_a) => {
|
|
|
2336
2421
|
!grouping.includes(draggingColumn.id));
|
|
2337
2422
|
}
|
|
2338
2423
|
}, [enableGrouping, draggingColumn, grouping]);
|
|
2339
|
-
return (jsxRuntime.jsx(
|
|
2424
|
+
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
2425
|
};
|
|
2341
2426
|
|
|
2342
2427
|
const MRT_BottomToolbar = (_a) => {
|
|
2343
2428
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
|
2344
2429
|
const { getState, options: { enablePagination, muiBottomToolbarProps, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderBottomToolbarCustomActions, }, refs: { bottomToolbarRef }, } = table;
|
|
2345
2430
|
const { isFullScreen } = getState();
|
|
2346
|
-
const isMobile =
|
|
2431
|
+
const isMobile = useMediaQuery__default["default"]('(max-width:720px)');
|
|
2347
2432
|
const toolbarProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiBottomToolbarProps, { table })), rest);
|
|
2348
2433
|
const stackAlertBanner = isMobile || !!renderBottomToolbarCustomActions;
|
|
2349
|
-
return (jsxRuntime.jsxs(
|
|
2434
|
+
return (jsxRuntime.jsxs(Box__default["default"], Object.assign({}, toolbarProps, { ref: (node) => {
|
|
2350
2435
|
if (node) {
|
|
2351
2436
|
bottomToolbarRef.current = node;
|
|
2352
2437
|
if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
|
|
@@ -2354,14 +2439,14 @@ const MRT_BottomToolbar = (_a) => {
|
|
|
2354
2439
|
toolbarProps.ref.current = node;
|
|
2355
2440
|
}
|
|
2356
2441
|
}
|
|
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(
|
|
2442
|
+
}, 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
2443
|
alignItems: 'center',
|
|
2359
2444
|
boxSizing: 'border-box',
|
|
2360
2445
|
display: 'flex',
|
|
2361
2446
|
justifyContent: 'space-between',
|
|
2362
2447
|
p: '0.5rem',
|
|
2363
2448
|
width: '100%',
|
|
2364
|
-
}, children: [renderBottomToolbarCustomActions ? (renderBottomToolbarCustomActions({ table })) : (jsxRuntime.jsx("span", {})), jsxRuntime.jsx(
|
|
2449
|
+
}, children: [renderBottomToolbarCustomActions ? (renderBottomToolbarCustomActions({ table })) : (jsxRuntime.jsx("span", {})), jsxRuntime.jsx(Box__default["default"], { sx: {
|
|
2365
2450
|
display: 'flex',
|
|
2366
2451
|
justifyContent: 'flex-end',
|
|
2367
2452
|
position: stackAlertBanner ? 'relative' : 'absolute',
|
|
@@ -2377,9 +2462,9 @@ const MRT_ColumnPinningButtons = (_a) => {
|
|
|
2377
2462
|
const handlePinColumn = (pinDirection) => {
|
|
2378
2463
|
column.pin(pinDirection);
|
|
2379
2464
|
};
|
|
2380
|
-
return (jsxRuntime.jsx(
|
|
2465
|
+
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
2466
|
transform: 'rotate(90deg)',
|
|
2382
|
-
} }) }) }), jsxRuntime.jsx(
|
|
2467
|
+
} }) }) }), 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
2468
|
transform: 'rotate(-90deg)',
|
|
2384
2469
|
} }) }) })] })) })));
|
|
2385
2470
|
};
|
|
@@ -2425,26 +2510,26 @@ const MRT_ShowHideColumnsMenuItems = (_a) => {
|
|
|
2425
2510
|
};
|
|
2426
2511
|
if (!columnDef.header)
|
|
2427
2512
|
return null;
|
|
2428
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(
|
|
2513
|
+
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
2514
|
? `2px dashed ${theme.palette.grey[500]}`
|
|
2430
2515
|
: (hoveredColumn === null || hoveredColumn === void 0 ? void 0 : hoveredColumn.id) === column.id
|
|
2431
2516
|
? `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(
|
|
2517
|
+
: '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
2518
|
display: 'flex',
|
|
2434
2519
|
flexWrap: 'nowrap',
|
|
2435
2520
|
gap: '8px',
|
|
2436
2521
|
}, children: [columnDefType !== 'group' &&
|
|
2437
2522
|
enableColumnOrdering &&
|
|
2438
2523
|
!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(
|
|
2524
|
+
(columnDef.enableColumnOrdering !== false ? (jsxRuntime.jsx(MRT_GrabHandleButton, { onDragEnd: handleDragEnd, onDragStart: handleDragStart, table: table })) : (jsxRuntime.jsx(Box__default["default"], { sx: { width: '28px' } }))), enableColumnPinning &&
|
|
2525
|
+
(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
2526
|
typography: {
|
|
2442
2527
|
sx: {
|
|
2443
2528
|
mb: 0,
|
|
2444
2529
|
opacity: columnDefType !== 'display' ? 1 : 0.5,
|
|
2445
2530
|
},
|
|
2446
2531
|
},
|
|
2447
|
-
}, control: jsxRuntime.jsx(
|
|
2532
|
+
}, 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
2533
|
};
|
|
2449
2534
|
|
|
2450
2535
|
const MRT_ShowHideColumnsMenu = (_a) => {
|
|
@@ -2476,14 +2561,14 @@ const MRT_ShowHideColumnsMenu = (_a) => {
|
|
|
2476
2561
|
getRightLeafColumns(),
|
|
2477
2562
|
]);
|
|
2478
2563
|
const [hoveredColumn, setHoveredColumn] = react.useState(null);
|
|
2479
|
-
return (jsxRuntime.jsxs(
|
|
2564
|
+
return (jsxRuntime.jsxs(Menu__default["default"], Object.assign({ MenuListProps: {
|
|
2480
2565
|
dense: density === 'compact',
|
|
2481
|
-
}, anchorEl: anchorEl, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [jsxRuntime.jsxs(
|
|
2566
|
+
}, anchorEl: anchorEl, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
2482
2567
|
display: 'flex',
|
|
2483
2568
|
justifyContent: 'space-between',
|
|
2484
2569
|
p: '0.5rem',
|
|
2485
2570
|
pt: 0,
|
|
2486
|
-
}, children: [enableHiding && (jsxRuntime.jsx(
|
|
2571
|
+
}, 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
2572
|
};
|
|
2488
2573
|
|
|
2489
2574
|
const MRT_ShowHideColumnsButton = (_a) => {
|
|
@@ -2494,7 +2579,7 @@ const MRT_ShowHideColumnsButton = (_a) => {
|
|
|
2494
2579
|
const handleClick = (event) => {
|
|
2495
2580
|
setAnchorEl(event.currentTarget);
|
|
2496
2581
|
};
|
|
2497
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(
|
|
2582
|
+
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
2583
|
};
|
|
2499
2584
|
|
|
2500
2585
|
const MRT_ToggleDensePaddingButton = (_a) => {
|
|
@@ -2510,7 +2595,7 @@ const MRT_ToggleDensePaddingButton = (_a) => {
|
|
|
2510
2595
|
: 'comfortable';
|
|
2511
2596
|
setDensity(nextDensity);
|
|
2512
2597
|
};
|
|
2513
|
-
return (jsxRuntime.jsx(
|
|
2598
|
+
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
2599
|
};
|
|
2515
2600
|
|
|
2516
2601
|
const MRT_ToggleFiltersButton = (_a) => {
|
|
@@ -2521,7 +2606,7 @@ const MRT_ToggleFiltersButton = (_a) => {
|
|
|
2521
2606
|
const handleToggleShowFilters = () => {
|
|
2522
2607
|
setShowColumnFilters(!showColumnFilters);
|
|
2523
2608
|
};
|
|
2524
|
-
return (jsxRuntime.jsx(
|
|
2609
|
+
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
2610
|
};
|
|
2526
2611
|
|
|
2527
2612
|
const MRT_ToggleFullScreenButton = (_a) => {
|
|
@@ -2534,7 +2619,7 @@ const MRT_ToggleFullScreenButton = (_a) => {
|
|
|
2534
2619
|
setTooltipOpened(false);
|
|
2535
2620
|
setIsFullScreen(!isFullScreen);
|
|
2536
2621
|
};
|
|
2537
|
-
return (jsxRuntime.jsx(
|
|
2622
|
+
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
2623
|
};
|
|
2539
2624
|
|
|
2540
2625
|
const MRT_ToggleGlobalFilterButton = (_a) => {
|
|
@@ -2546,14 +2631,14 @@ const MRT_ToggleGlobalFilterButton = (_a) => {
|
|
|
2546
2631
|
setShowGlobalFilter(!showGlobalFilter);
|
|
2547
2632
|
queueMicrotask(() => { var _a; return (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
|
|
2548
2633
|
};
|
|
2549
|
-
return (jsxRuntime.jsx(
|
|
2634
|
+
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
2635
|
};
|
|
2551
2636
|
|
|
2552
2637
|
const MRT_ToolbarInternalButtons = (_a) => {
|
|
2553
2638
|
var _b;
|
|
2554
2639
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
|
2555
2640
|
const { options: { columnFilterDisplayMode, enableColumnFilters, enableColumnOrdering, enableColumnPinning, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, initialState, renderToolbarInternalActions, }, } = table;
|
|
2556
|
-
return (jsxRuntime.jsx(
|
|
2641
|
+
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
2642
|
table,
|
|
2558
2643
|
})) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [enableFilters &&
|
|
2559
2644
|
enableGlobalFilter &&
|
|
@@ -2566,16 +2651,16 @@ const MRT_TopToolbar = ({ table, }) => {
|
|
|
2566
2651
|
var _a;
|
|
2567
2652
|
const { getState, options: { enableGlobalFilter, enablePagination, enableToolbarInternalActions, muiTopToolbarProps, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderTopToolbarCustomActions, }, refs: { topToolbarRef }, } = table;
|
|
2568
2653
|
const { isFullScreen, showGlobalFilter } = getState();
|
|
2569
|
-
const isMobile =
|
|
2654
|
+
const isMobile = useMediaQuery__default["default"]('(max-width:720px)');
|
|
2570
2655
|
const toolbarProps = parseFromValuesOrFunc(muiTopToolbarProps, { table });
|
|
2571
2656
|
const stackAlertBanner = isMobile || !!renderTopToolbarCustomActions || showGlobalFilter;
|
|
2572
|
-
return (jsxRuntime.jsxs(
|
|
2657
|
+
return (jsxRuntime.jsxs(Box__default["default"], Object.assign({}, toolbarProps, { ref: (ref) => {
|
|
2573
2658
|
topToolbarRef.current = ref;
|
|
2574
2659
|
if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
|
|
2575
2660
|
// @ts-ignore
|
|
2576
2661
|
toolbarProps.ref.current = ref;
|
|
2577
2662
|
}
|
|
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(
|
|
2663
|
+
}, 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
2664
|
alignItems: 'flex-start',
|
|
2580
2665
|
boxSizing: 'border-box',
|
|
2581
2666
|
display: 'flex',
|
|
@@ -2586,7 +2671,7 @@ const MRT_TopToolbar = ({ table, }) => {
|
|
|
2586
2671
|
right: 0,
|
|
2587
2672
|
top: 0,
|
|
2588
2673
|
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(
|
|
2674
|
+
}, 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
2675
|
alignItems: 'center',
|
|
2591
2676
|
display: 'flex',
|
|
2592
2677
|
flexWrap: 'wrap-reverse',
|
|
@@ -2603,7 +2688,7 @@ const MRT_TableHead = (_a) => {
|
|
|
2603
2688
|
const { isFullScreen, showAlertBanner } = getState();
|
|
2604
2689
|
const tableHeadProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTableHeadProps, { table })), rest);
|
|
2605
2690
|
const stickyHeader = enableStickyHeader || isFullScreen;
|
|
2606
|
-
return (jsxRuntime.jsx(
|
|
2691
|
+
return (jsxRuntime.jsx(TableHead__default["default"], Object.assign({}, tableHeadProps, { ref: (ref) => {
|
|
2607
2692
|
tableHeadRef.current = ref;
|
|
2608
2693
|
if (tableHeadProps === null || tableHeadProps === void 0 ? void 0 : tableHeadProps.ref) {
|
|
2609
2694
|
// @ts-ignore
|
|
@@ -2689,14 +2774,14 @@ const MRT_Table = (_a) => {
|
|
|
2689
2774
|
virtualPaddingLeft,
|
|
2690
2775
|
virtualPaddingRight,
|
|
2691
2776
|
};
|
|
2692
|
-
return (jsxRuntime.jsxs(
|
|
2777
|
+
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
2778
|
};
|
|
2694
2779
|
|
|
2695
2780
|
const MRT_TableLoadingOverlay = (_a) => {
|
|
2696
2781
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
|
2697
2782
|
const { options: { localization, muiCircularProgressProps }, } = table;
|
|
2698
2783
|
const circularProgressProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiCircularProgressProps, { table })), rest);
|
|
2699
|
-
return (jsxRuntime.jsx(
|
|
2784
|
+
return (jsxRuntime.jsx(Box__default["default"], { sx: (theme) => ({
|
|
2700
2785
|
alignItems: 'center',
|
|
2701
2786
|
backgroundColor: styles.alpha(getMRTTheme(table, theme).baseBackgroundColor, 0.5),
|
|
2702
2787
|
bottom: 0,
|
|
@@ -2709,7 +2794,7 @@ const MRT_TableLoadingOverlay = (_a) => {
|
|
|
2709
2794
|
top: 0,
|
|
2710
2795
|
width: '100%',
|
|
2711
2796
|
zIndex: 2,
|
|
2712
|
-
}), children: jsxRuntime.jsx(
|
|
2797
|
+
}), children: jsxRuntime.jsx(CircularProgress__default["default"], Object.assign({ "aria-label": localization.noRecordsToDisplay, id: "mrt-progress" }, circularProgressProps)) }));
|
|
2713
2798
|
};
|
|
2714
2799
|
|
|
2715
2800
|
const MRT_EditActionButtons = (_a) => {
|
|
@@ -2756,7 +2841,7 @@ const MRT_EditActionButtons = (_a) => {
|
|
|
2756
2841
|
});
|
|
2757
2842
|
}
|
|
2758
2843
|
};
|
|
2759
|
-
return (jsxRuntime.jsx(
|
|
2844
|
+
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
2845
|
};
|
|
2761
2846
|
|
|
2762
2847
|
const MRT_EditRowModal = (_a) => {
|
|
@@ -2771,7 +2856,7 @@ const MRT_EditRowModal = (_a) => {
|
|
|
2771
2856
|
.getAllCells()
|
|
2772
2857
|
.filter((cell) => cell.column.columnDef.columnDefType === 'data')
|
|
2773
2858
|
.map((cell) => (jsxRuntime.jsx(MRT_EditCellTextField, { cell: cell, table: table }, cell.id)));
|
|
2774
|
-
return (jsxRuntime.jsx(
|
|
2859
|
+
return (jsxRuntime.jsx(Dialog__default["default"], Object.assign({ fullWidth: true, maxWidth: "xs", onClose: (event, reason) => {
|
|
2775
2860
|
var _a;
|
|
2776
2861
|
if (creatingRow) {
|
|
2777
2862
|
onCreatingRowCancel === null || onCreatingRowCancel === void 0 ? void 0 : onCreatingRowCancel({ row, table });
|
|
@@ -2793,11 +2878,11 @@ const MRT_EditRowModal = (_a) => {
|
|
|
2793
2878
|
internalEditComponents,
|
|
2794
2879
|
row,
|
|
2795
2880
|
table,
|
|
2796
|
-
})))) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(
|
|
2881
|
+
})))) !== 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
2882
|
gap: '32px',
|
|
2798
2883
|
paddingTop: '16px',
|
|
2799
2884
|
width: '100%',
|
|
2800
|
-
}, children: internalEditComponents }) }) }), jsxRuntime.jsx(
|
|
2885
|
+
}, children: internalEditComponents }) }) }), jsxRuntime.jsx(DialogActions__default["default"], { sx: { p: '1.25rem' }, children: jsxRuntime.jsx(MRT_EditActionButtons, { row: row, table: table, variant: "text" }) })] })) })));
|
|
2801
2886
|
};
|
|
2802
2887
|
|
|
2803
2888
|
const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
|
|
@@ -2822,7 +2907,7 @@ const MRT_TableContainer = (_a) => {
|
|
|
2822
2907
|
});
|
|
2823
2908
|
const createModalOpen = createDisplayMode === 'modal' && creatingRow;
|
|
2824
2909
|
const editModalOpen = editDisplayMode === 'modal' && editingRow;
|
|
2825
|
-
return (jsxRuntime.jsxs(
|
|
2910
|
+
return (jsxRuntime.jsxs(TableContainer__default["default"], Object.assign({ "aria-busy": loading, "aria-describedby": loading ? 'mrt-progress' : undefined }, tableContainerProps, { ref: (node) => {
|
|
2826
2911
|
if (node) {
|
|
2827
2912
|
tableContainerRef.current = node;
|
|
2828
2913
|
if (tableContainerProps === null || tableContainerProps === void 0 ? void 0 : tableContainerProps.ref) {
|
|
@@ -2843,7 +2928,7 @@ const MRT_TablePaper = (_a) => {
|
|
|
2843
2928
|
const { getState, options: { enableBottomToolbar, enableTopToolbar, muiTablePaperProps, renderBottomToolbar, renderTopToolbar, }, refs: { tablePaperRef }, } = table;
|
|
2844
2929
|
const { isFullScreen } = getState();
|
|
2845
2930
|
const tablePaperProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTablePaperProps, { table })), rest);
|
|
2846
|
-
return (jsxRuntime.jsxs(
|
|
2931
|
+
return (jsxRuntime.jsxs(Paper__default["default"], Object.assign({ elevation: 2 }, tablePaperProps, { ref: (ref) => {
|
|
2847
2932
|
tablePaperRef.current = ref;
|
|
2848
2933
|
if (tablePaperProps === null || tablePaperProps === void 0 ? void 0 : tablePaperProps.ref) {
|
|
2849
2934
|
//@ts-ignore
|
|
@@ -2879,7 +2964,7 @@ const MRT_RowPinButton = (_a) => {
|
|
|
2879
2964
|
event.stopPropagation();
|
|
2880
2965
|
row.pin(isPinned ? false : pinningPosition);
|
|
2881
2966
|
};
|
|
2882
|
-
return (jsxRuntime.jsx(
|
|
2967
|
+
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
2968
|
transform: `rotate(${rowPinningDisplayMode === 'sticky'
|
|
2884
2969
|
? 135
|
|
2885
2970
|
: pinningPosition === 'top'
|
|
@@ -2898,7 +2983,7 @@ const MRT_TableBodyRowPinButton = (_a) => {
|
|
|
2898
2983
|
const rowPinButtonProps = Object.assign({ row,
|
|
2899
2984
|
table }, rest);
|
|
2900
2985
|
if (rowPinningDisplayMode === 'top-and-bottom' && !row.getIsPinned()) {
|
|
2901
|
-
return (jsxRuntime.jsxs(
|
|
2986
|
+
return (jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
2902
2987
|
display: 'flex',
|
|
2903
2988
|
flexDirection: density === 'compact' ? 'row' : 'column',
|
|
2904
2989
|
}, children: [jsxRuntime.jsx(MRT_RowPinButton, Object.assign({ pinningPosition: "top" }, rowPinButtonProps)), jsxRuntime.jsx(MRT_RowPinButton, Object.assign({ pinningPosition: "bottom" }, rowPinButtonProps))] }));
|
|
@@ -2915,7 +3000,7 @@ const MRT_ExpandAllButton = (_a) => {
|
|
|
2915
3000
|
table,
|
|
2916
3001
|
})), rest);
|
|
2917
3002
|
const isAllRowsExpanded = getIsAllRowsExpanded();
|
|
2918
|
-
return (jsxRuntime.jsx(
|
|
3003
|
+
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
3004
|
transform: `rotate(${isAllRowsExpanded ? -180 : getIsSomeRowsExpanded() ? -90 : 0}deg)`,
|
|
2920
3005
|
transition: 'transform 150ms',
|
|
2921
3006
|
} })) })) }) }));
|
|
@@ -2937,7 +3022,7 @@ const MRT_ExpandButton = ({ row, table, }) => {
|
|
|
2937
3022
|
row.toggleExpanded();
|
|
2938
3023
|
(_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(iconButtonProps, event);
|
|
2939
3024
|
};
|
|
2940
|
-
return (jsxRuntime.jsx(
|
|
3025
|
+
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
3026
|
transform: `rotate(${!canExpand && !renderDetailPanel ? -90 : isExpanded ? -180 : 0}deg)`,
|
|
2942
3027
|
transition: 'transform 150ms',
|
|
2943
3028
|
} })) })) }) }));
|
|
@@ -2947,9 +3032,9 @@ const MRT_RowActionMenu = (_a) => {
|
|
|
2947
3032
|
var { anchorEl, handleEdit, row, setAnchorEl, table } = _a, rest = __rest(_a, ["anchorEl", "handleEdit", "row", "setAnchorEl", "table"]);
|
|
2948
3033
|
const { getState, options: { enableEditing, icons: { EditIcon }, localization, renderRowActionMenuItems, }, } = table;
|
|
2949
3034
|
const { density } = getState();
|
|
2950
|
-
return (jsxRuntime.jsxs(
|
|
3035
|
+
return (jsxRuntime.jsxs(Menu__default["default"], Object.assign({ MenuListProps: {
|
|
2951
3036
|
dense: density === 'compact',
|
|
2952
|
-
}, anchorEl: anchorEl, onClick: (event) => event.stopPropagation(), onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [parseFromValuesOrFunc(enableEditing, row) && (jsxRuntime.jsx(
|
|
3037
|
+
}, 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
3038
|
closeMenu: () => setAnchorEl(null),
|
|
2954
3039
|
row,
|
|
2955
3040
|
table,
|
|
@@ -2987,7 +3072,7 @@ const MRT_ToggleRowActionMenuButton = (_a) => {
|
|
|
2987
3072
|
};
|
|
2988
3073
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderRowActions && !showEditActionButtons ? (renderRowActions({ cell, row, table })) : showEditActionButtons ? (jsxRuntime.jsx(MRT_EditActionButtons, { row: row, table: table })) : !renderRowActionMenuItems &&
|
|
2989
3074
|
parseFromValuesOrFunc(enableEditing, row) &&
|
|
2990
|
-
['modal', 'row'].includes(editDisplayMode) ? (jsxRuntime.jsx(
|
|
3075
|
+
['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
3076
|
};
|
|
2992
3077
|
|
|
2993
3078
|
const MRT_AggregationFns = Object.assign({}, reactTable.aggregationFns);
|
|
@@ -3077,39 +3162,39 @@ const MRT_FilterFns = Object.assign(Object.assign({}, reactTable.filterFns), { b
|
|
|
3077
3162
|
startsWith });
|
|
3078
3163
|
|
|
3079
3164
|
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,
|
|
3165
|
+
ArrowDownwardIcon: ArrowDownwardIcon__default["default"],
|
|
3166
|
+
ArrowRightIcon: ArrowRightIcon__default["default"],
|
|
3167
|
+
CancelIcon: CancelIcon__default["default"],
|
|
3168
|
+
ChevronLeftIcon: ChevronLeftIcon__default["default"],
|
|
3169
|
+
ChevronRightIcon: ChevronRightIcon__default["default"],
|
|
3170
|
+
ClearAllIcon: ClearAllIcon__default["default"],
|
|
3171
|
+
CloseIcon: CloseIcon__default["default"],
|
|
3172
|
+
DensityLargeIcon: DensityLargeIcon__default["default"],
|
|
3173
|
+
DensityMediumIcon: DensityMediumIcon__default["default"],
|
|
3174
|
+
DensitySmallIcon: DensitySmallIcon__default["default"],
|
|
3175
|
+
DragHandleIcon: DragHandleIcon__default["default"],
|
|
3176
|
+
DynamicFeedIcon: DynamicFeedIcon__default["default"],
|
|
3177
|
+
EditIcon: EditIcon__default["default"],
|
|
3178
|
+
ExpandMoreIcon: ExpandMoreIcon__default["default"],
|
|
3179
|
+
FilterAltIcon: FilterAltIcon__default["default"],
|
|
3180
|
+
FilterListIcon: FilterListIcon__default["default"],
|
|
3181
|
+
FilterListOffIcon: FilterListOffIcon__default["default"],
|
|
3182
|
+
FirstPageIcon: FirstPageIcon__default["default"],
|
|
3183
|
+
FullscreenExitIcon: FullscreenExitIcon__default["default"],
|
|
3184
|
+
FullscreenIcon: FullscreenIcon__default["default"],
|
|
3185
|
+
KeyboardDoubleArrowDownIcon: KeyboardDoubleArrowDownIcon__default["default"],
|
|
3186
|
+
LastPageIcon: LastPageIcon__default["default"],
|
|
3187
|
+
MoreHorizIcon: MoreHorizIcon__default["default"],
|
|
3188
|
+
MoreVertIcon: MoreVertIcon__default["default"],
|
|
3189
|
+
PushPinIcon: PushPinIcon__default["default"],
|
|
3190
|
+
RestartAltIcon: RestartAltIcon__default["default"],
|
|
3191
|
+
SaveIcon: SaveIcon__default["default"],
|
|
3192
|
+
SearchIcon: SearchIcon__default["default"],
|
|
3193
|
+
SearchOffIcon: SearchOffIcon__default["default"],
|
|
3194
|
+
SortIcon: SortIcon__default["default"],
|
|
3195
|
+
SyncAltIcon: SyncAltIcon__default["default"],
|
|
3196
|
+
ViewColumnIcon: ViewColumnIcon__default["default"],
|
|
3197
|
+
VisibilityOffIcon: VisibilityOffIcon__default["default"],
|
|
3113
3198
|
};
|
|
3114
3199
|
|
|
3115
3200
|
const MRT_Localization_EN = {
|