@cutting/material-react-table 4.0.0 → 4.0.2

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.
Files changed (64) hide show
  1. package/dist/index.d.ts +103 -114
  2. package/dist/index.esm.js +35 -114
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +151 -230
  5. package/dist/index.js.map +1 -1
  6. package/package.json +7 -7
  7. package/src/components/body/MRT_TableBody.tsx +2 -2
  8. package/src/components/body/MRT_TableBodyCell.tsx +2 -2
  9. package/src/components/body/MRT_TableBodyCellValue.tsx +1 -1
  10. package/src/components/body/MRT_TableBodyRow.tsx +1 -1
  11. package/src/components/body/MRT_TableBodyRowPinButton.tsx +1 -1
  12. package/src/components/body/MRT_TableDetailPanel.tsx +3 -3
  13. package/src/components/buttons/MRT_ColumnPinningButtons.tsx +3 -3
  14. package/src/components/buttons/MRT_CopyButton.tsx +2 -2
  15. package/src/components/buttons/MRT_EditActionButtons.tsx +5 -5
  16. package/src/components/buttons/MRT_ExpandAllButton.tsx +2 -2
  17. package/src/components/buttons/MRT_ExpandButton.tsx +2 -2
  18. package/src/components/buttons/MRT_GrabHandleButton.tsx +2 -2
  19. package/src/components/buttons/MRT_RowPinButton.tsx +2 -2
  20. package/src/components/buttons/MRT_ShowHideColumnsButton.tsx +2 -2
  21. package/src/components/buttons/MRT_ToggleDensePaddingButton.tsx +2 -2
  22. package/src/components/buttons/MRT_ToggleFiltersButton.tsx +2 -2
  23. package/src/components/buttons/MRT_ToggleFullScreenButton.tsx +2 -2
  24. package/src/components/buttons/MRT_ToggleGlobalFilterButton.tsx +2 -2
  25. package/src/components/buttons/MRT_ToggleRowActionMenuButton.tsx +2 -2
  26. package/src/components/footer/MRT_TableFooter.tsx +1 -1
  27. package/src/components/footer/MRT_TableFooterCell.tsx +1 -1
  28. package/src/components/footer/MRT_TableFooterRow.tsx +1 -1
  29. package/src/components/head/MRT_TableHead.tsx +1 -1
  30. package/src/components/head/MRT_TableHeadCell.tsx +2 -2
  31. package/src/components/head/MRT_TableHeadCellColumnActionsButton.tsx +2 -2
  32. package/src/components/head/MRT_TableHeadCellFilterContainer.tsx +1 -1
  33. package/src/components/head/MRT_TableHeadCellFilterLabel.tsx +5 -5
  34. package/src/components/head/MRT_TableHeadCellResizeHandle.tsx +2 -2
  35. package/src/components/head/MRT_TableHeadCellSortLabel.tsx +3 -5
  36. package/src/components/head/MRT_TableHeadRow.tsx +1 -1
  37. package/src/components/inputs/MRT_EditCellTextField.tsx +2 -2
  38. package/src/components/inputs/MRT_FilterCheckbox.tsx +3 -3
  39. package/src/components/inputs/MRT_FilterRangeFields.tsx +1 -1
  40. package/src/components/inputs/MRT_FilterRangeSlider.tsx +3 -3
  41. package/src/components/inputs/MRT_FilterTextField.tsx +9 -12
  42. package/src/components/inputs/MRT_GlobalFilterTextField.tsx +5 -5
  43. package/src/components/inputs/MRT_SelectCheckbox.tsx +3 -3
  44. package/src/components/menus/MRT_ActionMenuItem.tsx +4 -4
  45. package/src/components/menus/MRT_CellActionMenu.tsx +1 -1
  46. package/src/components/menus/MRT_ColumnActionMenu.tsx +1 -1
  47. package/src/components/menus/MRT_FilterOptionMenu.tsx +1 -1
  48. package/src/components/menus/MRT_RowActionMenu.tsx +1 -1
  49. package/src/components/menus/MRT_ShowHideColumnsMenu.tsx +4 -4
  50. package/src/components/menus/MRT_ShowHideColumnsMenuItems.tsx +6 -6
  51. package/src/components/modals/MRT_EditRowModal.tsx +5 -5
  52. package/src/components/table/MRT_Table.tsx +1 -1
  53. package/src/components/table/MRT_TableContainer.tsx +1 -3
  54. package/src/components/table/MRT_TableLoadingOverlay.tsx +2 -4
  55. package/src/components/table/MRT_TablePaper.tsx +1 -1
  56. package/src/components/toolbar/MRT_BottomToolbar.tsx +1 -1
  57. package/src/components/toolbar/MRT_LinearProgressBar.tsx +2 -4
  58. package/src/components/toolbar/MRT_TablePagination.tsx +9 -9
  59. package/src/components/toolbar/MRT_ToolbarAlertBanner.tsx +7 -7
  60. package/src/components/toolbar/MRT_ToolbarDropZone.tsx +3 -3
  61. package/src/components/toolbar/MRT_ToolbarInternalButtons.tsx +1 -1
  62. package/src/components/toolbar/MRT_TopToolbar.tsx +1 -1
  63. package/src/hooks/display-columns/getMRT_RowExpandColumnDef.tsx +2 -2
  64. package/src/icons.ts +1 -35
package/dist/index.js CHANGED
@@ -1,98 +1,19 @@
1
1
  'use strict';
2
2
 
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
- var TableBody = require('@mui/material/TableBody');
5
- var Typography = require('@mui/material/Typography');
4
+ var material = require('@mui/material');
6
5
  var react = require('react');
7
6
  var matchSorterUtils = require('@tanstack/match-sorter-utils');
8
7
  var reactTable = require('@tanstack/react-table');
9
8
  var reactVirtual = require('@tanstack/react-virtual');
10
9
  var styles = require('@mui/material/styles');
11
- var TableRow = require('@mui/material/TableRow');
12
- var Skeleton = require('@mui/material/Skeleton');
13
- var TableCell = require('@mui/material/TableCell');
14
- var Button = require('@mui/material/Button');
15
- var Tooltip = require('@mui/material/Tooltip');
16
- var MenuItem = require('@mui/material/MenuItem');
17
- var TextField = require('@mui/material/TextField');
18
- var Box = require('@mui/material/Box');
19
10
  var highlightWords = require('highlight-words');
20
- var Collapse = require('@mui/material/Collapse');
21
- var IconButton = require('@mui/material/IconButton');
22
- var CircularProgress = require('@mui/material/CircularProgress');
23
- var Divider = require('@mui/material/Divider');
24
- var Menu = require('@mui/material/Menu');
25
- var FormControlLabel = require('@mui/material/FormControlLabel');
26
- var Switch = require('@mui/material/Switch');
27
- var ListItemIcon = require('@mui/material/ListItemIcon');
28
- var TableFooter = require('@mui/material/TableFooter');
29
- var TableHead = require('@mui/material/TableHead');
30
- var Alert = require('@mui/material/Alert');
31
- var AlertTitle = require('@mui/material/AlertTitle');
32
- var Chip = require('@mui/material/Chip');
33
- var Stack = require('@mui/material/Stack');
34
- var Checkbox = require('@mui/material/Checkbox');
35
- var Radio = require('@mui/material/Radio');
36
- var Autocomplete = require('@mui/material/Autocomplete');
37
- var InputAdornment = require('@mui/material/InputAdornment');
38
11
  var utils = require('@mui/material/utils');
39
12
  var DatePicker = require('@mui/x-date-pickers/DatePicker');
40
13
  var DateTimePicker = require('@mui/x-date-pickers/DateTimePicker');
41
14
  var TimePicker = require('@mui/x-date-pickers/TimePicker');
42
- var FormHelperText = require('@mui/material/FormHelperText');
43
- var Slider = require('@mui/material/Slider');
44
- var Grow = require('@mui/material/Grow');
45
- var Popover = require('@mui/material/Popover');
46
- var Badge = require('@mui/material/Badge');
47
- var TableSortLabel = require('@mui/material/TableSortLabel');
48
- var ArrowDownwardIcon = require('@mui/icons-material/ArrowDownward');
49
- var ArrowRightIcon = require('@mui/icons-material/ArrowRight');
50
- var CancelIcon = require('@mui/icons-material/Cancel');
51
- var ChevronLeftIcon = require('@mui/icons-material/ChevronLeft');
52
- var ChevronRightIcon = require('@mui/icons-material/ChevronRight');
53
- var ClearAllIcon = require('@mui/icons-material/ClearAll');
54
- var CloseIcon = require('@mui/icons-material/Close');
55
- var ContentCopy = require('@mui/icons-material/ContentCopy');
56
- var DensityLargeIcon = require('@mui/icons-material/DensityLarge');
57
- var DensityMediumIcon = require('@mui/icons-material/DensityMedium');
58
- var DensitySmallIcon = require('@mui/icons-material/DensitySmall');
59
- var DragHandleIcon = require('@mui/icons-material/DragHandle');
60
- var DynamicFeedIcon = require('@mui/icons-material/DynamicFeed');
61
- var EditIcon = require('@mui/icons-material/Edit');
62
- var ExpandMoreIcon = require('@mui/icons-material/ExpandMore');
63
- var FilterAltIcon = require('@mui/icons-material/FilterAlt');
64
- var FilterListIcon = require('@mui/icons-material/FilterList');
65
- var FilterListOffIcon = require('@mui/icons-material/FilterListOff');
66
- var FirstPageIcon = require('@mui/icons-material/FirstPage');
67
- var FullscreenIcon = require('@mui/icons-material/Fullscreen');
68
- var FullscreenExitIcon = require('@mui/icons-material/FullscreenExit');
69
- var KeyboardDoubleArrowDownIcon = require('@mui/icons-material/KeyboardDoubleArrowDown');
70
- var LastPageIcon = require('@mui/icons-material/LastPage');
71
- var MoreHorizIcon = require('@mui/icons-material/MoreHoriz');
72
- var MoreVertIcon = require('@mui/icons-material/MoreVert');
73
- var PushPinIcon = require('@mui/icons-material/PushPin');
74
- var RestartAltIcon = require('@mui/icons-material/RestartAlt');
75
- var SaveIcon = require('@mui/icons-material/Save');
76
- var SearchIcon = require('@mui/icons-material/Search');
77
- var SearchOffIcon = require('@mui/icons-material/SearchOff');
78
- var SortIcon = require('@mui/icons-material/Sort');
79
- var SyncAltIcon = require('@mui/icons-material/SyncAlt');
80
- var ViewColumnIcon = require('@mui/icons-material/ViewColumn');
81
- var VisibilityOffIcon = require('@mui/icons-material/VisibilityOff');
82
- var Paper = require('@mui/material/Paper');
15
+ var iconsMaterial = require('@mui/icons-material');
83
16
  var useMediaQuery = require('@mui/material/useMediaQuery');
84
- var LinearProgress = require('@mui/material/LinearProgress');
85
- var InputLabel = require('@mui/material/InputLabel');
86
- var Pagination = require('@mui/material/Pagination');
87
- var PaginationItem = require('@mui/material/PaginationItem');
88
- var Select = require('@mui/material/Select');
89
- var Fade = require('@mui/material/Fade');
90
- var TableContainer = require('@mui/material/TableContainer');
91
- var Dialog = require('@mui/material/Dialog');
92
- var DialogActions = require('@mui/material/DialogActions');
93
- var DialogContent = require('@mui/material/DialogContent');
94
- var DialogTitle = require('@mui/material/DialogTitle');
95
- var Table = require('@mui/material/Table');
96
17
 
97
18
  /******************************************************************************
98
19
  Copyright (c) Microsoft Corporation.
@@ -657,7 +578,7 @@ const MRT_CopyButton = (_a) => {
657
578
  row,
658
579
  table,
659
580
  })), rest);
660
- return (jsxRuntime.jsx(Tooltip, Object.assign({}, getCommonTooltipProps('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, 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', py: 0, textAlign: 'inherit', textTransform: 'inherit' }, parseFromValuesOrFunc(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.sx, theme))), title: undefined })) })));
581
+ return (jsxRuntime.jsx(material.Tooltip, Object.assign({}, getCommonTooltipProps('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(material.Button, 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', py: 0, textAlign: 'inherit', textTransform: 'inherit' }, parseFromValuesOrFunc(buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.sx, theme))), title: undefined })) })));
661
582
  };
662
583
 
663
584
  const getTextFieldSlotProps = (slotProps) => ({
@@ -733,7 +654,7 @@ const MRT_EditCellTextField = (_a) => {
733
654
  return jsxRuntime.jsx(jsxRuntime.Fragment, { children: (_b = columnDef.Edit) === null || _b === void 0 ? void 0 : _b.call(columnDef, { cell, column, row, table }) });
734
655
  }
735
656
  const consumerSlots = getTextFieldSlotProps(textFieldProps.slotProps);
736
- return (jsxRuntime.jsx(TextField, Object.assign({ disabled: parseFromValuesOrFunc(columnDef.enableEditing, row) === false, fullWidth: true, inputRef: (inputRef) => {
657
+ return (jsxRuntime.jsx(material.TextField, Object.assign({ disabled: parseFromValuesOrFunc(columnDef.enableEditing, row) === false, fullWidth: true, inputRef: (inputRef) => {
737
658
  if (inputRef) {
738
659
  editInputRefs.current[column.id] = isSelectEdit
739
660
  ? inputRef.node
@@ -758,7 +679,7 @@ const MRT_EditCellTextField = (_a) => {
758
679
  select: Object.assign({ MenuProps: { disableScrollLock: true } }, consumerSlots.select),
759
680
  }, children: (_d = textFieldProps.children) !== null && _d !== void 0 ? _d : selectOptions === null || selectOptions === void 0 ? void 0 : selectOptions.map((option) => {
760
681
  const { label, value } = getValueAndLabel(option);
761
- return (jsxRuntime.jsx(MenuItem, { sx: {
682
+ return (jsxRuntime.jsx(material.MenuItem, { sx: {
762
683
  alignItems: 'center',
763
684
  display: 'flex',
764
685
  gap: '0.5rem',
@@ -816,7 +737,7 @@ const MRT_TableBodyCellValue = ({ cell, rowRef, staticColumnIndex, staticRowInde
816
737
  text: renderedCellValue === null || renderedCellValue === void 0 ? void 0 : renderedCellValue.toString(),
817
738
  });
818
739
  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)) {
819
- 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, { "aria-hidden": "true", component: "span", sx: match
740
+ 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(material.Box, { "aria-hidden": "true", component: "span", sx: match
820
741
  ? {
821
742
  backgroundColor: matchHighlightColor,
822
743
  borderRadius: '2px',
@@ -979,7 +900,7 @@ const MRT_TableBodyCell = (_a) => {
979
900
  table,
980
901
  });
981
902
  };
982
- return (jsxRuntime.jsx(TableCell, Object.assign({ align: theme.direction === 'rtl' ? 'right' : 'left', "data-index": staticColumnIndex, "data-pinned": !!isColumnPinned || undefined, tabIndex: enableKeyboardShortcuts ? 0 : undefined }, tableCellProps, { onContextMenu: handleContextMenu, onDoubleClick: handleDoubleClick, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onKeyDown: handleKeyDown, sx: (theme) => (Object.assign(Object.assign({ '&:hover': {
903
+ return (jsxRuntime.jsx(material.TableCell, Object.assign({ align: theme.direction === 'rtl' ? 'right' : 'left', "data-index": staticColumnIndex, "data-pinned": !!isColumnPinned || undefined, tabIndex: enableKeyboardShortcuts ? 0 : undefined }, tableCellProps, { onContextMenu: handleContextMenu, onDoubleClick: handleDoubleClick, onDragEnter: handleDragEnter, onDragOver: handleDragOver, onKeyDown: handleKeyDown, sx: (theme) => (Object.assign(Object.assign({ '&:hover': {
983
904
  outline: (actionCell === null || actionCell === void 0 ? void 0 : actionCell.id) === cell.id ||
984
905
  (editDisplayMode === 'cell' && isEditable) ||
985
906
  (editDisplayMode === 'table' && (isCreating || isEditing))
@@ -1007,7 +928,7 @@ const MRT_TableBodyCell = (_a) => {
1007
928
  table,
1008
929
  tableCellProps,
1009
930
  theme,
1010
- })), 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, Object.assign({ animation: "wave", height: 20, width: skeletonWidth }, skeletonProps))) : columnDefType === 'display' &&
931
+ })), 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(material.Skeleton, Object.assign({ animation: "wave", height: 20, width: skeletonWidth }, skeletonProps))) : columnDefType === 'display' &&
1011
932
  (['mrt-row-expand', 'mrt-row-numbers', 'mrt-row-select'].includes(column.id) ||
1012
933
  !row.getIsGrouped()) ? ((_e = columnDef.Cell) === null || _e === void 0 ? void 0 : _e.call(columnDef, {
1013
934
  cell,
@@ -1037,7 +958,7 @@ const MRT_TableDetailPanel = (_a) => {
1037
958
  table,
1038
959
  })), rest);
1039
960
  const DetailPanel = !isLoading && (renderDetailPanel === null || renderDetailPanel === void 0 ? void 0 : renderDetailPanel({ row, table }));
1040
- return (jsxRuntime.jsx(TableRow, Object.assign({ className: "Mui-TableBodyCell-DetailPanel", "data-index": renderDetailPanel ? staticRowIndex * 2 + 1 : staticRowIndex, ref: (node) => {
961
+ return (jsxRuntime.jsx(material.TableRow, Object.assign({ className: "Mui-TableBodyCell-DetailPanel", "data-index": renderDetailPanel ? staticRowIndex * 2 + 1 : staticRowIndex, ref: (node) => {
1041
962
  var _a;
1042
963
  if (node) {
1043
964
  (_a = rowVirtualizer === null || rowVirtualizer === void 0 ? void 0 : rowVirtualizer.measureElement) === null || _a === void 0 ? void 0 : _a.call(rowVirtualizer, node);
@@ -1049,7 +970,7 @@ const MRT_TableDetailPanel = (_a) => {
1049
970
  : undefined, transform: virtualRow
1050
971
  ? `translateY(${virtualRow === null || virtualRow === void 0 ? void 0 : virtualRow.start}px)`
1051
972
  : undefined, width: '100%' }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme)));
1052
- }, children: jsxRuntime.jsx(TableCell, Object.assign({ className: "Mui-TableBodyCell-DetailPanel", colSpan: getVisibleLeafColumns().length }, tableCellProps, { sx: (theme) => (Object.assign({ backgroundColor: virtualRow ? baseBackgroundColor : undefined, borderBottom: !row.getIsExpanded() ? 'none' : undefined, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, py: !!DetailPanel && row.getIsExpanded() ? '1rem' : 0, transition: !virtualRow ? 'all 150ms ease-in-out' : undefined, width: `100%` }, parseFromValuesOrFunc(tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx, theme))), children: virtualRow ? (row.getIsExpanded() && DetailPanel) : (jsxRuntime.jsx(Collapse, { in: row.getIsExpanded(), mountOnEnter: true, unmountOnExit: true, children: DetailPanel })) })) })));
973
+ }, children: jsxRuntime.jsx(material.TableCell, Object.assign({ className: "Mui-TableBodyCell-DetailPanel", colSpan: getVisibleLeafColumns().length }, tableCellProps, { sx: (theme) => (Object.assign({ backgroundColor: virtualRow ? baseBackgroundColor : undefined, borderBottom: !row.getIsExpanded() ? 'none' : undefined, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, py: !!DetailPanel && row.getIsExpanded() ? '1rem' : 0, transition: !virtualRow ? 'all 150ms ease-in-out' : undefined, width: `100%` }, parseFromValuesOrFunc(tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx, theme))), children: virtualRow ? (row.getIsExpanded() && DetailPanel) : (jsxRuntime.jsx(material.Collapse, { in: row.getIsExpanded(), mountOnEnter: true, unmountOnExit: true, children: DetailPanel })) })) })));
1053
974
  };
1054
975
 
1055
976
  const MRT_TableBodyRow = (_a) => {
@@ -1111,7 +1032,7 @@ const MRT_TableBodyRow = (_a) => {
1111
1032
  ? `${styles.lighten(baseBackgroundColor, 0.3)}`
1112
1033
  : `${styles.darken(baseBackgroundColor, 0.3)}`
1113
1034
  : undefined;
1114
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(TableRow, Object.assign({ "data-index": renderDetailPanel ? staticRowIndex * 2 : staticRowIndex, "data-pinned": !!isRowPinned || undefined, "data-selected": isRowSelected || undefined, onDragEnter: handleDragEnter, onDragOver: handleDragOver, ref: (node) => {
1035
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(material.TableRow, Object.assign({ "data-index": renderDetailPanel ? staticRowIndex * 2 : staticRowIndex, "data-pinned": !!isRowPinned || undefined, "data-selected": isRowSelected || undefined, onDragEnter: handleDragEnter, onDragOver: handleDragOver, ref: (node) => {
1115
1036
  if (node) {
1116
1037
  rowRef.current = node;
1117
1038
  rowVirtualizer === null || rowVirtualizer === void 0 ? void 0 : rowVirtualizer.measureElement(node);
@@ -1184,17 +1105,17 @@ const MRT_TableBody = (_a) => {
1184
1105
  table,
1185
1106
  };
1186
1107
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!(rowPinningDisplayMode === null || rowPinningDisplayMode === void 0 ? void 0 : rowPinningDisplayMode.includes('sticky')) &&
1187
- getIsSomeRowsPinned('top') && (jsxRuntime.jsx(TableBody, 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, staticRowIndex) => {
1108
+ getIsSomeRowsPinned('top') && (jsxRuntime.jsx(material.TableBody, 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, staticRowIndex) => {
1188
1109
  const props = Object.assign(Object.assign({}, commonRowProps), { row,
1189
1110
  staticRowIndex });
1190
1111
  return memoMode === 'rows' ? (jsxRuntime.jsx(Memo_MRT_TableBodyRow, Object.assign({}, props), row.id)) : (jsxRuntime.jsx(MRT_TableBodyRow, Object.assign({}, props), row.id));
1191
- }) }))), jsxRuntime.jsx(TableBody, Object.assign({}, tableBodyProps, { sx: (theme) => (Object.assign({ display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined, height: rowVirtualizer
1112
+ }) }))), jsxRuntime.jsx(material.TableBody, Object.assign({}, tableBodyProps, { sx: (theme) => (Object.assign({ display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined, height: rowVirtualizer
1192
1113
  ? `${rowVirtualizer.getTotalSize()}px`
1193
1114
  : undefined, minHeight: !rows.length ? '100px' : undefined, position: 'relative' }, parseFromValuesOrFunc(tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx, theme))), children: (_d = tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.children) !== null && _d !== void 0 ? _d : (!rows.length ? (jsxRuntime.jsx("tr", { style: {
1194
1115
  display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined,
1195
1116
  }, children: jsxRuntime.jsx("td", { colSpan: table.getVisibleLeafColumns().length, style: {
1196
1117
  display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined,
1197
- }, children: (_e = renderEmptyRowsFallback === null || renderEmptyRowsFallback === void 0 ? void 0 : renderEmptyRowsFallback({ table })) !== null && _e !== void 0 ? _e : (jsxRuntime.jsx(Typography, { sx: {
1118
+ }, children: (_e = renderEmptyRowsFallback === null || renderEmptyRowsFallback === void 0 ? void 0 : renderEmptyRowsFallback({ table })) !== null && _e !== void 0 ? _e : (jsxRuntime.jsx(material.Typography, { sx: {
1198
1119
  color: 'text.secondary',
1199
1120
  fontStyle: 'italic',
1200
1121
  maxWidth: `min(100vw, ${((_f = tablePaperRef.current) === null || _f === void 0 ? void 0 : _f.clientWidth) ? ((_g = tablePaperRef.current) === null || _g === void 0 ? void 0 : _g.clientWidth) + "px" : "100%"})`,
@@ -1228,7 +1149,7 @@ const MRT_TableBody = (_a) => {
1228
1149
  const key = `${row.id}-${row.index}`;
1229
1150
  return memoMode === 'rows' ? (jsxRuntime.jsx(Memo_MRT_TableBodyRow, Object.assign({}, props), key)) : (jsxRuntime.jsx(MRT_TableBodyRow, Object.assign({}, props), key));
1230
1151
  }) }))) })), !(rowPinningDisplayMode === null || rowPinningDisplayMode === void 0 ? void 0 : rowPinningDisplayMode.includes('sticky')) &&
1231
- getIsSomeRowsPinned('bottom') && (jsxRuntime.jsx(TableBody, 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, staticRowIndex) => {
1152
+ getIsSomeRowsPinned('bottom') && (jsxRuntime.jsx(material.TableBody, 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, staticRowIndex) => {
1232
1153
  const props = Object.assign(Object.assign({}, commonRowProps), { row,
1233
1154
  staticRowIndex });
1234
1155
  return memoMode === 'rows' ? (jsxRuntime.jsx(Memo_MRT_TableBodyRow, Object.assign({}, props), row.id)) : (jsxRuntime.jsx(MRT_TableBodyRow, Object.assign({}, props), row.id));
@@ -1240,7 +1161,7 @@ const MRT_GrabHandleButton = (_a) => {
1240
1161
  var _b, _c;
1241
1162
  var { location, table } = _a, rest = __rest(_a, ["location", "table"]);
1242
1163
  const { options: { icons: { DragHandleIcon }, localization, }, } = table;
1243
- return (jsxRuntime.jsx(Tooltip, Object.assign({}, getCommonTooltipProps('top'), { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.move, children: jsxRuntime.jsx(IconButton, Object.assign({ "aria-label": (_c = rest.title) !== null && _c !== void 0 ? _c : localization.move, disableRipple: true, draggable: "true", size: "small" }, rest, { onClick: (e) => {
1164
+ return (jsxRuntime.jsx(material.Tooltip, Object.assign({}, getCommonTooltipProps('top'), { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.move, children: jsxRuntime.jsx(material.IconButton, Object.assign({ "aria-label": (_c = rest.title) !== null && _c !== void 0 ? _c : localization.move, disableRipple: true, draggable: "true", size: "small" }, rest, { onClick: (e) => {
1244
1165
  var _a;
1245
1166
  e.stopPropagation();
1246
1167
  (_a = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest, e);
@@ -1289,7 +1210,7 @@ const MRT_RowPinButton = (_a) => {
1289
1210
  event.stopPropagation();
1290
1211
  row.pin(isPinned ? false : pinningPosition);
1291
1212
  };
1292
- return (jsxRuntime.jsx(Tooltip, Object.assign({}, getCommonTooltipProps(), { open: tooltipOpened, title: isPinned ? localization.unpin : localization.pin, children: jsxRuntime.jsx(IconButton, Object.assign({ "aria-label": localization.pin, onBlur: () => setTooltipOpened(false), onClick: handleTogglePin, onFocus: () => setTooltipOpened(true), 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: {
1213
+ return (jsxRuntime.jsx(material.Tooltip, Object.assign({}, getCommonTooltipProps(), { open: tooltipOpened, title: isPinned ? localization.unpin : localization.pin, children: jsxRuntime.jsx(material.IconButton, Object.assign({ "aria-label": localization.pin, onBlur: () => setTooltipOpened(false), onClick: handleTogglePin, onFocus: () => setTooltipOpened(true), 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: {
1293
1214
  transform: `rotate(${rowPinningDisplayMode === 'sticky'
1294
1215
  ? 135
1295
1216
  : pinningPosition === 'top'
@@ -1308,7 +1229,7 @@ const MRT_TableBodyRowPinButton = (_a) => {
1308
1229
  const rowPinButtonProps = Object.assign({ row,
1309
1230
  table }, rest);
1310
1231
  if (rowPinningDisplayMode === 'top-and-bottom' && !row.getIsPinned()) {
1311
- return (jsxRuntime.jsxs(Box, { sx: {
1232
+ return (jsxRuntime.jsxs(material.Box, { sx: {
1312
1233
  display: 'flex',
1313
1234
  flexDirection: density === 'compact' ? 'row' : 'column',
1314
1235
  }, children: [jsxRuntime.jsx(MRT_RowPinButton, Object.assign({ pinningPosition: "top" }, rowPinButtonProps)), jsxRuntime.jsx(MRT_RowPinButton, Object.assign({ pinningPosition: "bottom" }, rowPinButtonProps))] }));
@@ -1322,9 +1243,9 @@ const MRT_ColumnPinningButtons = (_a) => {
1322
1243
  const handlePinColumn = (pinDirection) => {
1323
1244
  column.pin(pinDirection);
1324
1245
  };
1325
- return (jsxRuntime.jsx(Box, 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, { title: localization.unpin, children: jsxRuntime.jsx(IconButton, { onClick: () => handlePinColumn(false), size: "small", children: jsxRuntime.jsx(PushPinIcon, {}) }) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip, { title: localization.pinToLeft, children: jsxRuntime.jsx(IconButton, { onClick: () => handlePinColumn('left'), size: "small", children: jsxRuntime.jsx(PushPinIcon, { style: {
1246
+ return (jsxRuntime.jsx(material.Box, 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(material.Tooltip, { title: localization.unpin, children: jsxRuntime.jsx(material.IconButton, { onClick: () => handlePinColumn(false), size: "small", children: jsxRuntime.jsx(PushPinIcon, {}) }) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Tooltip, { title: localization.pinToLeft, children: jsxRuntime.jsx(material.IconButton, { onClick: () => handlePinColumn('left'), size: "small", children: jsxRuntime.jsx(PushPinIcon, { style: {
1326
1247
  transform: 'rotate(90deg)',
1327
- } }) }) }), jsxRuntime.jsx(Tooltip, { title: localization.pinToRight, children: jsxRuntime.jsx(IconButton, { onClick: () => handlePinColumn('right'), size: "small", children: jsxRuntime.jsx(PushPinIcon, { style: {
1248
+ } }) }) }), jsxRuntime.jsx(material.Tooltip, { title: localization.pinToRight, children: jsxRuntime.jsx(material.IconButton, { onClick: () => handlePinColumn('right'), size: "small", children: jsxRuntime.jsx(PushPinIcon, { style: {
1328
1249
  transform: 'rotate(-90deg)',
1329
1250
  } }) }) })] })) })));
1330
1251
  };
@@ -1373,8 +1294,8 @@ const MRT_EditActionButtons = (_a) => {
1373
1294
  });
1374
1295
  }
1375
1296
  };
1376
- return (jsxRuntime.jsx(Box, { 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, { title: localization.cancel, children: jsxRuntime.jsx(IconButton, { "aria-label": localization.cancel, onClick: handleCancel, children: jsxRuntime.jsx(CancelIcon, {}) }) }), ((isCreating && onCreatingRowSave) ||
1377
- (isEditing && onEditingRowSave)) && (jsxRuntime.jsx(Tooltip, { title: localization.save, children: jsxRuntime.jsx(IconButton, { "aria-label": localization.save, color: "info", disabled: isSaving, onClick: handleSubmitRow, children: isSaving ? jsxRuntime.jsx(CircularProgress, { size: 18 }) : jsxRuntime.jsx(SaveIcon, {}) }) }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button, { onClick: handleCancel, sx: { minWidth: '100px' }, children: localization.cancel }), jsxRuntime.jsxs(Button, { disabled: isSaving, onClick: handleSubmitRow, sx: { minWidth: '100px' }, variant: "contained", children: [isSaving && jsxRuntime.jsx(CircularProgress, { color: "inherit", size: 18 }), localization.save] })] })) }));
1297
+ return (jsxRuntime.jsx(material.Box, { 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(material.Tooltip, { title: localization.cancel, children: jsxRuntime.jsx(material.IconButton, { "aria-label": localization.cancel, onClick: handleCancel, children: jsxRuntime.jsx(CancelIcon, {}) }) }), ((isCreating && onCreatingRowSave) ||
1298
+ (isEditing && onEditingRowSave)) && (jsxRuntime.jsx(material.Tooltip, { title: localization.save, children: jsxRuntime.jsx(material.IconButton, { "aria-label": localization.save, color: "info", disabled: isSaving, onClick: handleSubmitRow, children: isSaving ? jsxRuntime.jsx(material.CircularProgress, { size: 18 }) : jsxRuntime.jsx(SaveIcon, {}) }) }))] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Button, { onClick: handleCancel, sx: { minWidth: '100px' }, children: localization.cancel }), jsxRuntime.jsxs(material.Button, { disabled: isSaving, onClick: handleSubmitRow, sx: { minWidth: '100px' }, variant: "contained", children: [isSaving && jsxRuntime.jsx(material.CircularProgress, { color: "inherit", size: 18 }), localization.save] })] })) }));
1378
1299
  };
1379
1300
 
1380
1301
  const MRT_ExpandAllButton = (_a) => {
@@ -1386,7 +1307,7 @@ const MRT_ExpandAllButton = (_a) => {
1386
1307
  table,
1387
1308
  })), rest);
1388
1309
  const isAllRowsExpanded = getIsAllRowsExpanded();
1389
- return (jsxRuntime.jsx(Tooltip, Object.assign({}, getCommonTooltipProps(), { 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, 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: {
1310
+ return (jsxRuntime.jsx(material.Tooltip, Object.assign({}, getCommonTooltipProps(), { 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(material.IconButton, 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: {
1390
1311
  transform: `rotate(${isAllRowsExpanded ? -180 : getIsSomeRowsExpanded() ? -90 : 0}deg)`,
1391
1312
  transition: 'transform 150ms',
1392
1313
  } })) })) }) })));
@@ -1411,7 +1332,7 @@ const MRT_ExpandButton = ({ row, staticRowIndex, table, }) => {
1411
1332
  (_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(iconButtonProps, event);
1412
1333
  };
1413
1334
  const detailPanel = !!(renderDetailPanel === null || renderDetailPanel === void 0 ? void 0 : renderDetailPanel({ row, table }));
1414
- return (jsxRuntime.jsx(Tooltip, Object.assign({ disableHoverListener: !canExpand && !detailPanel }, getCommonTooltipProps(), { 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, Object.assign({ "aria-label": localization.expand, disabled: !canExpand && !detailPanel }, iconButtonProps, { onClick: handleToggleExpand, sx: (theme) => (Object.assign({ height: density === 'compact' ? '1.75rem' : '2.25rem', opacity: !canExpand && !detailPanel ? 0.3 : 1, [theme.direction === 'rtl' || positionExpandColumn === 'last'
1335
+ return (jsxRuntime.jsx(material.Tooltip, Object.assign({ disableHoverListener: !canExpand && !detailPanel }, getCommonTooltipProps(), { 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(material.IconButton, Object.assign({ "aria-label": localization.expand, disabled: !canExpand && !detailPanel }, iconButtonProps, { onClick: handleToggleExpand, sx: (theme) => (Object.assign({ height: density === 'compact' ? '1.75rem' : '2.25rem', opacity: !canExpand && !detailPanel ? 0.3 : 1, [theme.direction === 'rtl' || positionExpandColumn === 'last'
1415
1336
  ? 'mr'
1416
1337
  : 'ml']: `${row.depth * 16}px`, 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: {
1417
1338
  transform: `rotate(${!canExpand && !renderDetailPanel
@@ -1667,26 +1588,26 @@ const MRT_ShowHideColumnsMenuItems = (_a) => {
1667
1588
  if (!columnDef.header || columnDef.visibleInShowHideMenu === false) {
1668
1589
  return null;
1669
1590
  }
1670
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MenuItem, 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
1591
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.MenuItem, 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
1671
1592
  ? `2px dashed ${theme.palette.grey[500]}`
1672
1593
  : (hoveredColumn === null || hoveredColumn === void 0 ? void 0 : hoveredColumn.id) === column.id
1673
1594
  ? `2px dashed ${draggingBorderColor}`
1674
- : '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, { sx: {
1595
+ : '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(material.Box, { sx: {
1675
1596
  display: 'flex',
1676
1597
  flexWrap: 'nowrap',
1677
1598
  gap: '8px',
1678
1599
  }, children: [columnDefType !== 'group' &&
1679
1600
  enableColumnOrdering &&
1680
1601
  !isNestedColumns &&
1681
- (columnDef.enableColumnOrdering !== false ? (jsxRuntime.jsx(MRT_GrabHandleButton, { onDragEnd: handleDragEnd, onDragStart: handleDragStart, table: table })) : (jsxRuntime.jsx(Box, { sx: { width: '28px' } }))), enableColumnPinning &&
1682
- (column.getCanPin() ? (jsxRuntime.jsx(MRT_ColumnPinningButtons, { column: column, table: table })) : (jsxRuntime.jsx(Box, { sx: { width: '70px' } }))), enableHiding ? (jsxRuntime.jsx(FormControlLabel, { checked: switchChecked, control: jsxRuntime.jsx(Tooltip, Object.assign({}, getCommonTooltipProps(), { title: localization.toggleVisibility, children: jsxRuntime.jsx(Switch, {}) })), disabled: !column.getCanHide(), label: columnDef.header, onChange: () => handleToggleColumnHidden(column), slotProps: {
1602
+ (columnDef.enableColumnOrdering !== false ? (jsxRuntime.jsx(MRT_GrabHandleButton, { onDragEnd: handleDragEnd, onDragStart: handleDragStart, table: table })) : (jsxRuntime.jsx(material.Box, { sx: { width: '28px' } }))), enableColumnPinning &&
1603
+ (column.getCanPin() ? (jsxRuntime.jsx(MRT_ColumnPinningButtons, { column: column, table: table })) : (jsxRuntime.jsx(material.Box, { sx: { width: '70px' } }))), enableHiding ? (jsxRuntime.jsx(material.FormControlLabel, { checked: switchChecked, control: jsxRuntime.jsx(material.Tooltip, Object.assign({}, getCommonTooltipProps(), { title: localization.toggleVisibility, children: jsxRuntime.jsx(material.Switch, {}) })), disabled: !column.getCanHide(), label: columnDef.header, onChange: () => handleToggleColumnHidden(column), slotProps: {
1683
1604
  typography: {
1684
1605
  sx: {
1685
1606
  mb: 0,
1686
1607
  opacity: columnDefType !== 'display' ? 1 : 0.5,
1687
1608
  },
1688
1609
  },
1689
- } })) : (jsxRuntime.jsx(Typography, { 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, isNestedColumns: isNestedColumns, setHoveredColumn: setHoveredColumn, table: table }, `${i}-${c.id}`)))] }));
1610
+ } })) : (jsxRuntime.jsx(material.Typography, { 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, isNestedColumns: isNestedColumns, setHoveredColumn: setHoveredColumn, table: table }, `${i}-${c.id}`)))] }));
1690
1611
  };
1691
1612
 
1692
1613
  const MRT_ShowHideColumnsMenu = (_a) => {
@@ -1725,19 +1646,19 @@ const MRT_ShowHideColumnsMenu = (_a) => {
1725
1646
  const hasColumnOrderChanged = react.useMemo(() => columnOrder.length !== initialState.columnOrder.length ||
1726
1647
  !columnOrder.every((column, index) => column === initialState.columnOrder[index]), [columnOrder, initialState.columnOrder]);
1727
1648
  const [hoveredColumn, setHoveredColumn] = react.useState(null);
1728
- return (jsxRuntime.jsxs(Menu, Object.assign({ anchorEl: anchorEl, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
1649
+ return (jsxRuntime.jsxs(material.Menu, Object.assign({ anchorEl: anchorEl, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
1729
1650
  list: {
1730
1651
  dense: density === 'compact',
1731
1652
  sx: {
1732
1653
  backgroundColor: menuBackgroundColor,
1733
1654
  },
1734
1655
  },
1735
- } }, rest, { children: [jsxRuntime.jsxs(Box, { sx: {
1656
+ } }, rest, { children: [jsxRuntime.jsxs(material.Box, { sx: {
1736
1657
  display: 'flex',
1737
1658
  justifyContent: 'space-between',
1738
1659
  p: '0.5rem',
1739
1660
  pt: 0,
1740
- }, children: [enableHiding && (jsxRuntime.jsx(Button, { disabled: !getIsSomeColumnsVisible(), onClick: () => handleToggleAllColumns(false), children: localization.hideAll })), enableColumnOrdering && (jsxRuntime.jsx(Button, { disabled: !hasColumnOrderChanged, onClick: () => table.setColumnOrder(getDefaultColumnOrderIds(table.options, true)), children: localization.resetOrder })), enableColumnPinning && (jsxRuntime.jsx(Button, { disabled: !getIsSomeColumnsPinned(), onClick: () => table.resetColumnPinning(true), children: localization.unpinAll })), enableHiding && (jsxRuntime.jsx(Button, { disabled: getIsAllColumnsVisible(), onClick: () => handleToggleAllColumns(true), children: localization.showAll }))] }), jsxRuntime.jsx(Divider, {}), allColumns.map((column, index) => (jsxRuntime.jsx(MRT_ShowHideColumnsMenuItems, { allColumns: allColumns, column: column, hoveredColumn: hoveredColumn, isNestedColumns: isNestedColumns, setHoveredColumn: setHoveredColumn, table: table }, `${index}-${column.id}`)))] })));
1661
+ }, children: [enableHiding && (jsxRuntime.jsx(material.Button, { disabled: !getIsSomeColumnsVisible(), onClick: () => handleToggleAllColumns(false), children: localization.hideAll })), enableColumnOrdering && (jsxRuntime.jsx(material.Button, { disabled: !hasColumnOrderChanged, onClick: () => table.setColumnOrder(getDefaultColumnOrderIds(table.options, true)), children: localization.resetOrder })), enableColumnPinning && (jsxRuntime.jsx(material.Button, { disabled: !getIsSomeColumnsPinned(), onClick: () => table.resetColumnPinning(true), children: localization.unpinAll })), enableHiding && (jsxRuntime.jsx(material.Button, { disabled: getIsAllColumnsVisible(), onClick: () => handleToggleAllColumns(true), children: localization.showAll }))] }), jsxRuntime.jsx(material.Divider, {}), allColumns.map((column, index) => (jsxRuntime.jsx(MRT_ShowHideColumnsMenuItems, { allColumns: allColumns, column: column, hoveredColumn: hoveredColumn, isNestedColumns: isNestedColumns, setHoveredColumn: setHoveredColumn, table: table }, `${index}-${column.id}`)))] })));
1741
1662
  };
1742
1663
 
1743
1664
  const MRT_ShowHideColumnsButton = (_a) => {
@@ -1748,7 +1669,7 @@ const MRT_ShowHideColumnsButton = (_a) => {
1748
1669
  const handleClick = (event) => {
1749
1670
  setAnchorEl(event.currentTarget);
1750
1671
  };
1751
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideColumns, children: jsxRuntime.jsx(IconButton, 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 }))] }));
1672
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideColumns, children: jsxRuntime.jsx(material.IconButton, 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 }))] }));
1752
1673
  };
1753
1674
 
1754
1675
  const MRT_ToggleDensePaddingButton = (_a) => {
@@ -1764,7 +1685,7 @@ const MRT_ToggleDensePaddingButton = (_a) => {
1764
1685
  : 'comfortable';
1765
1686
  setDensity(nextDensity);
1766
1687
  };
1767
- return (jsxRuntime.jsx(Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleDensity, children: jsxRuntime.jsx(IconButton, 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, {})) })) }));
1688
+ return (jsxRuntime.jsx(material.Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleDensity, children: jsxRuntime.jsx(material.IconButton, 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, {})) })) }));
1768
1689
  };
1769
1690
 
1770
1691
  const MRT_ToggleFiltersButton = (_a) => {
@@ -1775,7 +1696,7 @@ const MRT_ToggleFiltersButton = (_a) => {
1775
1696
  const handleToggleShowFilters = () => {
1776
1697
  setShowColumnFilters(!showColumnFilters);
1777
1698
  };
1778
- return (jsxRuntime.jsx(Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideFilters, children: jsxRuntime.jsx(IconButton, Object.assign({ "aria-label": localization.showHideFilters, onClick: handleToggleShowFilters }, rest, { title: undefined, children: showColumnFilters ? jsxRuntime.jsx(FilterListOffIcon, {}) : jsxRuntime.jsx(FilterListIcon, {}) })) }));
1699
+ return (jsxRuntime.jsx(material.Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideFilters, children: jsxRuntime.jsx(material.IconButton, Object.assign({ "aria-label": localization.showHideFilters, onClick: handleToggleShowFilters }, rest, { title: undefined, children: showColumnFilters ? jsxRuntime.jsx(FilterListOffIcon, {}) : jsxRuntime.jsx(FilterListIcon, {}) })) }));
1779
1700
  };
1780
1701
 
1781
1702
  const MRT_ToggleFullScreenButton = (_a) => {
@@ -1788,7 +1709,7 @@ const MRT_ToggleFullScreenButton = (_a) => {
1788
1709
  setTooltipOpened(false);
1789
1710
  setIsFullScreen(!isFullScreen);
1790
1711
  };
1791
- return (jsxRuntime.jsx(Tooltip, { open: tooltipOpened, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleFullScreen, children: jsxRuntime.jsx(IconButton, Object.assign({ "aria-label": localization.toggleFullScreen, onBlur: () => setTooltipOpened(false), onClick: handleToggleFullScreen, onFocus: () => setTooltipOpened(true), onMouseEnter: () => setTooltipOpened(true), onMouseLeave: () => setTooltipOpened(false) }, rest, { title: undefined, children: isFullScreen ? jsxRuntime.jsx(FullscreenExitIcon, {}) : jsxRuntime.jsx(FullscreenIcon, {}) })) }));
1712
+ return (jsxRuntime.jsx(material.Tooltip, { open: tooltipOpened, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleFullScreen, children: jsxRuntime.jsx(material.IconButton, Object.assign({ "aria-label": localization.toggleFullScreen, onBlur: () => setTooltipOpened(false), onClick: handleToggleFullScreen, onFocus: () => setTooltipOpened(true), onMouseEnter: () => setTooltipOpened(true), onMouseLeave: () => setTooltipOpened(false) }, rest, { title: undefined, children: isFullScreen ? jsxRuntime.jsx(FullscreenExitIcon, {}) : jsxRuntime.jsx(FullscreenIcon, {}) })) }));
1792
1713
  };
1793
1714
 
1794
1715
  const MRT_ToggleGlobalFilterButton = (_a) => {
@@ -1800,22 +1721,22 @@ const MRT_ToggleGlobalFilterButton = (_a) => {
1800
1721
  setShowGlobalFilter(!showGlobalFilter);
1801
1722
  queueMicrotask(() => { var _a; return (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
1802
1723
  };
1803
- return (jsxRuntime.jsx(Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideSearch, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton, Object.assign({ "aria-label": (_c = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _c !== void 0 ? _c : localization.showHideSearch, disabled: !!globalFilter && showGlobalFilter, onClick: handleToggleSearch }, rest, { title: undefined, children: showGlobalFilter ? jsxRuntime.jsx(SearchOffIcon, {}) : jsxRuntime.jsx(SearchIcon, {}) })) }) }));
1724
+ return (jsxRuntime.jsx(material.Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideSearch, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(material.IconButton, Object.assign({ "aria-label": (_c = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _c !== void 0 ? _c : localization.showHideSearch, disabled: !!globalFilter && showGlobalFilter, onClick: handleToggleSearch }, rest, { title: undefined, children: showGlobalFilter ? jsxRuntime.jsx(SearchOffIcon, {}) : jsxRuntime.jsx(SearchIcon, {}) })) }) }));
1804
1725
  };
1805
1726
 
1806
1727
  const MRT_ActionMenuItem = (_a) => {
1807
1728
  var { icon, label, onOpenSubMenu, table } = _a, rest = __rest(_a, ["icon", "label", "onOpenSubMenu", "table"]);
1808
1729
  const { options: { icons: { ArrowRightIcon }, }, } = table;
1809
- return (jsxRuntime.jsxs(MenuItem, Object.assign({ sx: {
1730
+ return (jsxRuntime.jsxs(material.MenuItem, Object.assign({ sx: {
1810
1731
  alignItems: 'center',
1811
1732
  justifyContent: 'space-between',
1812
1733
  minWidth: '120px',
1813
1734
  my: 0,
1814
1735
  py: '6px',
1815
- }, tabIndex: 0 }, rest, { children: [jsxRuntime.jsxs(Box, { sx: {
1736
+ }, tabIndex: 0 }, rest, { children: [jsxRuntime.jsxs(material.Box, { sx: {
1816
1737
  alignItems: 'center',
1817
1738
  display: 'flex',
1818
- }, children: [jsxRuntime.jsx(ListItemIcon, { children: icon }), label] }), onOpenSubMenu && (jsxRuntime.jsx(IconButton, { onClick: onOpenSubMenu, onMouseEnter: onOpenSubMenu, size: "small", sx: { p: 0 }, children: jsxRuntime.jsx(ArrowRightIcon, {}) }))] })));
1739
+ }, children: [jsxRuntime.jsx(material.ListItemIcon, { children: icon }), label] }), onOpenSubMenu && (jsxRuntime.jsx(material.IconButton, { onClick: onOpenSubMenu, onMouseEnter: onOpenSubMenu, size: "small", sx: { p: 0 }, children: jsxRuntime.jsx(ArrowRightIcon, {}) }))] })));
1819
1740
  };
1820
1741
 
1821
1742
  const MRT_RowActionMenu = (_a) => {
@@ -1840,7 +1761,7 @@ const MRT_RowActionMenu = (_a) => {
1840
1761
  }, [renderRowActionMenuItems, row, staticRowIndex, table]);
1841
1762
  if (!menuItems.length)
1842
1763
  return null;
1843
- return (jsxRuntime.jsx(Menu, Object.assign({ anchorEl: anchorEl, disableScrollLock: true, onClick: (event) => event.stopPropagation(), onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
1764
+ return (jsxRuntime.jsx(material.Menu, Object.assign({ anchorEl: anchorEl, disableScrollLock: true, onClick: (event) => event.stopPropagation(), onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
1844
1765
  list: {
1845
1766
  dense: density === 'compact',
1846
1767
  sx: {
@@ -1882,11 +1803,11 @@ const MRT_ToggleRowActionMenuButton = (_a) => {
1882
1803
  };
1883
1804
  return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderRowActions && !showEditActionButtons ? (renderRowActions({ cell, row, staticRowIndex, table })) : showEditActionButtons ? (jsxRuntime.jsx(MRT_EditActionButtons, { row: row, table: table })) : !renderRowActionMenuItems &&
1884
1805
  parseFromValuesOrFunc(enableEditing, row) &&
1885
- ['modal', 'row'].includes(editDisplayMode) ? (jsxRuntime.jsx(Tooltip, { placement: "right", title: localization.edit, children: jsxRuntime.jsx(IconButton, Object.assign({ "aria-label": localization.edit, onClick: handleStartEditMode, sx: commonIconButtonStyles }, rest, { children: jsxRuntime.jsx(EditIcon, {}) })) })) : ((_b = renderRowActionMenuItems === null || renderRowActionMenuItems === void 0 ? void 0 : renderRowActionMenuItems({
1806
+ ['modal', 'row'].includes(editDisplayMode) ? (jsxRuntime.jsx(material.Tooltip, { placement: "right", title: localization.edit, children: jsxRuntime.jsx(material.IconButton, Object.assign({ "aria-label": localization.edit, onClick: handleStartEditMode, sx: commonIconButtonStyles }, rest, { children: jsxRuntime.jsx(EditIcon, {}) })) })) : ((_b = renderRowActionMenuItems === null || renderRowActionMenuItems === void 0 ? void 0 : renderRowActionMenuItems({
1886
1807
  row,
1887
1808
  staticRowIndex,
1888
1809
  table,
1889
- })) === null || _b === void 0 ? void 0 : _b.length) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip, Object.assign({}, getCommonTooltipProps(), { title: localization.rowActions, children: jsxRuntime.jsx(IconButton, 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, staticRowIndex: staticRowIndex, table: table })] })) : null }));
1810
+ })) === null || _b === void 0 ? void 0 : _b.length) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Tooltip, Object.assign({}, getCommonTooltipProps(), { title: localization.rowActions, children: jsxRuntime.jsx(material.IconButton, 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, staticRowIndex: staticRowIndex, table: table })] })) : null }));
1890
1811
  };
1891
1812
 
1892
1813
  const MRT_TableFooterCell = (_a) => {
@@ -1912,7 +1833,7 @@ const MRT_TableFooterCell = (_a) => {
1912
1833
  table,
1913
1834
  });
1914
1835
  };
1915
- return (jsxRuntime.jsx(TableCell, Object.assign({ align: columnDefType === 'group'
1836
+ return (jsxRuntime.jsx(material.TableCell, Object.assign({ align: columnDefType === 'group'
1916
1837
  ? 'center'
1917
1838
  : theme.direction === 'rtl'
1918
1839
  ? 'right'
@@ -1950,7 +1871,7 @@ const MRT_TableFooterRow = (_a) => {
1950
1871
  footerGroup,
1951
1872
  table,
1952
1873
  })), rest);
1953
- return (jsxRuntime.jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: baseBackgroundColor, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, position: 'relative', 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, staticColumnIndex) => {
1874
+ return (jsxRuntime.jsxs(material.TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: baseBackgroundColor, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, position: 'relative', 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, staticColumnIndex) => {
1954
1875
  let footer = footerOrVirtualFooter;
1955
1876
  if (columnVirtualizer) {
1956
1877
  staticColumnIndex = footerOrVirtualFooter
@@ -1979,7 +1900,7 @@ const MRT_TableFooter = (_a) => {
1979
1900
  })) {
1980
1901
  return null;
1981
1902
  }
1982
- return (jsxRuntime.jsx(TableFooter, Object.assign({}, tableFooterProps, { ref: (ref) => {
1903
+ return (jsxRuntime.jsx(material.TableFooter, Object.assign({}, tableFooterProps, { ref: (ref) => {
1983
1904
  tableFooterRef.current = ref;
1984
1905
  if (tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.ref) {
1985
1906
  // @ts-expect-error
@@ -2037,9 +1958,9 @@ const MRT_SelectCheckbox = (_a) => {
2037
1958
  e.stopPropagation();
2038
1959
  (_a = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.onClick) === null || _a === void 0 ? void 0 : _a.call(checkboxProps, e);
2039
1960
  }, 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 });
2040
- return (jsxRuntime.jsx(Tooltip, Object.assign({}, getCommonTooltipProps(), { title: (_b = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.title) !== null && _b !== void 0 ? _b : (selectAll
1961
+ return (jsxRuntime.jsx(material.Tooltip, Object.assign({}, getCommonTooltipProps(), { title: (_b = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.title) !== null && _b !== void 0 ? _b : (selectAll
2041
1962
  ? localization.toggleSelectAll
2042
- : localization.toggleSelectRow), children: enableMultiRowSelection === false ? (jsxRuntime.jsx(Radio, Object.assign({}, commonProps))) : (jsxRuntime.jsx(Checkbox, Object.assign({ indeterminate: !isChecked && selectAll
1963
+ : localization.toggleSelectRow), children: enableMultiRowSelection === false ? (jsxRuntime.jsx(material.Radio, Object.assign({}, commonProps))) : (jsxRuntime.jsx(material.Checkbox, Object.assign({ indeterminate: !isChecked && selectAll
2043
1964
  ? table.getIsSomeRowsSelected()
2044
1965
  : (row === null || row === void 0 ? void 0 : row.getIsSomeSelected()) && row.getCanSelectSubRows() }, commonProps))) })));
2045
1966
  };
@@ -2060,12 +1981,12 @@ const MRT_ToolbarAlertBanner = (_a) => {
2060
1981
  const selectedRowCount = react.useMemo(() => manualPagination
2061
1982
  ? Object.values(rowSelection).filter(Boolean).length
2062
1983
  : filteredRowCount, [rowSelection, totalRowCount, manualPagination, filteredRowCount]);
2063
- const selectedAlert = selectedRowCount > 0 ? (jsxRuntime.jsxs(Stack, { direction: "row", sx: {
1984
+ const selectedAlert = selectedRowCount > 0 ? (jsxRuntime.jsxs(material.Stack, { direction: "row", sx: {
2064
1985
  alignItems: "center",
2065
1986
  gap: "16px"
2066
- }, children: [(_c = (_b = localization.selectedCountOfRowCountRowsSelected) === null || _b === void 0 ? void 0 : _b.replace('{selectedCount}', selectedRowCount.toLocaleString(localization.language))) === null || _c === void 0 ? void 0 : _c.replace('{rowCount}', totalRowCount.toLocaleString(localization.language)), jsxRuntime.jsx(Button, { onClick: (event) => getMRT_SelectAllHandler({ table })(event, false, true), size: "small", sx: { p: '2px' }, children: localization.clearSelection })] })) : null;
2067
- 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, Object.assign({ label: table.getColumn(columnId).columnDef.header, onDelete: () => table.getColumn(columnId).toggleGrouping() }, chipProps))] }, `${index}-${columnId}`)))] })) : null;
2068
- return (jsxRuntime.jsx(Collapse, { in: showAlertBanner || !!selectedAlert || !!groupedAlert, timeout: stackAlertBanner ? 200 : 0, children: jsxRuntime.jsx(Alert, Object.assign({ color: "info", icon: false }, alertProps, { sx: (theme) => {
1987
+ }, children: [(_c = (_b = localization.selectedCountOfRowCountRowsSelected) === null || _b === void 0 ? void 0 : _b.replace('{selectedCount}', selectedRowCount.toLocaleString(localization.language))) === null || _c === void 0 ? void 0 : _c.replace('{rowCount}', totalRowCount.toLocaleString(localization.language)), jsxRuntime.jsx(material.Button, { onClick: (event) => getMRT_SelectAllHandler({ table })(event, false, true), size: "small", sx: { p: '2px' }, children: localization.clearSelection })] })) : null;
1988
+ 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(material.Chip, Object.assign({ label: table.getColumn(columnId).columnDef.header, onDelete: () => table.getColumn(columnId).toggleGrouping() }, chipProps))] }, `${index}-${columnId}`)))] })) : null;
1989
+ return (jsxRuntime.jsx(material.Collapse, { in: showAlertBanner || !!selectedAlert || !!groupedAlert, timeout: stackAlertBanner ? 200 : 0, children: jsxRuntime.jsx(material.Alert, Object.assign({ color: "info", icon: false }, alertProps, { sx: (theme) => {
2069
1990
  var _a, _b;
2070
1991
  return (Object.assign({ '& .MuiAlert-message': {
2071
1992
  maxWidth: `calc(${(_b = (_a = tablePaperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 360}px - 1rem)`,
@@ -2079,7 +2000,7 @@ const MRT_ToolbarAlertBanner = (_a) => {
2079
2000
  groupedAlert,
2080
2001
  selectedAlert,
2081
2002
  table,
2082
- })) !== null && _d !== void 0 ? _d : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(alertProps === null || alertProps === void 0 ? void 0 : alertProps.title) && jsxRuntime.jsx(AlertTitle, { children: alertProps.title }), jsxRuntime.jsxs(Stack, { sx: {
2003
+ })) !== null && _d !== void 0 ? _d : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(alertProps === null || alertProps === void 0 ? void 0 : alertProps.title) && jsxRuntime.jsx(material.AlertTitle, { children: alertProps.title }), jsxRuntime.jsxs(material.Stack, { sx: {
2083
2004
  p: positionToolbarAlertBanner !== 'head-overlay'
2084
2005
  ? '0.5rem 1rem'
2085
2006
  : density === 'spacious'
@@ -2087,7 +2008,7 @@ const MRT_ToolbarAlertBanner = (_a) => {
2087
2008
  : density === 'comfortable'
2088
2009
  ? '0.5rem 0.75rem'
2089
2010
  : '0.25rem 0.5rem',
2090
- }, 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, { sx: { display: 'flex' }, children: [enableRowSelection &&
2011
+ }, 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(material.Box, { sx: { display: 'flex' }, children: [enableRowSelection &&
2091
2012
  enableSelectAll &&
2092
2013
  positionToolbarAlertBanner === 'head-overlay' && (jsxRuntime.jsx(MRT_SelectCheckbox, { table: table })), ' ', selectedAlert] }), selectedAlert && groupedAlert && jsxRuntime.jsx("br", {}), groupedAlert] })] })) })) }));
2093
2014
  };
@@ -2268,7 +2189,7 @@ const MRT_FilterOptionMenu = (_a) => {
2268
2189
  onSelect === null || onSelect === void 0 ? void 0 : onSelect();
2269
2190
  };
2270
2191
  const filterOption = !!header && columnDef ? columnDef._filterFn : globalFilterFn;
2271
- return (jsxRuntime.jsx(Menu, Object.assign({ anchorEl: anchorEl, anchorOrigin: { horizontal: 'right', vertical: 'center' }, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
2192
+ return (jsxRuntime.jsx(material.Menu, Object.assign({ anchorEl: anchorEl, anchorOrigin: { horizontal: 'right', vertical: 'center' }, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
2272
2193
  list: {
2273
2194
  dense: density === 'compact',
2274
2195
  sx: {
@@ -2409,7 +2330,7 @@ const MRT_ColumnActionMenu = (_a) => {
2409
2330
  ]
2410
2331
  : []),
2411
2332
  ].filter(Boolean);
2412
- return (jsxRuntime.jsx(Menu, Object.assign({ anchorEl: anchorEl, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
2333
+ return (jsxRuntime.jsx(material.Menu, Object.assign({ anchorEl: anchorEl, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
2413
2334
  list: {
2414
2335
  dense: density === 'compact',
2415
2336
  sx: {
@@ -2448,7 +2369,7 @@ const MRT_TableHeadCellColumnActionsButton = (_a) => {
2448
2369
  column,
2449
2370
  table,
2450
2371
  })), rest);
2451
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip, Object.assign({}, getCommonTooltipProps('top'), { title: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _b !== void 0 ? _b : localization.columnActions, children: jsxRuntime.jsx(IconButton, Object.assign({ "aria-label": localization.columnActions, onClick: handleClick, size: "small" }, iconButtonProps, { sx: (theme) => (Object.assign({ '&:hover': {
2372
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Tooltip, Object.assign({}, getCommonTooltipProps('top'), { title: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _b !== void 0 ? _b : localization.columnActions, children: jsxRuntime.jsx(material.IconButton, Object.assign({ "aria-label": localization.columnActions, onClick: handleClick, size: "small" }, iconButtonProps, { sx: (theme) => (Object.assign({ '&:hover': {
2452
2373
  opacity: 1,
2453
2374
  }, 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: (_c = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _c !== void 0 ? _c : (jsxRuntime.jsx(MoreVertIcon, { style: { transform: 'scale(0.9)' } })) })) })), anchorEl && (jsxRuntime.jsx(MRT_ColumnActionMenu, { anchorEl: anchorEl, header: header, setAnchorEl: setAnchorEl, table: table }))] }));
2454
2375
  };
@@ -2467,7 +2388,7 @@ const MRT_FilterCheckbox = (_a) => {
2467
2388
  table,
2468
2389
  })), rest);
2469
2390
  const filterLabel = (_b = localization.filterByColumn) === null || _b === void 0 ? void 0 : _b.replace('{column}', columnDef.header);
2470
- return (jsxRuntime.jsx(Tooltip, Object.assign({}, getCommonTooltipProps(), { title: (_c = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.title) !== null && _c !== void 0 ? _c : filterLabel, children: jsxRuntime.jsx(FormControlLabel, { control: jsxRuntime.jsx(Checkbox, 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) => {
2391
+ return (jsxRuntime.jsx(material.Tooltip, Object.assign({}, getCommonTooltipProps(), { title: (_c = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.title) !== null && _c !== void 0 ? _c : filterLabel, children: jsxRuntime.jsx(material.FormControlLabel, { control: jsxRuntime.jsx(material.Checkbox, 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) => {
2471
2392
  var _a;
2472
2393
  column.setFilterValue(column.getFilterValue() === undefined
2473
2394
  ? 'true'
@@ -2617,15 +2538,15 @@ const MRT_FilterTextField = (_a) => {
2617
2538
  if (columnDef.Filter) {
2618
2539
  return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: (_g = columnDef.Filter) === null || _g === void 0 ? void 0 : _g.call(columnDef, { column, header, rangeFilterIndex, table }) }));
2619
2540
  }
2620
- const endAdornment = !isAutocompleteFilter && !isDateFilter && !filterChipLabel ? (jsxRuntime.jsx(InputAdornment, { position: "end", sx: {
2541
+ const endAdornment = !isAutocompleteFilter && !isDateFilter && !filterChipLabel ? (jsxRuntime.jsx(material.InputAdornment, { position: "end", sx: {
2621
2542
  mr: isSelectFilter || isMultiSelectFilter ? '20px' : undefined,
2622
2543
  visibility: ((_h = filterValue === null || filterValue === void 0 ? void 0 : filterValue.length) !== null && _h !== void 0 ? _h : 0) > 0 ? 'visible' : 'hidden',
2623
- }, children: jsxRuntime.jsx(Tooltip, { placement: "right", title: (_j = localization.clearFilter) !== null && _j !== void 0 ? _j : '', children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton, { "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: {
2544
+ }, children: jsxRuntime.jsx(material.Tooltip, { placement: "right", title: (_j = localization.clearFilter) !== null && _j !== void 0 ? _j : '', children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(material.IconButton, { "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: {
2624
2545
  height: '2rem',
2625
2546
  transform: 'scale(0.9)',
2626
2547
  width: '2rem',
2627
2548
  }, children: jsxRuntime.jsx(CloseIcon, {}) }) }) }) })) : null;
2628
- const startAdornment = showChangeModeButton ? (jsxRuntime.jsxs(InputAdornment, { position: "start", children: [jsxRuntime.jsx(Tooltip, { title: localization.changeFilterMode, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton, { "aria-label": localization.changeFilterMode, onClick: handleFilterMenuOpen, size: "small", sx: { height: '1.75rem', width: '1.75rem' }, children: jsxRuntime.jsx(FilterListIcon, {}) }) }) }), filterChipLabel && (jsxRuntime.jsx(Chip, { label: filterChipLabel, onDelete: handleClearEmptyFilterChip }))] })) : null;
2549
+ const startAdornment = showChangeModeButton ? (jsxRuntime.jsxs(material.InputAdornment, { position: "start", children: [jsxRuntime.jsx(material.Tooltip, { title: localization.changeFilterMode, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(material.IconButton, { "aria-label": localization.changeFilterMode, onClick: handleFilterMenuOpen, size: "small", sx: { height: '1.75rem', width: '1.75rem' }, children: jsxRuntime.jsx(FilterListIcon, {}) }) }) }), filterChipLabel && (jsxRuntime.jsx(material.Chip, { label: filterChipLabel, onDelete: handleClearEmptyFilterChip }))] })) : null;
2629
2550
  const commonTextFieldProps = Object.assign(Object.assign({ fullWidth: true, helperText: showChangeModeButton ? (jsxRuntime.jsx("label", { children: localization.filterMode.replace('{filterType}', localization[`filter${((_l = currentFilterOption === null || currentFilterOption === void 0 ? void 0 : currentFilterOption.charAt(0)) === null || _l === void 0 ? void 0 : _l.toUpperCase()) +
2630
2551
  (currentFilterOption === null || currentFilterOption === void 0 ? void 0 : currentFilterOption.slice(1))}`]) })) : null, inputRef: (inputRef) => {
2631
2552
  filterInputRefs.current[`${column.id}-${rangeFilterIndex !== null && rangeFilterIndex !== void 0 ? rangeFilterIndex : 0}`] =
@@ -2662,31 +2583,31 @@ const MRT_FilterTextField = (_a) => {
2662
2583
  },
2663
2584
  value: filterValue || null,
2664
2585
  };
2665
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(filterVariant === null || filterVariant === void 0 ? void 0 : filterVariant.startsWith('time')) ? (jsxRuntime.jsx(TimePicker.TimePicker, Object.assign({}, commonDatePickerProps, timePickerProps, { slotProps: Object.assign(Object.assign({}, timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.slotProps), { field: Object.assign({ clearable: true, onClear: () => handleClear() }, (_r = timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.slotProps) === null || _r === void 0 ? void 0 : _r.field), textField: Object.assign(Object.assign({}, commonTextFieldProps), (_s = timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.slotProps) === null || _s === void 0 ? void 0 : _s.textField) }) }))) : (filterVariant === null || filterVariant === void 0 ? void 0 : filterVariant.startsWith('datetime')) ? (jsxRuntime.jsx(DateTimePicker.DateTimePicker, Object.assign({}, commonDatePickerProps, dateTimePickerProps, { slotProps: Object.assign(Object.assign({}, dateTimePickerProps === null || dateTimePickerProps === void 0 ? void 0 : dateTimePickerProps.slotProps), { field: Object.assign({ clearable: true, onClear: () => handleClear() }, (_t = dateTimePickerProps === null || dateTimePickerProps === void 0 ? void 0 : dateTimePickerProps.slotProps) === null || _t === void 0 ? void 0 : _t.field), textField: Object.assign(Object.assign({}, commonTextFieldProps), (_u = dateTimePickerProps === null || dateTimePickerProps === void 0 ? void 0 : dateTimePickerProps.slotProps) === null || _u === void 0 ? void 0 : _u.textField) }) }))) : (filterVariant === null || filterVariant === void 0 ? void 0 : filterVariant.startsWith('date')) ? (jsxRuntime.jsx(DatePicker.DatePicker, Object.assign({}, commonDatePickerProps, datePickerProps, { slotProps: Object.assign(Object.assign({}, datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.slotProps), { field: Object.assign({ clearable: true, onClear: () => handleClear() }, (_v = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.slotProps) === null || _v === void 0 ? void 0 : _v.field), textField: Object.assign(Object.assign({}, commonTextFieldProps), (_w = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.slotProps) === null || _w === void 0 ? void 0 : _w.textField) }) }))) : isAutocompleteFilter ? (jsxRuntime.jsx(Autocomplete, Object.assign({ freeSolo: true, getOptionLabel: (option) => getValueAndLabel(option).label, inputValue: filterValue, onChange: (_e, newValue) => handleAutocompleteChange(newValue), onInputChange: handleAutocompleteInputChange, options: (_x = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((option) => getValueAndLabel(option))) !== null && _x !== void 0 ? _x : [] }, autocompleteProps, { renderInput: (params) => {
2586
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(filterVariant === null || filterVariant === void 0 ? void 0 : filterVariant.startsWith('time')) ? (jsxRuntime.jsx(TimePicker.TimePicker, Object.assign({}, commonDatePickerProps, timePickerProps, { slotProps: Object.assign(Object.assign({}, timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.slotProps), { field: Object.assign({ clearable: true, onClear: () => handleClear() }, (_r = timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.slotProps) === null || _r === void 0 ? void 0 : _r.field), textField: Object.assign(Object.assign({}, commonTextFieldProps), (_s = timePickerProps === null || timePickerProps === void 0 ? void 0 : timePickerProps.slotProps) === null || _s === void 0 ? void 0 : _s.textField) }) }))) : (filterVariant === null || filterVariant === void 0 ? void 0 : filterVariant.startsWith('datetime')) ? (jsxRuntime.jsx(DateTimePicker.DateTimePicker, Object.assign({}, commonDatePickerProps, dateTimePickerProps, { slotProps: Object.assign(Object.assign({}, dateTimePickerProps === null || dateTimePickerProps === void 0 ? void 0 : dateTimePickerProps.slotProps), { field: Object.assign({ clearable: true, onClear: () => handleClear() }, (_t = dateTimePickerProps === null || dateTimePickerProps === void 0 ? void 0 : dateTimePickerProps.slotProps) === null || _t === void 0 ? void 0 : _t.field), textField: Object.assign(Object.assign({}, commonTextFieldProps), (_u = dateTimePickerProps === null || dateTimePickerProps === void 0 ? void 0 : dateTimePickerProps.slotProps) === null || _u === void 0 ? void 0 : _u.textField) }) }))) : (filterVariant === null || filterVariant === void 0 ? void 0 : filterVariant.startsWith('date')) ? (jsxRuntime.jsx(DatePicker.DatePicker, Object.assign({}, commonDatePickerProps, datePickerProps, { slotProps: Object.assign(Object.assign({}, datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.slotProps), { field: Object.assign({ clearable: true, onClear: () => handleClear() }, (_v = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.slotProps) === null || _v === void 0 ? void 0 : _v.field), textField: Object.assign(Object.assign({}, commonTextFieldProps), (_w = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.slotProps) === null || _w === void 0 ? void 0 : _w.textField) }) }))) : isAutocompleteFilter ? (jsxRuntime.jsx(material.Autocomplete, Object.assign({ freeSolo: true, getOptionLabel: (option) => getValueAndLabel(option).label, inputValue: filterValue, onChange: (_e, newValue) => handleAutocompleteChange(newValue), onInputChange: handleAutocompleteInputChange, options: (_x = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((option) => getValueAndLabel(option))) !== null && _x !== void 0 ? _x : [] }, autocompleteProps, { renderInput: (params) => {
2666
2587
  const commonInput = getTextFieldSlotProps(commonTextFieldProps.slotProps).input;
2667
2588
  const commonHtmlInput = getTextFieldSlotProps(commonTextFieldProps.slotProps).htmlInput;
2668
- return (jsxRuntime.jsx(TextField, Object.assign({}, commonTextFieldProps, { disabled: params.disabled, fullWidth: params.fullWidth, id: params.id, onClick: (e) => e.stopPropagation(), size: params.size, slotProps: Object.assign(Object.assign({}, commonTextFieldProps.slotProps), { htmlInput: Object.assign(Object.assign({}, params.slotProps.htmlInput), commonHtmlInput), input: Object.assign(Object.assign({}, params.slotProps.input), { startAdornment: commonInput === null || commonInput === void 0 ? void 0 : commonInput.startAdornment }), inputLabel: params.slotProps.inputLabel }) })));
2669
- }, value: autocompleteValue }))) : (jsxRuntime.jsx(TextField, Object.assign({ select: isSelectFilter || isMultiSelectFilter }, commonTextFieldProps, { onChange: handleTextFieldChange, onClick: (e) => e.stopPropagation(), slotProps: Object.assign(Object.assign({}, commonTextFieldProps.slotProps), { inputLabel: Object.assign({ shrink: isSelectFilter || isMultiSelectFilter }, (_y = commonTextFieldProps.slotProps) === null || _y === void 0 ? void 0 : _y.inputLabel), select: Object.assign({ displayEmpty: true, MenuProps: { disableScrollLock: true }, multiple: isMultiSelectFilter, renderValue: isMultiSelectFilter
2670
- ? (selected) => !Array.isArray(selected) || (selected === null || selected === void 0 ? void 0 : selected.length) === 0 ? (jsxRuntime.jsx(Box, { sx: { opacity: 0.5 }, children: filterPlaceholder })) : (jsxRuntime.jsx(Box, { sx: { display: 'flex', flexWrap: 'wrap', gap: '2px' }, children: selected.map((value) => {
2589
+ return (jsxRuntime.jsx(material.TextField, Object.assign({}, commonTextFieldProps, { disabled: params.disabled, fullWidth: params.fullWidth, id: params.id, onClick: (e) => e.stopPropagation(), size: params.size, slotProps: Object.assign(Object.assign({}, commonTextFieldProps.slotProps), { htmlInput: Object.assign(Object.assign({}, params.slotProps.htmlInput), commonHtmlInput), input: Object.assign(Object.assign({}, params.slotProps.input), { startAdornment: commonInput === null || commonInput === void 0 ? void 0 : commonInput.startAdornment }), inputLabel: params.slotProps.inputLabel }) })));
2590
+ }, value: autocompleteValue }))) : (jsxRuntime.jsx(material.TextField, Object.assign({ select: isSelectFilter || isMultiSelectFilter }, commonTextFieldProps, { onChange: handleTextFieldChange, onClick: (e) => e.stopPropagation(), slotProps: Object.assign(Object.assign({}, commonTextFieldProps.slotProps), { inputLabel: Object.assign({ shrink: isSelectFilter || isMultiSelectFilter }, (_y = commonTextFieldProps.slotProps) === null || _y === void 0 ? void 0 : _y.inputLabel), select: Object.assign({ displayEmpty: true, MenuProps: { disableScrollLock: true }, multiple: isMultiSelectFilter, renderValue: isMultiSelectFilter
2591
+ ? (selected) => !Array.isArray(selected) || (selected === null || selected === void 0 ? void 0 : selected.length) === 0 ? (jsxRuntime.jsx(material.Box, { sx: { opacity: 0.5 }, children: filterPlaceholder })) : (jsxRuntime.jsx(material.Box, { sx: { display: 'flex', flexWrap: 'wrap', gap: '2px' }, children: selected.map((value) => {
2671
2592
  const selectedValue = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.find((option) => getValueAndLabel(option).value === value);
2672
- return (jsxRuntime.jsx(Chip, { label: getValueAndLabel(selectedValue).label }, value));
2593
+ return (jsxRuntime.jsx(material.Chip, { label: getValueAndLabel(selectedValue).label }, value));
2673
2594
  }) }))
2674
2595
  : undefined }, (_z = commonTextFieldProps.slotProps) === null || _z === void 0 ? void 0 : _z.select) }), value: isMultiSelectFilter
2675
2596
  ? Array.isArray(filterValue)
2676
2597
  ? filterValue
2677
2598
  : []
2678
2599
  : filterValue, children: (isSelectFilter || isMultiSelectFilter) && [
2679
- jsxRuntime.jsx(MenuItem, { disabled: true, divider: true, hidden: true, value: "", children: jsxRuntime.jsx(Box, { sx: { opacity: 0.5 }, children: filterPlaceholder }) }, "p"),
2600
+ jsxRuntime.jsx(material.MenuItem, { disabled: true, divider: true, hidden: true, value: "", children: jsxRuntime.jsx(material.Box, { sx: { opacity: 0.5 }, children: filterPlaceholder }) }, "p"),
2680
2601
  ...[
2681
2602
  (_0 = textFieldProps.children) !== null && _0 !== void 0 ? _0 : dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((option, index) => {
2682
2603
  var _a;
2683
2604
  const { label, value } = getValueAndLabel(option);
2684
- return (jsxRuntime.jsxs(MenuItem, { sx: {
2605
+ return (jsxRuntime.jsxs(material.MenuItem, { sx: {
2685
2606
  alignItems: 'center',
2686
2607
  display: 'flex',
2687
2608
  gap: '0.5rem',
2688
2609
  m: 0,
2689
- }, value: value, children: [isMultiSelectFilter && (jsxRuntime.jsx(Checkbox, { checked: ((_a = column.getFilterValue()) !== null && _a !== void 0 ? _a : []).includes(value), sx: { mr: '0.5rem' } })), label, ' ', !columnDef.filterSelectOptions &&
2610
+ }, value: value, children: [isMultiSelectFilter && (jsxRuntime.jsx(material.Checkbox, { checked: ((_a = column.getFilterValue()) !== null && _a !== void 0 ? _a : []).includes(value), sx: { mr: '0.5rem' } })), label, ' ', !columnDef.filterSelectOptions &&
2690
2611
  `(${facetedUniqueValues.get(value)})`] }, `${index}-${value}`));
2691
2612
  }),
2692
2613
  ],
@@ -2695,7 +2616,7 @@ const MRT_FilterTextField = (_a) => {
2695
2616
 
2696
2617
  const MRT_FilterRangeFields = (_a) => {
2697
2618
  var { header, table } = _a, rest = __rest(_a, ["header", "table"]);
2698
- return (jsxRuntime.jsx(Box, 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: [0, 1].map((rangeFilterIndex) => (jsxRuntime.jsx(MRT_FilterTextField, { header: header, rangeFilterIndex: rangeFilterIndex, table: table }, rangeFilterIndex))) })));
2619
+ return (jsxRuntime.jsx(material.Box, 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: [0, 1].map((rangeFilterIndex) => (jsxRuntime.jsx(MRT_FilterTextField, { header: header, rangeFilterIndex: rangeFilterIndex, table: table }, rangeFilterIndex))) })));
2699
2620
  };
2700
2621
 
2701
2622
  const MRT_FilterRangeSlider = (_a) => {
@@ -2739,7 +2660,7 @@ const MRT_FilterRangeSlider = (_a) => {
2739
2660
  }
2740
2661
  isMounted.current = true;
2741
2662
  }, [columnFilterValue, min, max]);
2742
- return (jsxRuntime.jsxs(Stack, { children: [jsxRuntime.jsx(Slider, Object.assign({ disableSwap: true, max: max, min: min, onChange: (_event, values) => {
2663
+ return (jsxRuntime.jsxs(material.Stack, { children: [jsxRuntime.jsx(material.Slider, Object.assign({ disableSwap: true, max: max, min: min, onChange: (_event, values) => {
2743
2664
  setFilterValues(values);
2744
2665
  }, onChangeCommitted: (_event, value) => {
2745
2666
  if (Array.isArray(value)) {
@@ -2765,7 +2686,7 @@ const MRT_FilterRangeSlider = (_a) => {
2765
2686
  }
2766
2687
  },
2767
2688
  },
2768
- }, sx: (theme) => (Object.assign({ m: 'auto', minWidth: `${column.getSize() - 50}px`, 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, { sx: {
2689
+ }, sx: (theme) => (Object.assign({ m: 'auto', minWidth: `${column.getSize() - 50}px`, mt: !showChangeModeButton ? '10px' : '6px', px: '4px', width: 'calc(100% - 8px)' }, parseFromValuesOrFunc(sliderProps === null || sliderProps === void 0 ? void 0 : sliderProps.sx, theme))) })), showChangeModeButton ? (jsxRuntime.jsx(material.FormHelperText, { sx: {
2769
2690
  fontSize: '0.75rem',
2770
2691
  lineHeight: '0.8rem',
2771
2692
  m: '-3px -6px',
@@ -2781,7 +2702,7 @@ const MRT_TableHeadCellFilterContainer = (_a) => {
2781
2702
  const { column } = header;
2782
2703
  const { columnDef } = column;
2783
2704
  const { isRangeFilter } = getColumnFilterInfo({ header, table });
2784
- return (jsxRuntime.jsx(Collapse, 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 })) : isRangeFilter ? (jsxRuntime.jsx(MRT_FilterRangeFields, { header: header, table: table })) : (jsxRuntime.jsx(MRT_FilterTextField, { header: header, table: table })) })));
2705
+ return (jsxRuntime.jsx(material.Collapse, 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 })) : isRangeFilter ? (jsxRuntime.jsx(MRT_FilterRangeFields, { header: header, table: table })) : (jsxRuntime.jsx(MRT_FilterTextField, { header: header, table: table })) })));
2785
2706
  };
2786
2707
 
2787
2708
  const MRT_TableHeadCellFilterLabel = (_a) => {
@@ -2814,9 +2735,9 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
2814
2735
  ? getSelectLabel()
2815
2736
  : filterValue}"`)
2816
2737
  .replace('" "', '');
2817
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Grow, { in: columnFilterDisplayMode === 'popover' ||
2738
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Grow, { in: columnFilterDisplayMode === 'popover' ||
2818
2739
  (!!filterValue && !isRangeFilter) ||
2819
- (isRangeFilter && (!!(filterValue === null || filterValue === void 0 ? void 0 : filterValue[0]) || !!(filterValue === null || filterValue === void 0 ? void 0 : filterValue[1]))), unmountOnExit: true, children: jsxRuntime.jsx(Box, { component: "span", sx: { flex: '0 0' }, children: jsxRuntime.jsx(Tooltip, { placement: "top", title: filterTooltip, children: jsxRuntime.jsx(IconButton, Object.assign({ disableRipple: true, onClick: (event) => {
2740
+ (isRangeFilter && (!!(filterValue === null || filterValue === void 0 ? void 0 : filterValue[0]) || !!(filterValue === null || filterValue === void 0 ? void 0 : filterValue[1]))), unmountOnExit: true, children: jsxRuntime.jsx(material.Box, { component: "span", sx: { flex: '0 0' }, children: jsxRuntime.jsx(material.Tooltip, { placement: "top", title: filterTooltip, children: jsxRuntime.jsx(material.IconButton, Object.assign({ disableRipple: true, onClick: (event) => {
2820
2741
  if (columnFilterDisplayMode === 'popover') {
2821
2742
  setAnchorEl(event.currentTarget);
2822
2743
  }
@@ -2829,7 +2750,7 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
2829
2750
  (_f = (_e = (_d = filterInputRefs.current) === null || _d === void 0 ? void 0 : _d[`${column.id}-0`]) === null || _e === void 0 ? void 0 : _e.select) === null || _f === void 0 ? void 0 : _f.call(_e);
2830
2751
  });
2831
2752
  event.stopPropagation();
2832
- }, 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, {}) })) }) }) }), columnFilterDisplayMode === 'popover' && (jsxRuntime.jsx(Popover, { anchorEl: anchorEl, anchorOrigin: {
2753
+ }, 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, {}) })) }) }) }), columnFilterDisplayMode === 'popover' && (jsxRuntime.jsx(material.Popover, { anchorEl: anchorEl, anchorOrigin: {
2833
2754
  horizontal: 'center',
2834
2755
  vertical: 'top',
2835
2756
  }, disableScrollLock: true, onClick: (event) => event.stopPropagation(), onClose: (event) => {
@@ -2839,7 +2760,7 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
2839
2760
  }, onKeyDown: (event) => event.key === 'Enter' && setAnchorEl(null), open: !!anchorEl, slotProps: { paper: { sx: { overflow: 'visible' } } }, transformOrigin: {
2840
2761
  horizontal: 'center',
2841
2762
  vertical: 'bottom',
2842
- }, children: jsxRuntime.jsx(Box, { sx: { p: '1rem' }, children: jsxRuntime.jsx(MRT_TableHeadCellFilterContainer, { header: header, table: table }) }) }))] }));
2763
+ }, children: jsxRuntime.jsx(material.Box, { sx: { p: '1rem' }, children: jsxRuntime.jsx(MRT_TableHeadCellFilterContainer, { header: header, table: table }) }) }))] }));
2843
2764
  };
2844
2765
 
2845
2766
  const MRT_TableHeadCellGrabHandle = (_a) => {
@@ -2897,7 +2818,7 @@ const MRT_TableHeadCellResizeHandle = (_a) => {
2897
2818
  ? '-16px'
2898
2819
  : '-24px';
2899
2820
  const lr = column.columnDef.columnDefType === 'display' ? '4px' : '0';
2900
- return (jsxRuntime.jsx(Box, { className: "Mui-TableHeadCell-ResizeHandle-Wrapper", onDoubleClick: () => {
2821
+ return (jsxRuntime.jsx(material.Box, { className: "Mui-TableHeadCell-ResizeHandle-Wrapper", onDoubleClick: () => {
2901
2822
  setColumnSizingInfo((old) => (Object.assign(Object.assign({}, old), { isResizingColumn: false })));
2902
2823
  column.resetSize();
2903
2824
  }, onMouseDown: handler, onTouchStart: handler, style: {
@@ -2917,7 +2838,7 @@ const MRT_TableHeadCellResizeHandle = (_a) => {
2917
2838
  position: 'absolute',
2918
2839
  px: '4px',
2919
2840
  right: columnResizeDirection === 'ltr' ? lr : undefined,
2920
- }), children: jsxRuntime.jsx(Divider, { className: "Mui-TableHeadCell-ResizeHandle-Divider", flexItem: true, orientation: "vertical", sx: (theme) => (Object.assign({ borderRadius: '2px', borderWidth: '2px', height: '24px', touchAction: 'none', transform: 'translateX(4px)', transition: column.getIsResizing()
2841
+ }), children: jsxRuntime.jsx(material.Divider, { className: "Mui-TableHeadCell-ResizeHandle-Divider", flexItem: true, orientation: "vertical", sx: (theme) => (Object.assign({ borderRadius: '2px', borderWidth: '2px', height: '24px', touchAction: 'none', transform: 'translateX(4px)', transition: column.getIsResizing()
2921
2842
  ? undefined
2922
2843
  : 'all 150ms ease-in-out', userSelect: 'none', zIndex: 4 }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))) }) }));
2923
2844
  };
@@ -2941,7 +2862,7 @@ const MRT_TableHeadCellSortLabel = (_a) => {
2941
2862
  const direction = isSorted
2942
2863
  ? column.getIsSorted()
2943
2864
  : undefined;
2944
- return (jsxRuntime.jsx(Tooltip, { placement: "top", title: sortTooltip, children: jsxRuntime.jsx(Badge, { badgeContent: sorting.length > 1 ? column.getSortIndex() + 1 : 0, overlap: "circular", children: jsxRuntime.jsx(TableSortLabel, Object.assign({ active: true, "aria-label": sortTooltip, direction: direction, IconComponent: !isSorted
2865
+ return (jsxRuntime.jsx(material.Tooltip, { placement: "top", title: sortTooltip, children: jsxRuntime.jsx(material.Badge, { badgeContent: sorting.length > 1 ? column.getSortIndex() + 1 : 0, overlap: "circular", children: jsxRuntime.jsx(material.TableSortLabel, Object.assign({ active: true, "aria-label": sortTooltip, direction: direction, IconComponent: !isSorted
2945
2866
  ? (props) => (jsxRuntime.jsx(SyncAltIcon, Object.assign({}, props, { direction: direction, style: {
2946
2867
  transform: 'rotate(-90deg) scaleX(0.9) translateX(-1px)',
2947
2868
  } })))
@@ -3055,7 +2976,7 @@ const MRT_TableHeadCell = (_a) => {
3055
2976
  header,
3056
2977
  table,
3057
2978
  })) !== null && _b !== void 0 ? _b : columnDef.header;
3058
- return (jsxRuntime.jsxs(TableCell, Object.assign({ align: columnDefType === 'group'
2979
+ return (jsxRuntime.jsxs(material.TableCell, Object.assign({ align: columnDefType === 'group'
3059
2980
  ? 'center'
3060
2981
  : theme.direction === 'rtl'
3061
2982
  ? 'right'
@@ -3091,7 +3012,7 @@ const MRT_TableHeadCell = (_a) => {
3091
3012
  theme,
3092
3013
  })), draggingBorders)), children: [header.isPlaceholder
3093
3014
  ? null
3094
- : ((_c = tableCellProps.children) !== null && _c !== void 0 ? _c : (jsxRuntime.jsxs(Box, { className: "Mui-TableHeadCell-Content", sx: {
3015
+ : ((_c = tableCellProps.children) !== null && _c !== void 0 ? _c : (jsxRuntime.jsxs(material.Box, { className: "Mui-TableHeadCell-Content", sx: {
3095
3016
  alignItems: 'center',
3096
3017
  display: 'flex',
3097
3018
  flexDirection: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) === 'right' ? 'row-reverse' : 'row',
@@ -3103,7 +3024,7 @@ const MRT_TableHeadCell = (_a) => {
3103
3024
  : 'flex-start',
3104
3025
  position: 'relative',
3105
3026
  width: '100%',
3106
- }, children: [jsxRuntime.jsxs(Box, { className: "Mui-TableHeadCell-Content-Labels", onClick: column.getToggleSortingHandler(), sx: {
3027
+ }, children: [jsxRuntime.jsxs(material.Box, { className: "Mui-TableHeadCell-Content-Labels", onClick: column.getToggleSortingHandler(), sx: {
3107
3028
  alignItems: 'center',
3108
3029
  cursor: column.getCanSort() && columnDefType !== 'group'
3109
3030
  ? 'pointer'
@@ -3114,7 +3035,7 @@ const MRT_TableHeadCell = (_a) => {
3114
3035
  pl: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) === 'center'
3115
3036
  ? `${headerPL}rem`
3116
3037
  : undefined,
3117
- }, children: [jsxRuntime.jsx(Box, { className: "Mui-TableHeadCell-Content-Wrapper", sx: {
3038
+ }, children: [jsxRuntime.jsx(material.Box, { className: "Mui-TableHeadCell-Content-Wrapper", sx: {
3118
3039
  '&:hover': {
3119
3040
  textOverflow: 'clip',
3120
3041
  },
@@ -3124,7 +3045,7 @@ const MRT_TableHeadCell = (_a) => {
3124
3045
  whiteSpace: ((_h = (_g = columnDef.header) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : 0) < 20
3125
3046
  ? 'nowrap'
3126
3047
  : 'normal',
3127
- }, 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, { className: "Mui-TableHeadCell-Content-Actions", sx: {
3048
+ }, 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(material.Box, { className: "Mui-TableHeadCell-Content-Actions", sx: {
3128
3049
  whiteSpace: 'nowrap',
3129
3050
  }, children: [showDragHandle && (jsxRuntime.jsx(MRT_TableHeadCellGrabHandle, { column: column, table: table, tableHeadCellRef: {
3130
3051
  current: (_j = tableHeadCellRefs.current) === null || _j === void 0 ? void 0 : _j[column.id],
@@ -3139,7 +3060,7 @@ const MRT_TableHeadRow = (_a) => {
3139
3060
  headerGroup,
3140
3061
  table,
3141
3062
  })), rest);
3142
- return (jsxRuntime.jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: baseBackgroundColor, boxShadow: `4px 0 8px ${styles.alpha(theme.palette.common.black, 0.1)}`, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, position: enableStickyHeader && layoutMode === 'semantic'
3063
+ return (jsxRuntime.jsxs(material.TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: baseBackgroundColor, boxShadow: `4px 0 8px ${styles.alpha(theme.palette.common.black, 0.1)}`, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, position: enableStickyHeader && layoutMode === 'semantic'
3143
3064
  ? 'sticky'
3144
3065
  : 'relative', 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, staticColumnIndex) => {
3145
3066
  let header = headerOrVirtualHeader;
@@ -3158,7 +3079,7 @@ const MRT_TableHead = (_a) => {
3158
3079
  const { isFullScreen, showAlertBanner } = getState();
3159
3080
  const tableHeadProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTableHeadProps, { table })), rest);
3160
3081
  const stickyHeader = enableStickyHeader || isFullScreen;
3161
- return (jsxRuntime.jsx(TableHead, Object.assign({}, tableHeadProps, { ref: (ref) => {
3082
+ return (jsxRuntime.jsx(material.TableHead, Object.assign({}, tableHeadProps, { ref: (ref) => {
3162
3083
  tableHeadRef.current = ref;
3163
3084
  if (tableHeadProps === null || tableHeadProps === void 0 ? void 0 : tableHeadProps.ref) {
3164
3085
  // @ts-expect-error
@@ -3213,14 +3134,14 @@ const MRT_GlobalFilterTextField = (_a) => {
3213
3134
  isMounted.current = true;
3214
3135
  }, [globalFilter]);
3215
3136
  const consumerSlots = getTextFieldSlotProps(textFieldProps.slotProps);
3216
- return (jsxRuntime.jsxs(Collapse, { in: showGlobalFilter, mountOnEnter: true, orientation: "horizontal", unmountOnExit: true, children: [jsxRuntime.jsx(TextField, Object.assign({ onChange: handleChange, placeholder: localization.search, size: "small", value: searchValue !== null && searchValue !== void 0 ? searchValue : '', variant: "outlined" }, textFieldProps, { inputRef: (inputRef) => {
3137
+ return (jsxRuntime.jsxs(material.Collapse, { in: showGlobalFilter, mountOnEnter: true, orientation: "horizontal", unmountOnExit: true, children: [jsxRuntime.jsx(material.TextField, Object.assign({ onChange: handleChange, placeholder: localization.search, size: "small", value: searchValue !== null && searchValue !== void 0 ? searchValue : '', variant: "outlined" }, textFieldProps, { inputRef: (inputRef) => {
3217
3138
  searchInputRef.current = inputRef;
3218
3139
  if (textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.inputRef) {
3219
3140
  textFieldProps.inputRef = inputRef;
3220
3141
  }
3221
3142
  }, slotProps: {
3222
3143
  htmlInput: Object.assign({ autoComplete: 'off' }, consumerSlots.htmlInput),
3223
- input: Object.assign(Object.assign({ endAdornment: (jsxRuntime.jsx(InputAdornment, { position: "end", children: jsxRuntime.jsx(Tooltip, { title: (_b = localization.clearSearch) !== null && _b !== void 0 ? _b : '', children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton, { "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, { position: "start", children: jsxRuntime.jsx(Tooltip, { title: localization.changeSearchMode, children: jsxRuntime.jsx(IconButton, { "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' } })) }, consumerSlots.input), { sx: Object.assign({ mb: 0 }, (_c = consumerSlots.input) === null || _c === void 0 ? void 0 : _c.sx) }),
3144
+ input: Object.assign(Object.assign({ endAdornment: (jsxRuntime.jsx(material.InputAdornment, { position: "end", children: jsxRuntime.jsx(material.Tooltip, { title: (_b = localization.clearSearch) !== null && _b !== void 0 ? _b : '', children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(material.IconButton, { "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(material.InputAdornment, { position: "start", children: jsxRuntime.jsx(material.Tooltip, { title: localization.changeSearchMode, children: jsxRuntime.jsx(material.IconButton, { "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' } })) }, consumerSlots.input), { sx: Object.assign({ mb: 0 }, (_c = consumerSlots.input) === null || _c === void 0 ? void 0 : _c.sx) }),
3224
3145
  } })), jsxRuntime.jsx(MRT_FilterOptionMenu, { anchorEl: anchorEl, onSelect: handleClear, setAnchorEl: setAnchorEl, table: table })] }));
3225
3146
  };
3226
3147
 
@@ -3271,11 +3192,11 @@ const getMRT_RowExpandColumnDef = (tableOptions) => {
3271
3192
  const expandButtonProps = { row, staticRowIndex, table };
3272
3193
  const subRowsLength = (_a = row.subRows) === null || _a === void 0 ? void 0 : _a.length;
3273
3194
  if (groupedColumnMode === 'remove' && row.groupingColumnId) {
3274
- return (jsxRuntime.jsxs(Stack, { sx: {
3195
+ return (jsxRuntime.jsxs(material.Stack, { sx: {
3275
3196
  alignItems: "center",
3276
3197
  flexDirection: "row",
3277
3198
  gap: "0.25rem"
3278
- }, children: [jsxRuntime.jsx(MRT_ExpandButton, Object.assign({}, expandButtonProps)), jsxRuntime.jsx(Tooltip, Object.assign({}, getCommonTooltipProps('right'), { title: table.getColumn(row.groupingColumnId).columnDef.header, children: jsxRuntime.jsx("span", { children: row.groupingValue }) })), !!subRowsLength && jsxRuntime.jsxs("span", { children: ["(", subRowsLength, ")"] })] }));
3199
+ }, children: [jsxRuntime.jsx(MRT_ExpandButton, Object.assign({}, expandButtonProps)), jsxRuntime.jsx(material.Tooltip, Object.assign({}, getCommonTooltipProps('right'), { title: table.getColumn(row.groupingColumnId).columnDef.header, children: jsxRuntime.jsx("span", { children: row.groupingValue }) })), !!subRowsLength && jsxRuntime.jsxs("span", { children: ["(", subRowsLength, ")"] })] }));
3279
3200
  }
3280
3201
  else {
3281
3202
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MRT_ExpandButton, Object.assign({}, expandButtonProps)), (_c = (_b = column.columnDef).GroupedCell) === null || _c === void 0 ? void 0 : _c.call(_b, { cell, column, row, table })] }));
@@ -3431,40 +3352,40 @@ const MRT_FilterFns = Object.assign(Object.assign({}, reactTable.filterFns), { b
3431
3352
  startsWith });
3432
3353
 
3433
3354
  const MRT_Default_Icons = {
3434
- ArrowDownwardIcon,
3435
- ArrowRightIcon,
3436
- CancelIcon,
3437
- ChevronLeftIcon,
3438
- ChevronRightIcon,
3439
- ClearAllIcon,
3440
- CloseIcon,
3441
- ContentCopy,
3442
- DensityLargeIcon,
3443
- DensityMediumIcon,
3444
- DensitySmallIcon,
3445
- DragHandleIcon,
3446
- DynamicFeedIcon,
3447
- EditIcon,
3448
- ExpandMoreIcon,
3449
- FilterAltIcon,
3450
- FilterListIcon,
3451
- FilterListOffIcon,
3452
- FirstPageIcon,
3453
- FullscreenExitIcon,
3454
- FullscreenIcon,
3455
- KeyboardDoubleArrowDownIcon,
3456
- LastPageIcon,
3457
- MoreHorizIcon,
3458
- MoreVertIcon,
3459
- PushPinIcon,
3460
- RestartAltIcon,
3461
- SaveIcon,
3462
- SearchIcon,
3463
- SearchOffIcon,
3464
- SortIcon,
3465
- SyncAltIcon,
3466
- ViewColumnIcon,
3467
- VisibilityOffIcon,
3355
+ ArrowDownwardIcon: iconsMaterial.ArrowDownward,
3356
+ ArrowRightIcon: iconsMaterial.ArrowRight,
3357
+ CancelIcon: iconsMaterial.Cancel,
3358
+ ChevronLeftIcon: iconsMaterial.ChevronLeft,
3359
+ ChevronRightIcon: iconsMaterial.ChevronRight,
3360
+ ClearAllIcon: iconsMaterial.ClearAll,
3361
+ CloseIcon: iconsMaterial.Close,
3362
+ ContentCopy: iconsMaterial.ContentCopy,
3363
+ DensityLargeIcon: iconsMaterial.DensityLarge,
3364
+ DensityMediumIcon: iconsMaterial.DensityMedium,
3365
+ DensitySmallIcon: iconsMaterial.DensitySmall,
3366
+ DragHandleIcon: iconsMaterial.DragHandle,
3367
+ DynamicFeedIcon: iconsMaterial.DynamicFeed,
3368
+ EditIcon: iconsMaterial.Edit,
3369
+ ExpandMoreIcon: iconsMaterial.ExpandMore,
3370
+ FilterAltIcon: iconsMaterial.FilterAlt,
3371
+ FilterListIcon: iconsMaterial.FilterList,
3372
+ FilterListOffIcon: iconsMaterial.FilterListOff,
3373
+ FirstPageIcon: iconsMaterial.FirstPage,
3374
+ FullscreenExitIcon: iconsMaterial.FullscreenExit,
3375
+ FullscreenIcon: iconsMaterial.Fullscreen,
3376
+ KeyboardDoubleArrowDownIcon: iconsMaterial.KeyboardDoubleArrowDown,
3377
+ LastPageIcon: iconsMaterial.LastPage,
3378
+ MoreHorizIcon: iconsMaterial.MoreHoriz,
3379
+ MoreVertIcon: iconsMaterial.MoreVert,
3380
+ PushPinIcon: iconsMaterial.PushPin,
3381
+ RestartAltIcon: iconsMaterial.RestartAlt,
3382
+ SaveIcon: iconsMaterial.Save,
3383
+ SearchIcon: iconsMaterial.Search,
3384
+ SearchOffIcon: iconsMaterial.SearchOff,
3385
+ SortIcon: iconsMaterial.Sort,
3386
+ SyncAltIcon: iconsMaterial.SyncAlt,
3387
+ ViewColumnIcon: iconsMaterial.ViewColumn,
3388
+ VisibilityOffIcon: iconsMaterial.VisibilityOff,
3468
3389
  };
3469
3390
 
3470
3391
  const MRT_Localization_EN = {
@@ -3977,12 +3898,12 @@ const MRT_LinearProgressBar = (_a) => {
3977
3898
  isTopToolbar,
3978
3899
  table,
3979
3900
  })), rest);
3980
- return (jsxRuntime.jsx(Collapse, { in: showProgressBars !== false && (showProgressBars || isSaving), mountOnEnter: true, sx: {
3901
+ return (jsxRuntime.jsx(material.Collapse, { in: showProgressBars !== false && (showProgressBars || isSaving), mountOnEnter: true, sx: {
3981
3902
  bottom: isTopToolbar ? 0 : undefined,
3982
3903
  position: 'absolute',
3983
3904
  top: !isTopToolbar ? 0 : undefined,
3984
3905
  width: '100%',
3985
- }, unmountOnExit: true, children: jsxRuntime.jsx(LinearProgress, Object.assign({ "aria-busy": "true", "aria-label": "Loading", sx: { position: 'relative' } }, linearProgressProps)) }));
3906
+ }, unmountOnExit: true, children: jsxRuntime.jsx(material.LinearProgress, Object.assign({ "aria-busy": "true", "aria-label": "Loading", sx: { position: 'relative' } }, linearProgressProps)) }));
3986
3907
  };
3987
3908
 
3988
3909
  const defaultRowsPerPage = [5, 10, 15, 20, 25, 30, 50, 100];
@@ -4007,7 +3928,7 @@ const MRT_TablePagination = (_a) => {
4007
3928
  SelectProps.native = true;
4008
3929
  }
4009
3930
  const tooltipProps = getCommonTooltipProps();
4010
- return (jsxRuntime.jsxs(Box, { className: "MuiTablePagination-root", sx: {
3931
+ return (jsxRuntime.jsxs(material.Box, { className: "MuiTablePagination-root", sx: {
4011
3932
  alignItems: 'center',
4012
3933
  display: 'flex',
4013
3934
  flexWrap: 'wrap',
@@ -4021,24 +3942,24 @@ const MRT_TablePagination = (_a) => {
4021
3942
  px: '8px',
4022
3943
  py: '12px',
4023
3944
  zIndex: 2,
4024
- }, children: [showRowsPerPage && (jsxRuntime.jsxs(Box, { sx: { alignItems: 'center', display: 'flex', gap: '8px' }, children: [jsxRuntime.jsx(InputLabel, { htmlFor: `mrt-rows-per-page-${id}`, sx: { mb: 0 }, children: localization.rowsPerPage }), jsxRuntime.jsx(Select, Object.assign({ disabled: disabled, disableUnderline: true, inputProps: {
3945
+ }, children: [showRowsPerPage && (jsxRuntime.jsxs(material.Box, { sx: { alignItems: 'center', display: 'flex', gap: '8px' }, children: [jsxRuntime.jsx(material.InputLabel, { htmlFor: `mrt-rows-per-page-${id}`, sx: { mb: 0 }, children: localization.rowsPerPage }), jsxRuntime.jsx(material.Select, Object.assign({ disabled: disabled, disableUnderline: true, inputProps: {
4025
3946
  'aria-label': localization.rowsPerPage,
4026
3947
  id: `mrt-rows-per-page-${id}`,
4027
3948
  }, label: localization.rowsPerPage, MenuProps: { disableScrollLock: true }, onChange: (event) => table.setPageSize(+event.target.value), sx: { mb: 0 }, value: pageSize, variant: "standard" }, SelectProps, { children: rowsPerPageOptions.map((option) => {
4028
3949
  var _a;
4029
3950
  const value = typeof option !== 'number' ? option.value : option;
4030
3951
  const label = typeof option !== 'number' ? option.label : `${option}`;
4031
- return ((_a = SelectProps === null || SelectProps === void 0 ? void 0 : SelectProps.children) !== null && _a !== void 0 ? _a : ((SelectProps === null || SelectProps === void 0 ? void 0 : SelectProps.native) ? (jsxRuntime.jsx("option", { value: value, children: label }, value)) : (jsxRuntime.jsx(MenuItem, { sx: { m: 0 }, value: value, children: label }, value))));
4032
- }) }))] })), paginationDisplayMode === 'pages' ? (jsxRuntime.jsx(Pagination, Object.assign({ count: numberOfPages, disabled: disabled, onChange: (_e, newPageIndex) => table.setPageIndex(newPageIndex - 1), page: pageIndex + 1, renderItem: (item) => (jsxRuntime.jsx(PaginationItem, Object.assign({ slots: {
3952
+ return ((_a = SelectProps === null || SelectProps === void 0 ? void 0 : SelectProps.children) !== null && _a !== void 0 ? _a : ((SelectProps === null || SelectProps === void 0 ? void 0 : SelectProps.native) ? (jsxRuntime.jsx("option", { value: value, children: label }, value)) : (jsxRuntime.jsx(material.MenuItem, { sx: { m: 0 }, value: value, children: label }, value))));
3953
+ }) }))] })), paginationDisplayMode === 'pages' ? (jsxRuntime.jsx(material.Pagination, Object.assign({ count: numberOfPages, disabled: disabled, onChange: (_e, newPageIndex) => table.setPageIndex(newPageIndex - 1), page: pageIndex + 1, renderItem: (item) => (jsxRuntime.jsx(material.PaginationItem, Object.assign({ slots: {
4033
3954
  first: FirstPageIcon,
4034
3955
  last: LastPageIcon,
4035
3956
  next: ChevronRightIcon,
4036
3957
  previous: ChevronLeftIcon,
4037
- } }, item))), showFirstButton: showFirstButton, showLastButton: showLastButton }, restPaginationProps))) : paginationDisplayMode === 'default' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography, { align: "center", component: "span", sx: { m: '0 4px', minWidth: '8ch' }, variant: "body2", children: `${lastRowIndex === 0
3958
+ } }, item))), showFirstButton: showFirstButton, showLastButton: showLastButton }, restPaginationProps))) : paginationDisplayMode === 'default' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Typography, { align: "center", component: "span", sx: { m: '0 4px', minWidth: '8ch' }, variant: "body2", children: `${lastRowIndex === 0
4038
3959
  ? 0
4039
- : (firstRowIndex + 1).toLocaleString(localization.language)}-${lastRowIndex.toLocaleString(localization.language)} ${localization.of} ${totalRowCount.toLocaleString(localization.language)}` }), jsxRuntime.jsxs(Box, { sx: {
3960
+ : (firstRowIndex + 1).toLocaleString(localization.language)}-${lastRowIndex.toLocaleString(localization.language)} ${localization.of} ${totalRowCount.toLocaleString(localization.language)}` }), jsxRuntime.jsxs(material.Box, { sx: {
4040
3961
  gap: "xs"
4041
- }, children: [showFirstButton && (jsxRuntime.jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToFirstPage, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton, { "aria-label": localization.goToFirstPage, disabled: disableBack, onClick: () => table.firstPage(), size: "small", children: jsxRuntime.jsx(FirstPageIcon, Object.assign({}, flipIconStyles(theme))) }) }) }))), jsxRuntime.jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToPreviousPage, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton, { "aria-label": localization.goToPreviousPage, disabled: disableBack, onClick: () => table.previousPage(), size: "small", children: jsxRuntime.jsx(ChevronLeftIcon, Object.assign({}, flipIconStyles(theme))) }) }) })), jsxRuntime.jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToNextPage, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton, { "aria-label": localization.goToNextPage, disabled: disableNext, onClick: () => table.nextPage(), size: "small", children: jsxRuntime.jsx(ChevronRightIcon, Object.assign({}, flipIconStyles(theme))) }) }) })), showLastButton && (jsxRuntime.jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToLastPage, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton, { "aria-label": localization.goToLastPage, disabled: disableNext, onClick: () => table.lastPage(), size: "small", children: jsxRuntime.jsx(LastPageIcon, Object.assign({}, flipIconStyles(theme))) }) }) })))] })] })) : null] }));
3962
+ }, children: [showFirstButton && (jsxRuntime.jsx(material.Tooltip, Object.assign({}, tooltipProps, { title: localization.goToFirstPage, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(material.IconButton, { "aria-label": localization.goToFirstPage, disabled: disableBack, onClick: () => table.firstPage(), size: "small", children: jsxRuntime.jsx(FirstPageIcon, Object.assign({}, flipIconStyles(theme))) }) }) }))), jsxRuntime.jsx(material.Tooltip, Object.assign({}, tooltipProps, { title: localization.goToPreviousPage, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(material.IconButton, { "aria-label": localization.goToPreviousPage, disabled: disableBack, onClick: () => table.previousPage(), size: "small", children: jsxRuntime.jsx(ChevronLeftIcon, Object.assign({}, flipIconStyles(theme))) }) }) })), jsxRuntime.jsx(material.Tooltip, Object.assign({}, tooltipProps, { title: localization.goToNextPage, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(material.IconButton, { "aria-label": localization.goToNextPage, disabled: disableNext, onClick: () => table.nextPage(), size: "small", children: jsxRuntime.jsx(ChevronRightIcon, Object.assign({}, flipIconStyles(theme))) }) }) })), showLastButton && (jsxRuntime.jsx(material.Tooltip, Object.assign({}, tooltipProps, { title: localization.goToLastPage, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(material.IconButton, { "aria-label": localization.goToLastPage, disabled: disableNext, onClick: () => table.lastPage(), size: "small", children: jsxRuntime.jsx(LastPageIcon, Object.assign({}, flipIconStyles(theme))) }) }) })))] })] })) : null] }));
4042
3963
  };
4043
3964
 
4044
3965
  const MRT_ToolbarDropZone = (_a) => {
@@ -4061,7 +3982,7 @@ const MRT_ToolbarDropZone = (_a) => {
4061
3982
  !grouping.includes(draggingColumn.id));
4062
3983
  }
4063
3984
  }, [enableGrouping, draggingColumn, grouping]);
4064
- return (jsxRuntime.jsx(Fade, { in: showToolbarDropZone, children: jsxRuntime.jsx(Box, Object.assign({ className: "Mui-ToolbarDropZone", onDragEnter: handleDragEnter, onDragOver: handleDragOver }, 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, { sx: {
3985
+ return (jsxRuntime.jsx(material.Fade, { in: showToolbarDropZone, children: jsxRuntime.jsx(material.Box, Object.assign({ className: "Mui-ToolbarDropZone", onDragEnter: handleDragEnter, onDragOver: handleDragOver }, 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(material.Typography, { sx: {
4065
3986
  fontStyle: "italic"
4066
3987
  }, 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 : '') }) })) }));
4067
3988
  };
@@ -4073,7 +3994,7 @@ const MRT_BottomToolbar = (_a) => {
4073
3994
  const isMobile = useMediaQuery('(max-width:720px)');
4074
3995
  const toolbarProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiBottomToolbarProps, { table })), rest);
4075
3996
  const stackAlertBanner = isMobile || !!renderBottomToolbarCustomActions;
4076
- return (jsxRuntime.jsxs(Box, Object.assign({}, toolbarProps, { ref: (node) => {
3997
+ return (jsxRuntime.jsxs(material.Box, Object.assign({}, toolbarProps, { ref: (node) => {
4077
3998
  if (node) {
4078
3999
  bottomToolbarRef.current = node;
4079
4000
  if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
@@ -4081,14 +4002,14 @@ const MRT_BottomToolbar = (_a) => {
4081
4002
  toolbarProps.ref.current = node;
4082
4003
  }
4083
4004
  }
4084
- }, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, getCommonToolbarStyles({ table})), { bottom: isFullScreen ? '0' : undefined, boxShadow: `0 1px 2px -1px ${styles.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, { sx: {
4005
+ }, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, getCommonToolbarStyles({ table})), { bottom: isFullScreen ? '0' : undefined, boxShadow: `0 1px 2px -1px ${styles.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(material.Box, { sx: {
4085
4006
  alignItems: 'center',
4086
4007
  boxSizing: 'border-box',
4087
4008
  display: 'flex',
4088
4009
  justifyContent: 'space-between',
4089
4010
  p: '0.5rem',
4090
4011
  width: '100%',
4091
- }, children: [renderBottomToolbarCustomActions ? (renderBottomToolbarCustomActions({ table })) : (jsxRuntime.jsx("span", {})), jsxRuntime.jsx(Box, { sx: {
4012
+ }, children: [renderBottomToolbarCustomActions ? (renderBottomToolbarCustomActions({ table })) : (jsxRuntime.jsx("span", {})), jsxRuntime.jsx(material.Box, { sx: {
4092
4013
  display: 'flex',
4093
4014
  justifyContent: 'flex-end',
4094
4015
  position: stackAlertBanner ? 'relative' : 'absolute',
@@ -4102,7 +4023,7 @@ const MRT_ToolbarInternalButtons = (_a) => {
4102
4023
  var _b;
4103
4024
  var { table } = _a, rest = __rest(_a, ["table"]);
4104
4025
  const { options: { columnFilterDisplayMode, enableColumnFilters, enableColumnOrdering, enableColumnPinning, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, initialState, renderToolbarInternalActions, }, } = table;
4105
- return (jsxRuntime.jsx(Box, 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({
4026
+ return (jsxRuntime.jsx(material.Box, 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({
4106
4027
  table,
4107
4028
  })) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [enableFilters &&
4108
4029
  enableGlobalFilter &&
@@ -4129,13 +4050,13 @@ const MRT_TopToolbar = ({ table, }) => {
4129
4050
  : undefined,
4130
4051
  table,
4131
4052
  };
4132
- return (jsxRuntime.jsxs(Box, Object.assign({}, toolbarProps, { ref: (ref) => {
4053
+ return (jsxRuntime.jsxs(material.Box, Object.assign({}, toolbarProps, { ref: (ref) => {
4133
4054
  topToolbarRef.current = ref;
4134
4055
  if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
4135
4056
  // @ts-expect-error
4136
4057
  toolbarProps.ref.current = ref;
4137
4058
  }
4138
- }, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, getCommonToolbarStyles({ table})), { 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, { sx: {
4059
+ }, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, getCommonToolbarStyles({ table})), { 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(material.Box, { sx: {
4139
4060
  alignItems: 'flex-start',
4140
4061
  boxSizing: 'border-box',
4141
4062
  display: 'flex',
@@ -4146,7 +4067,7 @@ const MRT_TopToolbar = ({ table, }) => {
4146
4067
  right: 0,
4147
4068
  top: 0,
4148
4069
  width: '100%',
4149
- }, children: [enableGlobalFilter && positionGlobalFilter === 'left' && (jsxRuntime.jsx(MRT_GlobalFilterTextField, Object.assign({}, globalFilterProps))), (_a = renderTopToolbarCustomActions === null || renderTopToolbarCustomActions === void 0 ? void 0 : renderTopToolbarCustomActions({ table })) !== null && _a !== void 0 ? _a : jsxRuntime.jsx("span", {}), enableToolbarInternalActions ? (jsxRuntime.jsxs(Box, { sx: {
4070
+ }, children: [enableGlobalFilter && positionGlobalFilter === 'left' && (jsxRuntime.jsx(MRT_GlobalFilterTextField, Object.assign({}, globalFilterProps))), (_a = renderTopToolbarCustomActions === null || renderTopToolbarCustomActions === void 0 ? void 0 : renderTopToolbarCustomActions({ table })) !== null && _a !== void 0 ? _a : jsxRuntime.jsx("span", {}), enableToolbarInternalActions ? (jsxRuntime.jsxs(material.Box, { sx: {
4150
4071
  alignItems: 'center',
4151
4072
  display: 'flex',
4152
4073
  flexWrap: 'wrap-reverse',
@@ -4193,7 +4114,7 @@ const MRT_CellActionMenu = (_a) => {
4193
4114
  table,
4194
4115
  };
4195
4116
  const menuItems = (_c = (_b = columnDef.renderCellActionMenuItems) === null || _b === void 0 ? void 0 : _b.call(columnDef, renderActionProps)) !== null && _c !== void 0 ? _c : renderCellActionMenuItems === null || renderCellActionMenuItems === void 0 ? void 0 : renderCellActionMenuItems(renderActionProps);
4196
- return ((!!(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) || !!(internalMenuItems === null || internalMenuItems === void 0 ? void 0 : internalMenuItems.length)) && (jsxRuntime.jsx(Menu, Object.assign({ anchorEl: actionCellRef.current, disableScrollLock: true, onClick: (event) => event.stopPropagation(), onClose: handleClose, open: !!cell, slotProps: {
4117
+ return ((!!(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) || !!(internalMenuItems === null || internalMenuItems === void 0 ? void 0 : internalMenuItems.length)) && (jsxRuntime.jsx(material.Menu, Object.assign({ anchorEl: actionCellRef.current, disableScrollLock: true, onClick: (event) => event.stopPropagation(), onClose: handleClose, open: !!cell, slotProps: {
4197
4118
  list: {
4198
4119
  dense: density === 'compact',
4199
4120
  sx: {
@@ -4215,7 +4136,7 @@ const MRT_EditRowModal = (_a) => {
4215
4136
  .getAllCells()
4216
4137
  .filter((cell) => cell.column.columnDef.columnDefType === 'data')
4217
4138
  .map((cell) => (jsxRuntime.jsx(MRT_EditCellTextField, { cell: cell, table: table }, cell.id)));
4218
- return (jsxRuntime.jsx(Dialog, Object.assign({ fullWidth: true, maxWidth: "xs", onClose: (event, reason) => {
4139
+ return (jsxRuntime.jsx(material.Dialog, Object.assign({ fullWidth: true, maxWidth: "xs", onClose: (event, reason) => {
4219
4140
  var _a;
4220
4141
  if (creatingRow) {
4221
4142
  onCreatingRowCancel === null || onCreatingRowCancel === void 0 ? void 0 : onCreatingRowCancel({ row, table });
@@ -4237,11 +4158,11 @@ const MRT_EditRowModal = (_a) => {
4237
4158
  internalEditComponents,
4238
4159
  row,
4239
4160
  table,
4240
- })))) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DialogTitle, { sx: { textAlign: 'center' }, children: localization.edit }), jsxRuntime.jsx(DialogContent, { children: jsxRuntime.jsx("form", { onSubmit: (e) => e.preventDefault(), children: jsxRuntime.jsx(Stack, { sx: {
4161
+ })))) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.DialogTitle, { sx: { textAlign: 'center' }, children: localization.edit }), jsxRuntime.jsx(material.DialogContent, { children: jsxRuntime.jsx("form", { onSubmit: (e) => e.preventDefault(), children: jsxRuntime.jsx(material.Stack, { sx: {
4241
4162
  gap: '32px',
4242
4163
  paddingTop: '16px',
4243
4164
  width: '100%',
4244
- }, children: internalEditComponents }) }) }), jsxRuntime.jsx(DialogActions, { sx: { p: '1.25rem' }, children: jsxRuntime.jsx(MRT_EditActionButtons, { row: row, table: table, variant: "text" }) })] })) })));
4165
+ }, children: internalEditComponents }) }) }), jsxRuntime.jsx(material.DialogActions, { sx: { p: '1.25rem' }, children: jsxRuntime.jsx(MRT_EditActionButtons, { row: row, table: table, variant: "text" }) })] })) })));
4245
4166
  };
4246
4167
 
4247
4168
  const useMRT_ColumnVirtualizer = (table) => {
@@ -4326,7 +4247,7 @@ const MRT_Table = (_a) => {
4326
4247
  columnVirtualizer,
4327
4248
  table,
4328
4249
  };
4329
- return (jsxRuntime.jsxs(Table, 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, position: 'relative' }, parseFromValuesOrFunc(tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx, theme))), children: [!!Caption && jsxRuntime.jsx("caption", { children: Caption }), enableTableHead && jsxRuntime.jsx(MRT_TableHead, Object.assign({}, commonTableGroupProps)), memoMode === 'table-body' || columnSizingInfo.isResizingColumn ? (jsxRuntime.jsx(Memo_MRT_TableBody, Object.assign({}, commonTableGroupProps))) : (jsxRuntime.jsx(MRT_TableBody, Object.assign({}, commonTableGroupProps))), enableTableFooter && jsxRuntime.jsx(MRT_TableFooter, Object.assign({}, commonTableGroupProps))] })));
4250
+ return (jsxRuntime.jsxs(material.Table, 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, position: 'relative' }, parseFromValuesOrFunc(tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx, theme))), children: [!!Caption && jsxRuntime.jsx("caption", { children: Caption }), enableTableHead && jsxRuntime.jsx(MRT_TableHead, Object.assign({}, commonTableGroupProps)), memoMode === 'table-body' || columnSizingInfo.isResizingColumn ? (jsxRuntime.jsx(Memo_MRT_TableBody, Object.assign({}, commonTableGroupProps))) : (jsxRuntime.jsx(MRT_TableBody, Object.assign({}, commonTableGroupProps))), enableTableFooter && jsxRuntime.jsx(MRT_TableFooter, Object.assign({}, commonTableGroupProps))] })));
4330
4251
  };
4331
4252
 
4332
4253
  const MRT_TableLoadingOverlay = (_a) => {
@@ -4334,7 +4255,7 @@ const MRT_TableLoadingOverlay = (_a) => {
4334
4255
  var { table } = _a, rest = __rest(_a, ["table"]);
4335
4256
  const { options: { id, localization, mrtTheme: { baseBackgroundColor }, muiCircularProgressProps, }, } = table;
4336
4257
  const circularProgressProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiCircularProgressProps, { table })), rest);
4337
- return (jsxRuntime.jsx(Box, { sx: {
4258
+ return (jsxRuntime.jsx(material.Box, { sx: {
4338
4259
  alignItems: 'center',
4339
4260
  backgroundColor: styles.alpha(baseBackgroundColor, 0.5),
4340
4261
  bottom: 0,
@@ -4347,7 +4268,7 @@ const MRT_TableLoadingOverlay = (_a) => {
4347
4268
  top: 0,
4348
4269
  width: '100%',
4349
4270
  zIndex: 3,
4350
- }, children: (_b = circularProgressProps === null || circularProgressProps === void 0 ? void 0 : circularProgressProps.Component) !== null && _b !== void 0 ? _b : (jsxRuntime.jsx(CircularProgress, Object.assign({ "aria-label": localization.noRecordsToDisplay, id: `mrt-progress-${id}` }, circularProgressProps))) }));
4271
+ }, children: (_b = circularProgressProps === null || circularProgressProps === void 0 ? void 0 : circularProgressProps.Component) !== null && _b !== void 0 ? _b : (jsxRuntime.jsx(material.CircularProgress, Object.assign({ "aria-label": localization.noRecordsToDisplay, id: `mrt-progress-${id}` }, circularProgressProps))) }));
4351
4272
  };
4352
4273
 
4353
4274
  const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
@@ -4372,7 +4293,7 @@ const MRT_TableContainer = (_a) => {
4372
4293
  });
4373
4294
  const createModalOpen = createDisplayMode === 'modal' && creatingRow;
4374
4295
  const editModalOpen = editDisplayMode === 'modal' && editingRow;
4375
- return (jsxRuntime.jsxs(TableContainer, Object.assign({ "aria-busy": loading, "aria-describedby": loading ? 'mrt-progress' : undefined }, tableContainerProps, { ref: (node) => {
4296
+ return (jsxRuntime.jsxs(material.TableContainer, Object.assign({ "aria-busy": loading, "aria-describedby": loading ? 'mrt-progress' : undefined }, tableContainerProps, { ref: (node) => {
4376
4297
  if (node) {
4377
4298
  tableContainerRef.current = node;
4378
4299
  if (tableContainerProps === null || tableContainerProps === void 0 ? void 0 : tableContainerProps.ref) {
@@ -4394,7 +4315,7 @@ const MRT_TablePaper = (_a) => {
4394
4315
  const { isFullScreen } = getState();
4395
4316
  const paperProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTablePaperProps, { table })), rest);
4396
4317
  const theme = styles.useTheme();
4397
- return (jsxRuntime.jsxs(Paper, Object.assign({ elevation: 2, onKeyDown: (e) => e.key === 'Escape' && table.setIsFullScreen(false) }, paperProps, { ref: (ref) => {
4318
+ return (jsxRuntime.jsxs(material.Paper, Object.assign({ elevation: 2, onKeyDown: (e) => e.key === 'Escape' && table.setIsFullScreen(false) }, paperProps, { ref: (ref) => {
4398
4319
  tablePaperRef.current = ref;
4399
4320
  if (paperProps === null || paperProps === void 0 ? void 0 : paperProps.ref) {
4400
4321
  //@ts-expect-error