@cutting/material-react-table 4.0.0 → 4.0.1

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 (63) hide show
  1. package/dist/index.d.ts +103 -114
  2. package/dist/index.esm.js +1 -47
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +116 -162
  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
package/dist/index.js CHANGED
@@ -1,50 +1,17 @@
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
15
  var ArrowDownwardIcon = require('@mui/icons-material/ArrowDownward');
49
16
  var ArrowRightIcon = require('@mui/icons-material/ArrowRight');
50
17
  var CancelIcon = require('@mui/icons-material/Cancel');
@@ -79,20 +46,7 @@ var SortIcon = require('@mui/icons-material/Sort');
79
46
  var SyncAltIcon = require('@mui/icons-material/SyncAlt');
80
47
  var ViewColumnIcon = require('@mui/icons-material/ViewColumn');
81
48
  var VisibilityOffIcon = require('@mui/icons-material/VisibilityOff');
82
- var Paper = require('@mui/material/Paper');
83
49
  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
50
 
97
51
  /******************************************************************************
98
52
  Copyright (c) Microsoft Corporation.
@@ -657,7 +611,7 @@ const MRT_CopyButton = (_a) => {
657
611
  row,
658
612
  table,
659
613
  })), 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 })) })));
614
+ 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
615
  };
662
616
 
663
617
  const getTextFieldSlotProps = (slotProps) => ({
@@ -733,7 +687,7 @@ const MRT_EditCellTextField = (_a) => {
733
687
  return jsxRuntime.jsx(jsxRuntime.Fragment, { children: (_b = columnDef.Edit) === null || _b === void 0 ? void 0 : _b.call(columnDef, { cell, column, row, table }) });
734
688
  }
735
689
  const consumerSlots = getTextFieldSlotProps(textFieldProps.slotProps);
736
- return (jsxRuntime.jsx(TextField, Object.assign({ disabled: parseFromValuesOrFunc(columnDef.enableEditing, row) === false, fullWidth: true, inputRef: (inputRef) => {
690
+ return (jsxRuntime.jsx(material.TextField, Object.assign({ disabled: parseFromValuesOrFunc(columnDef.enableEditing, row) === false, fullWidth: true, inputRef: (inputRef) => {
737
691
  if (inputRef) {
738
692
  editInputRefs.current[column.id] = isSelectEdit
739
693
  ? inputRef.node
@@ -758,7 +712,7 @@ const MRT_EditCellTextField = (_a) => {
758
712
  select: Object.assign({ MenuProps: { disableScrollLock: true } }, consumerSlots.select),
759
713
  }, children: (_d = textFieldProps.children) !== null && _d !== void 0 ? _d : selectOptions === null || selectOptions === void 0 ? void 0 : selectOptions.map((option) => {
760
714
  const { label, value } = getValueAndLabel(option);
761
- return (jsxRuntime.jsx(MenuItem, { sx: {
715
+ return (jsxRuntime.jsx(material.MenuItem, { sx: {
762
716
  alignItems: 'center',
763
717
  display: 'flex',
764
718
  gap: '0.5rem',
@@ -816,7 +770,7 @@ const MRT_TableBodyCellValue = ({ cell, rowRef, staticColumnIndex, staticRowInde
816
770
  text: renderedCellValue === null || renderedCellValue === void 0 ? void 0 : renderedCellValue.toString(),
817
771
  });
818
772
  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
773
+ 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
774
  ? {
821
775
  backgroundColor: matchHighlightColor,
822
776
  borderRadius: '2px',
@@ -979,7 +933,7 @@ const MRT_TableBodyCell = (_a) => {
979
933
  table,
980
934
  });
981
935
  };
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': {
936
+ 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
937
  outline: (actionCell === null || actionCell === void 0 ? void 0 : actionCell.id) === cell.id ||
984
938
  (editDisplayMode === 'cell' && isEditable) ||
985
939
  (editDisplayMode === 'table' && (isCreating || isEditing))
@@ -1007,7 +961,7 @@ const MRT_TableBodyCell = (_a) => {
1007
961
  table,
1008
962
  tableCellProps,
1009
963
  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' &&
964
+ })), 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
965
  (['mrt-row-expand', 'mrt-row-numbers', 'mrt-row-select'].includes(column.id) ||
1012
966
  !row.getIsGrouped()) ? ((_e = columnDef.Cell) === null || _e === void 0 ? void 0 : _e.call(columnDef, {
1013
967
  cell,
@@ -1037,7 +991,7 @@ const MRT_TableDetailPanel = (_a) => {
1037
991
  table,
1038
992
  })), rest);
1039
993
  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) => {
994
+ return (jsxRuntime.jsx(material.TableRow, Object.assign({ className: "Mui-TableBodyCell-DetailPanel", "data-index": renderDetailPanel ? staticRowIndex * 2 + 1 : staticRowIndex, ref: (node) => {
1041
995
  var _a;
1042
996
  if (node) {
1043
997
  (_a = rowVirtualizer === null || rowVirtualizer === void 0 ? void 0 : rowVirtualizer.measureElement) === null || _a === void 0 ? void 0 : _a.call(rowVirtualizer, node);
@@ -1049,7 +1003,7 @@ const MRT_TableDetailPanel = (_a) => {
1049
1003
  : undefined, transform: virtualRow
1050
1004
  ? `translateY(${virtualRow === null || virtualRow === void 0 ? void 0 : virtualRow.start}px)`
1051
1005
  : 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 })) })) })));
1006
+ }, 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
1007
  };
1054
1008
 
1055
1009
  const MRT_TableBodyRow = (_a) => {
@@ -1111,7 +1065,7 @@ const MRT_TableBodyRow = (_a) => {
1111
1065
  ? `${styles.lighten(baseBackgroundColor, 0.3)}`
1112
1066
  : `${styles.darken(baseBackgroundColor, 0.3)}`
1113
1067
  : 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) => {
1068
+ 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
1069
  if (node) {
1116
1070
  rowRef.current = node;
1117
1071
  rowVirtualizer === null || rowVirtualizer === void 0 ? void 0 : rowVirtualizer.measureElement(node);
@@ -1184,17 +1138,17 @@ const MRT_TableBody = (_a) => {
1184
1138
  table,
1185
1139
  };
1186
1140
  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) => {
1141
+ 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
1142
  const props = Object.assign(Object.assign({}, commonRowProps), { row,
1189
1143
  staticRowIndex });
1190
1144
  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
1145
+ }) }))), 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
1146
  ? `${rowVirtualizer.getTotalSize()}px`
1193
1147
  : 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
1148
  display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'grid' : undefined,
1195
1149
  }, children: jsxRuntime.jsx("td", { colSpan: table.getVisibleLeafColumns().length, style: {
1196
1150
  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: {
1151
+ }, children: (_e = renderEmptyRowsFallback === null || renderEmptyRowsFallback === void 0 ? void 0 : renderEmptyRowsFallback({ table })) !== null && _e !== void 0 ? _e : (jsxRuntime.jsx(material.Typography, { sx: {
1198
1152
  color: 'text.secondary',
1199
1153
  fontStyle: 'italic',
1200
1154
  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 +1182,7 @@ const MRT_TableBody = (_a) => {
1228
1182
  const key = `${row.id}-${row.index}`;
1229
1183
  return memoMode === 'rows' ? (jsxRuntime.jsx(Memo_MRT_TableBodyRow, Object.assign({}, props), key)) : (jsxRuntime.jsx(MRT_TableBodyRow, Object.assign({}, props), key));
1230
1184
  }) }))) })), !(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) => {
1185
+ 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
1186
  const props = Object.assign(Object.assign({}, commonRowProps), { row,
1233
1187
  staticRowIndex });
1234
1188
  return memoMode === 'rows' ? (jsxRuntime.jsx(Memo_MRT_TableBodyRow, Object.assign({}, props), row.id)) : (jsxRuntime.jsx(MRT_TableBodyRow, Object.assign({}, props), row.id));
@@ -1240,7 +1194,7 @@ const MRT_GrabHandleButton = (_a) => {
1240
1194
  var _b, _c;
1241
1195
  var { location, table } = _a, rest = __rest(_a, ["location", "table"]);
1242
1196
  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) => {
1197
+ 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
1198
  var _a;
1245
1199
  e.stopPropagation();
1246
1200
  (_a = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest, e);
@@ -1289,7 +1243,7 @@ const MRT_RowPinButton = (_a) => {
1289
1243
  event.stopPropagation();
1290
1244
  row.pin(isPinned ? false : pinningPosition);
1291
1245
  };
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: {
1246
+ 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
1247
  transform: `rotate(${rowPinningDisplayMode === 'sticky'
1294
1248
  ? 135
1295
1249
  : pinningPosition === 'top'
@@ -1308,7 +1262,7 @@ const MRT_TableBodyRowPinButton = (_a) => {
1308
1262
  const rowPinButtonProps = Object.assign({ row,
1309
1263
  table }, rest);
1310
1264
  if (rowPinningDisplayMode === 'top-and-bottom' && !row.getIsPinned()) {
1311
- return (jsxRuntime.jsxs(Box, { sx: {
1265
+ return (jsxRuntime.jsxs(material.Box, { sx: {
1312
1266
  display: 'flex',
1313
1267
  flexDirection: density === 'compact' ? 'row' : 'column',
1314
1268
  }, children: [jsxRuntime.jsx(MRT_RowPinButton, Object.assign({ pinningPosition: "top" }, rowPinButtonProps)), jsxRuntime.jsx(MRT_RowPinButton, Object.assign({ pinningPosition: "bottom" }, rowPinButtonProps))] }));
@@ -1322,9 +1276,9 @@ const MRT_ColumnPinningButtons = (_a) => {
1322
1276
  const handlePinColumn = (pinDirection) => {
1323
1277
  column.pin(pinDirection);
1324
1278
  };
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: {
1279
+ 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
1280
  transform: 'rotate(90deg)',
1327
- } }) }) }), jsxRuntime.jsx(Tooltip, { title: localization.pinToRight, children: jsxRuntime.jsx(IconButton, { onClick: () => handlePinColumn('right'), size: "small", children: jsxRuntime.jsx(PushPinIcon, { style: {
1281
+ } }) }) }), jsxRuntime.jsx(material.Tooltip, { title: localization.pinToRight, children: jsxRuntime.jsx(material.IconButton, { onClick: () => handlePinColumn('right'), size: "small", children: jsxRuntime.jsx(PushPinIcon, { style: {
1328
1282
  transform: 'rotate(-90deg)',
1329
1283
  } }) }) })] })) })));
1330
1284
  };
@@ -1373,8 +1327,8 @@ const MRT_EditActionButtons = (_a) => {
1373
1327
  });
1374
1328
  }
1375
1329
  };
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] })] })) }));
1330
+ 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) ||
1331
+ (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
1332
  };
1379
1333
 
1380
1334
  const MRT_ExpandAllButton = (_a) => {
@@ -1386,7 +1340,7 @@ const MRT_ExpandAllButton = (_a) => {
1386
1340
  table,
1387
1341
  })), rest);
1388
1342
  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: {
1343
+ 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
1344
  transform: `rotate(${isAllRowsExpanded ? -180 : getIsSomeRowsExpanded() ? -90 : 0}deg)`,
1391
1345
  transition: 'transform 150ms',
1392
1346
  } })) })) }) })));
@@ -1411,7 +1365,7 @@ const MRT_ExpandButton = ({ row, staticRowIndex, table, }) => {
1411
1365
  (_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(iconButtonProps, event);
1412
1366
  };
1413
1367
  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'
1368
+ 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
1369
  ? 'mr'
1416
1370
  : '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
1371
  transform: `rotate(${!canExpand && !renderDetailPanel
@@ -1667,26 +1621,26 @@ const MRT_ShowHideColumnsMenuItems = (_a) => {
1667
1621
  if (!columnDef.header || columnDef.visibleInShowHideMenu === false) {
1668
1622
  return null;
1669
1623
  }
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
1624
+ 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
1625
  ? `2px dashed ${theme.palette.grey[500]}`
1672
1626
  : (hoveredColumn === null || hoveredColumn === void 0 ? void 0 : hoveredColumn.id) === column.id
1673
1627
  ? `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: {
1628
+ : '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
1629
  display: 'flex',
1676
1630
  flexWrap: 'nowrap',
1677
1631
  gap: '8px',
1678
1632
  }, children: [columnDefType !== 'group' &&
1679
1633
  enableColumnOrdering &&
1680
1634
  !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: {
1635
+ (columnDef.enableColumnOrdering !== false ? (jsxRuntime.jsx(MRT_GrabHandleButton, { onDragEnd: handleDragEnd, onDragStart: handleDragStart, table: table })) : (jsxRuntime.jsx(material.Box, { sx: { width: '28px' } }))), enableColumnPinning &&
1636
+ (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
1637
  typography: {
1684
1638
  sx: {
1685
1639
  mb: 0,
1686
1640
  opacity: columnDefType !== 'display' ? 1 : 0.5,
1687
1641
  },
1688
1642
  },
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}`)))] }));
1643
+ } })) : (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
1644
  };
1691
1645
 
1692
1646
  const MRT_ShowHideColumnsMenu = (_a) => {
@@ -1725,19 +1679,19 @@ const MRT_ShowHideColumnsMenu = (_a) => {
1725
1679
  const hasColumnOrderChanged = react.useMemo(() => columnOrder.length !== initialState.columnOrder.length ||
1726
1680
  !columnOrder.every((column, index) => column === initialState.columnOrder[index]), [columnOrder, initialState.columnOrder]);
1727
1681
  const [hoveredColumn, setHoveredColumn] = react.useState(null);
1728
- return (jsxRuntime.jsxs(Menu, Object.assign({ anchorEl: anchorEl, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
1682
+ return (jsxRuntime.jsxs(material.Menu, Object.assign({ anchorEl: anchorEl, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
1729
1683
  list: {
1730
1684
  dense: density === 'compact',
1731
1685
  sx: {
1732
1686
  backgroundColor: menuBackgroundColor,
1733
1687
  },
1734
1688
  },
1735
- } }, rest, { children: [jsxRuntime.jsxs(Box, { sx: {
1689
+ } }, rest, { children: [jsxRuntime.jsxs(material.Box, { sx: {
1736
1690
  display: 'flex',
1737
1691
  justifyContent: 'space-between',
1738
1692
  p: '0.5rem',
1739
1693
  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}`)))] })));
1694
+ }, 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
1695
  };
1742
1696
 
1743
1697
  const MRT_ShowHideColumnsButton = (_a) => {
@@ -1748,7 +1702,7 @@ const MRT_ShowHideColumnsButton = (_a) => {
1748
1702
  const handleClick = (event) => {
1749
1703
  setAnchorEl(event.currentTarget);
1750
1704
  };
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 }))] }));
1705
+ 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
1706
  };
1753
1707
 
1754
1708
  const MRT_ToggleDensePaddingButton = (_a) => {
@@ -1764,7 +1718,7 @@ const MRT_ToggleDensePaddingButton = (_a) => {
1764
1718
  : 'comfortable';
1765
1719
  setDensity(nextDensity);
1766
1720
  };
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, {})) })) }));
1721
+ 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
1722
  };
1769
1723
 
1770
1724
  const MRT_ToggleFiltersButton = (_a) => {
@@ -1775,7 +1729,7 @@ const MRT_ToggleFiltersButton = (_a) => {
1775
1729
  const handleToggleShowFilters = () => {
1776
1730
  setShowColumnFilters(!showColumnFilters);
1777
1731
  };
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, {}) })) }));
1732
+ 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
1733
  };
1780
1734
 
1781
1735
  const MRT_ToggleFullScreenButton = (_a) => {
@@ -1788,7 +1742,7 @@ const MRT_ToggleFullScreenButton = (_a) => {
1788
1742
  setTooltipOpened(false);
1789
1743
  setIsFullScreen(!isFullScreen);
1790
1744
  };
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, {}) })) }));
1745
+ 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
1746
  };
1793
1747
 
1794
1748
  const MRT_ToggleGlobalFilterButton = (_a) => {
@@ -1800,22 +1754,22 @@ const MRT_ToggleGlobalFilterButton = (_a) => {
1800
1754
  setShowGlobalFilter(!showGlobalFilter);
1801
1755
  queueMicrotask(() => { var _a; return (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
1802
1756
  };
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, {}) })) }) }));
1757
+ 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
1758
  };
1805
1759
 
1806
1760
  const MRT_ActionMenuItem = (_a) => {
1807
1761
  var { icon, label, onOpenSubMenu, table } = _a, rest = __rest(_a, ["icon", "label", "onOpenSubMenu", "table"]);
1808
1762
  const { options: { icons: { ArrowRightIcon }, }, } = table;
1809
- return (jsxRuntime.jsxs(MenuItem, Object.assign({ sx: {
1763
+ return (jsxRuntime.jsxs(material.MenuItem, Object.assign({ sx: {
1810
1764
  alignItems: 'center',
1811
1765
  justifyContent: 'space-between',
1812
1766
  minWidth: '120px',
1813
1767
  my: 0,
1814
1768
  py: '6px',
1815
- }, tabIndex: 0 }, rest, { children: [jsxRuntime.jsxs(Box, { sx: {
1769
+ }, tabIndex: 0 }, rest, { children: [jsxRuntime.jsxs(material.Box, { sx: {
1816
1770
  alignItems: 'center',
1817
1771
  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, {}) }))] })));
1772
+ }, 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
1773
  };
1820
1774
 
1821
1775
  const MRT_RowActionMenu = (_a) => {
@@ -1840,7 +1794,7 @@ const MRT_RowActionMenu = (_a) => {
1840
1794
  }, [renderRowActionMenuItems, row, staticRowIndex, table]);
1841
1795
  if (!menuItems.length)
1842
1796
  return null;
1843
- return (jsxRuntime.jsx(Menu, Object.assign({ anchorEl: anchorEl, disableScrollLock: true, onClick: (event) => event.stopPropagation(), onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
1797
+ return (jsxRuntime.jsx(material.Menu, Object.assign({ anchorEl: anchorEl, disableScrollLock: true, onClick: (event) => event.stopPropagation(), onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
1844
1798
  list: {
1845
1799
  dense: density === 'compact',
1846
1800
  sx: {
@@ -1882,11 +1836,11 @@ const MRT_ToggleRowActionMenuButton = (_a) => {
1882
1836
  };
1883
1837
  return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderRowActions && !showEditActionButtons ? (renderRowActions({ cell, row, staticRowIndex, table })) : showEditActionButtons ? (jsxRuntime.jsx(MRT_EditActionButtons, { row: row, table: table })) : !renderRowActionMenuItems &&
1884
1838
  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({
1839
+ ['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
1840
  row,
1887
1841
  staticRowIndex,
1888
1842
  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 }));
1843
+ })) === 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
1844
  };
1891
1845
 
1892
1846
  const MRT_TableFooterCell = (_a) => {
@@ -1912,7 +1866,7 @@ const MRT_TableFooterCell = (_a) => {
1912
1866
  table,
1913
1867
  });
1914
1868
  };
1915
- return (jsxRuntime.jsx(TableCell, Object.assign({ align: columnDefType === 'group'
1869
+ return (jsxRuntime.jsx(material.TableCell, Object.assign({ align: columnDefType === 'group'
1916
1870
  ? 'center'
1917
1871
  : theme.direction === 'rtl'
1918
1872
  ? 'right'
@@ -1950,7 +1904,7 @@ const MRT_TableFooterRow = (_a) => {
1950
1904
  footerGroup,
1951
1905
  table,
1952
1906
  })), 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) => {
1907
+ 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
1908
  let footer = footerOrVirtualFooter;
1955
1909
  if (columnVirtualizer) {
1956
1910
  staticColumnIndex = footerOrVirtualFooter
@@ -1979,7 +1933,7 @@ const MRT_TableFooter = (_a) => {
1979
1933
  })) {
1980
1934
  return null;
1981
1935
  }
1982
- return (jsxRuntime.jsx(TableFooter, Object.assign({}, tableFooterProps, { ref: (ref) => {
1936
+ return (jsxRuntime.jsx(material.TableFooter, Object.assign({}, tableFooterProps, { ref: (ref) => {
1983
1937
  tableFooterRef.current = ref;
1984
1938
  if (tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.ref) {
1985
1939
  // @ts-expect-error
@@ -2037,9 +1991,9 @@ const MRT_SelectCheckbox = (_a) => {
2037
1991
  e.stopPropagation();
2038
1992
  (_a = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.onClick) === null || _a === void 0 ? void 0 : _a.call(checkboxProps, e);
2039
1993
  }, 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
1994
+ 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
1995
  ? localization.toggleSelectAll
2042
- : localization.toggleSelectRow), children: enableMultiRowSelection === false ? (jsxRuntime.jsx(Radio, Object.assign({}, commonProps))) : (jsxRuntime.jsx(Checkbox, Object.assign({ indeterminate: !isChecked && selectAll
1996
+ : localization.toggleSelectRow), children: enableMultiRowSelection === false ? (jsxRuntime.jsx(material.Radio, Object.assign({}, commonProps))) : (jsxRuntime.jsx(material.Checkbox, Object.assign({ indeterminate: !isChecked && selectAll
2043
1997
  ? table.getIsSomeRowsSelected()
2044
1998
  : (row === null || row === void 0 ? void 0 : row.getIsSomeSelected()) && row.getCanSelectSubRows() }, commonProps))) })));
2045
1999
  };
@@ -2060,12 +2014,12 @@ const MRT_ToolbarAlertBanner = (_a) => {
2060
2014
  const selectedRowCount = react.useMemo(() => manualPagination
2061
2015
  ? Object.values(rowSelection).filter(Boolean).length
2062
2016
  : filteredRowCount, [rowSelection, totalRowCount, manualPagination, filteredRowCount]);
2063
- const selectedAlert = selectedRowCount > 0 ? (jsxRuntime.jsxs(Stack, { direction: "row", sx: {
2017
+ const selectedAlert = selectedRowCount > 0 ? (jsxRuntime.jsxs(material.Stack, { direction: "row", sx: {
2064
2018
  alignItems: "center",
2065
2019
  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) => {
2020
+ }, 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;
2021
+ 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;
2022
+ 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
2023
  var _a, _b;
2070
2024
  return (Object.assign({ '& .MuiAlert-message': {
2071
2025
  maxWidth: `calc(${(_b = (_a = tablePaperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 360}px - 1rem)`,
@@ -2079,7 +2033,7 @@ const MRT_ToolbarAlertBanner = (_a) => {
2079
2033
  groupedAlert,
2080
2034
  selectedAlert,
2081
2035
  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: {
2036
+ })) !== 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
2037
  p: positionToolbarAlertBanner !== 'head-overlay'
2084
2038
  ? '0.5rem 1rem'
2085
2039
  : density === 'spacious'
@@ -2087,7 +2041,7 @@ const MRT_ToolbarAlertBanner = (_a) => {
2087
2041
  : density === 'comfortable'
2088
2042
  ? '0.5rem 0.75rem'
2089
2043
  : '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 &&
2044
+ }, 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
2045
  enableSelectAll &&
2092
2046
  positionToolbarAlertBanner === 'head-overlay' && (jsxRuntime.jsx(MRT_SelectCheckbox, { table: table })), ' ', selectedAlert] }), selectedAlert && groupedAlert && jsxRuntime.jsx("br", {}), groupedAlert] })] })) })) }));
2093
2047
  };
@@ -2268,7 +2222,7 @@ const MRT_FilterOptionMenu = (_a) => {
2268
2222
  onSelect === null || onSelect === void 0 ? void 0 : onSelect();
2269
2223
  };
2270
2224
  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: {
2225
+ return (jsxRuntime.jsx(material.Menu, Object.assign({ anchorEl: anchorEl, anchorOrigin: { horizontal: 'right', vertical: 'center' }, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
2272
2226
  list: {
2273
2227
  dense: density === 'compact',
2274
2228
  sx: {
@@ -2409,7 +2363,7 @@ const MRT_ColumnActionMenu = (_a) => {
2409
2363
  ]
2410
2364
  : []),
2411
2365
  ].filter(Boolean);
2412
- return (jsxRuntime.jsx(Menu, Object.assign({ anchorEl: anchorEl, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
2366
+ return (jsxRuntime.jsx(material.Menu, Object.assign({ anchorEl: anchorEl, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl, slotProps: {
2413
2367
  list: {
2414
2368
  dense: density === 'compact',
2415
2369
  sx: {
@@ -2448,7 +2402,7 @@ const MRT_TableHeadCellColumnActionsButton = (_a) => {
2448
2402
  column,
2449
2403
  table,
2450
2404
  })), 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': {
2405
+ 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
2406
  opacity: 1,
2453
2407
  }, 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
2408
  };
@@ -2467,7 +2421,7 @@ const MRT_FilterCheckbox = (_a) => {
2467
2421
  table,
2468
2422
  })), rest);
2469
2423
  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) => {
2424
+ 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
2425
  var _a;
2472
2426
  column.setFilterValue(column.getFilterValue() === undefined
2473
2427
  ? 'true'
@@ -2617,15 +2571,15 @@ const MRT_FilterTextField = (_a) => {
2617
2571
  if (columnDef.Filter) {
2618
2572
  return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: (_g = columnDef.Filter) === null || _g === void 0 ? void 0 : _g.call(columnDef, { column, header, rangeFilterIndex, table }) }));
2619
2573
  }
2620
- const endAdornment = !isAutocompleteFilter && !isDateFilter && !filterChipLabel ? (jsxRuntime.jsx(InputAdornment, { position: "end", sx: {
2574
+ const endAdornment = !isAutocompleteFilter && !isDateFilter && !filterChipLabel ? (jsxRuntime.jsx(material.InputAdornment, { position: "end", sx: {
2621
2575
  mr: isSelectFilter || isMultiSelectFilter ? '20px' : undefined,
2622
2576
  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: {
2577
+ }, 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
2578
  height: '2rem',
2625
2579
  transform: 'scale(0.9)',
2626
2580
  width: '2rem',
2627
2581
  }, 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;
2582
+ 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
2583
  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
2584
  (currentFilterOption === null || currentFilterOption === void 0 ? void 0 : currentFilterOption.slice(1))}`]) })) : null, inputRef: (inputRef) => {
2631
2585
  filterInputRefs.current[`${column.id}-${rangeFilterIndex !== null && rangeFilterIndex !== void 0 ? rangeFilterIndex : 0}`] =
@@ -2662,31 +2616,31 @@ const MRT_FilterTextField = (_a) => {
2662
2616
  },
2663
2617
  value: filterValue || null,
2664
2618
  };
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) => {
2619
+ 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
2620
  const commonInput = getTextFieldSlotProps(commonTextFieldProps.slotProps).input;
2667
2621
  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) => {
2622
+ 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 }) })));
2623
+ }, 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
2624
+ ? (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
2625
  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));
2626
+ return (jsxRuntime.jsx(material.Chip, { label: getValueAndLabel(selectedValue).label }, value));
2673
2627
  }) }))
2674
2628
  : undefined }, (_z = commonTextFieldProps.slotProps) === null || _z === void 0 ? void 0 : _z.select) }), value: isMultiSelectFilter
2675
2629
  ? Array.isArray(filterValue)
2676
2630
  ? filterValue
2677
2631
  : []
2678
2632
  : 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"),
2633
+ jsxRuntime.jsx(material.MenuItem, { disabled: true, divider: true, hidden: true, value: "", children: jsxRuntime.jsx(material.Box, { sx: { opacity: 0.5 }, children: filterPlaceholder }) }, "p"),
2680
2634
  ...[
2681
2635
  (_0 = textFieldProps.children) !== null && _0 !== void 0 ? _0 : dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((option, index) => {
2682
2636
  var _a;
2683
2637
  const { label, value } = getValueAndLabel(option);
2684
- return (jsxRuntime.jsxs(MenuItem, { sx: {
2638
+ return (jsxRuntime.jsxs(material.MenuItem, { sx: {
2685
2639
  alignItems: 'center',
2686
2640
  display: 'flex',
2687
2641
  gap: '0.5rem',
2688
2642
  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 &&
2643
+ }, 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
2644
  `(${facetedUniqueValues.get(value)})`] }, `${index}-${value}`));
2691
2645
  }),
2692
2646
  ],
@@ -2695,7 +2649,7 @@ const MRT_FilterTextField = (_a) => {
2695
2649
 
2696
2650
  const MRT_FilterRangeFields = (_a) => {
2697
2651
  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))) })));
2652
+ 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
2653
  };
2700
2654
 
2701
2655
  const MRT_FilterRangeSlider = (_a) => {
@@ -2739,7 +2693,7 @@ const MRT_FilterRangeSlider = (_a) => {
2739
2693
  }
2740
2694
  isMounted.current = true;
2741
2695
  }, [columnFilterValue, min, max]);
2742
- return (jsxRuntime.jsxs(Stack, { children: [jsxRuntime.jsx(Slider, Object.assign({ disableSwap: true, max: max, min: min, onChange: (_event, values) => {
2696
+ return (jsxRuntime.jsxs(material.Stack, { children: [jsxRuntime.jsx(material.Slider, Object.assign({ disableSwap: true, max: max, min: min, onChange: (_event, values) => {
2743
2697
  setFilterValues(values);
2744
2698
  }, onChangeCommitted: (_event, value) => {
2745
2699
  if (Array.isArray(value)) {
@@ -2765,7 +2719,7 @@ const MRT_FilterRangeSlider = (_a) => {
2765
2719
  }
2766
2720
  },
2767
2721
  },
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: {
2722
+ }, 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
2723
  fontSize: '0.75rem',
2770
2724
  lineHeight: '0.8rem',
2771
2725
  m: '-3px -6px',
@@ -2781,7 +2735,7 @@ const MRT_TableHeadCellFilterContainer = (_a) => {
2781
2735
  const { column } = header;
2782
2736
  const { columnDef } = column;
2783
2737
  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 })) })));
2738
+ 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
2739
  };
2786
2740
 
2787
2741
  const MRT_TableHeadCellFilterLabel = (_a) => {
@@ -2814,9 +2768,9 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
2814
2768
  ? getSelectLabel()
2815
2769
  : filterValue}"`)
2816
2770
  .replace('" "', '');
2817
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Grow, { in: columnFilterDisplayMode === 'popover' ||
2771
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.Grow, { in: columnFilterDisplayMode === 'popover' ||
2818
2772
  (!!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) => {
2773
+ (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
2774
  if (columnFilterDisplayMode === 'popover') {
2821
2775
  setAnchorEl(event.currentTarget);
2822
2776
  }
@@ -2829,7 +2783,7 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
2829
2783
  (_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
2784
  });
2831
2785
  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: {
2786
+ }, 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
2787
  horizontal: 'center',
2834
2788
  vertical: 'top',
2835
2789
  }, disableScrollLock: true, onClick: (event) => event.stopPropagation(), onClose: (event) => {
@@ -2839,7 +2793,7 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
2839
2793
  }, onKeyDown: (event) => event.key === 'Enter' && setAnchorEl(null), open: !!anchorEl, slotProps: { paper: { sx: { overflow: 'visible' } } }, transformOrigin: {
2840
2794
  horizontal: 'center',
2841
2795
  vertical: 'bottom',
2842
- }, children: jsxRuntime.jsx(Box, { sx: { p: '1rem' }, children: jsxRuntime.jsx(MRT_TableHeadCellFilterContainer, { header: header, table: table }) }) }))] }));
2796
+ }, children: jsxRuntime.jsx(material.Box, { sx: { p: '1rem' }, children: jsxRuntime.jsx(MRT_TableHeadCellFilterContainer, { header: header, table: table }) }) }))] }));
2843
2797
  };
2844
2798
 
2845
2799
  const MRT_TableHeadCellGrabHandle = (_a) => {
@@ -2897,7 +2851,7 @@ const MRT_TableHeadCellResizeHandle = (_a) => {
2897
2851
  ? '-16px'
2898
2852
  : '-24px';
2899
2853
  const lr = column.columnDef.columnDefType === 'display' ? '4px' : '0';
2900
- return (jsxRuntime.jsx(Box, { className: "Mui-TableHeadCell-ResizeHandle-Wrapper", onDoubleClick: () => {
2854
+ return (jsxRuntime.jsx(material.Box, { className: "Mui-TableHeadCell-ResizeHandle-Wrapper", onDoubleClick: () => {
2901
2855
  setColumnSizingInfo((old) => (Object.assign(Object.assign({}, old), { isResizingColumn: false })));
2902
2856
  column.resetSize();
2903
2857
  }, onMouseDown: handler, onTouchStart: handler, style: {
@@ -2917,7 +2871,7 @@ const MRT_TableHeadCellResizeHandle = (_a) => {
2917
2871
  position: 'absolute',
2918
2872
  px: '4px',
2919
2873
  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()
2874
+ }), 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
2875
  ? undefined
2922
2876
  : 'all 150ms ease-in-out', userSelect: 'none', zIndex: 4 }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))) }) }));
2923
2877
  };
@@ -2941,7 +2895,7 @@ const MRT_TableHeadCellSortLabel = (_a) => {
2941
2895
  const direction = isSorted
2942
2896
  ? column.getIsSorted()
2943
2897
  : 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
2898
+ 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
2899
  ? (props) => (jsxRuntime.jsx(SyncAltIcon, Object.assign({}, props, { direction: direction, style: {
2946
2900
  transform: 'rotate(-90deg) scaleX(0.9) translateX(-1px)',
2947
2901
  } })))
@@ -3055,7 +3009,7 @@ const MRT_TableHeadCell = (_a) => {
3055
3009
  header,
3056
3010
  table,
3057
3011
  })) !== null && _b !== void 0 ? _b : columnDef.header;
3058
- return (jsxRuntime.jsxs(TableCell, Object.assign({ align: columnDefType === 'group'
3012
+ return (jsxRuntime.jsxs(material.TableCell, Object.assign({ align: columnDefType === 'group'
3059
3013
  ? 'center'
3060
3014
  : theme.direction === 'rtl'
3061
3015
  ? 'right'
@@ -3091,7 +3045,7 @@ const MRT_TableHeadCell = (_a) => {
3091
3045
  theme,
3092
3046
  })), draggingBorders)), children: [header.isPlaceholder
3093
3047
  ? null
3094
- : ((_c = tableCellProps.children) !== null && _c !== void 0 ? _c : (jsxRuntime.jsxs(Box, { className: "Mui-TableHeadCell-Content", sx: {
3048
+ : ((_c = tableCellProps.children) !== null && _c !== void 0 ? _c : (jsxRuntime.jsxs(material.Box, { className: "Mui-TableHeadCell-Content", sx: {
3095
3049
  alignItems: 'center',
3096
3050
  display: 'flex',
3097
3051
  flexDirection: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) === 'right' ? 'row-reverse' : 'row',
@@ -3103,7 +3057,7 @@ const MRT_TableHeadCell = (_a) => {
3103
3057
  : 'flex-start',
3104
3058
  position: 'relative',
3105
3059
  width: '100%',
3106
- }, children: [jsxRuntime.jsxs(Box, { className: "Mui-TableHeadCell-Content-Labels", onClick: column.getToggleSortingHandler(), sx: {
3060
+ }, children: [jsxRuntime.jsxs(material.Box, { className: "Mui-TableHeadCell-Content-Labels", onClick: column.getToggleSortingHandler(), sx: {
3107
3061
  alignItems: 'center',
3108
3062
  cursor: column.getCanSort() && columnDefType !== 'group'
3109
3063
  ? 'pointer'
@@ -3114,7 +3068,7 @@ const MRT_TableHeadCell = (_a) => {
3114
3068
  pl: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) === 'center'
3115
3069
  ? `${headerPL}rem`
3116
3070
  : undefined,
3117
- }, children: [jsxRuntime.jsx(Box, { className: "Mui-TableHeadCell-Content-Wrapper", sx: {
3071
+ }, children: [jsxRuntime.jsx(material.Box, { className: "Mui-TableHeadCell-Content-Wrapper", sx: {
3118
3072
  '&:hover': {
3119
3073
  textOverflow: 'clip',
3120
3074
  },
@@ -3124,7 +3078,7 @@ const MRT_TableHeadCell = (_a) => {
3124
3078
  whiteSpace: ((_h = (_g = columnDef.header) === null || _g === void 0 ? void 0 : _g.length) !== null && _h !== void 0 ? _h : 0) < 20
3125
3079
  ? 'nowrap'
3126
3080
  : '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: {
3081
+ }, 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
3082
  whiteSpace: 'nowrap',
3129
3083
  }, children: [showDragHandle && (jsxRuntime.jsx(MRT_TableHeadCellGrabHandle, { column: column, table: table, tableHeadCellRef: {
3130
3084
  current: (_j = tableHeadCellRefs.current) === null || _j === void 0 ? void 0 : _j[column.id],
@@ -3139,7 +3093,7 @@ const MRT_TableHeadRow = (_a) => {
3139
3093
  headerGroup,
3140
3094
  table,
3141
3095
  })), 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'
3096
+ 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
3097
  ? 'sticky'
3144
3098
  : '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
3099
  let header = headerOrVirtualHeader;
@@ -3158,7 +3112,7 @@ const MRT_TableHead = (_a) => {
3158
3112
  const { isFullScreen, showAlertBanner } = getState();
3159
3113
  const tableHeadProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTableHeadProps, { table })), rest);
3160
3114
  const stickyHeader = enableStickyHeader || isFullScreen;
3161
- return (jsxRuntime.jsx(TableHead, Object.assign({}, tableHeadProps, { ref: (ref) => {
3115
+ return (jsxRuntime.jsx(material.TableHead, Object.assign({}, tableHeadProps, { ref: (ref) => {
3162
3116
  tableHeadRef.current = ref;
3163
3117
  if (tableHeadProps === null || tableHeadProps === void 0 ? void 0 : tableHeadProps.ref) {
3164
3118
  // @ts-expect-error
@@ -3213,14 +3167,14 @@ const MRT_GlobalFilterTextField = (_a) => {
3213
3167
  isMounted.current = true;
3214
3168
  }, [globalFilter]);
3215
3169
  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) => {
3170
+ 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
3171
  searchInputRef.current = inputRef;
3218
3172
  if (textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.inputRef) {
3219
3173
  textFieldProps.inputRef = inputRef;
3220
3174
  }
3221
3175
  }, slotProps: {
3222
3176
  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) }),
3177
+ 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
3178
  } })), jsxRuntime.jsx(MRT_FilterOptionMenu, { anchorEl: anchorEl, onSelect: handleClear, setAnchorEl: setAnchorEl, table: table })] }));
3225
3179
  };
3226
3180
 
@@ -3271,11 +3225,11 @@ const getMRT_RowExpandColumnDef = (tableOptions) => {
3271
3225
  const expandButtonProps = { row, staticRowIndex, table };
3272
3226
  const subRowsLength = (_a = row.subRows) === null || _a === void 0 ? void 0 : _a.length;
3273
3227
  if (groupedColumnMode === 'remove' && row.groupingColumnId) {
3274
- return (jsxRuntime.jsxs(Stack, { sx: {
3228
+ return (jsxRuntime.jsxs(material.Stack, { sx: {
3275
3229
  alignItems: "center",
3276
3230
  flexDirection: "row",
3277
3231
  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, ")"] })] }));
3232
+ }, 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
3233
  }
3280
3234
  else {
3281
3235
  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 })] }));
@@ -3977,12 +3931,12 @@ const MRT_LinearProgressBar = (_a) => {
3977
3931
  isTopToolbar,
3978
3932
  table,
3979
3933
  })), rest);
3980
- return (jsxRuntime.jsx(Collapse, { in: showProgressBars !== false && (showProgressBars || isSaving), mountOnEnter: true, sx: {
3934
+ return (jsxRuntime.jsx(material.Collapse, { in: showProgressBars !== false && (showProgressBars || isSaving), mountOnEnter: true, sx: {
3981
3935
  bottom: isTopToolbar ? 0 : undefined,
3982
3936
  position: 'absolute',
3983
3937
  top: !isTopToolbar ? 0 : undefined,
3984
3938
  width: '100%',
3985
- }, unmountOnExit: true, children: jsxRuntime.jsx(LinearProgress, Object.assign({ "aria-busy": "true", "aria-label": "Loading", sx: { position: 'relative' } }, linearProgressProps)) }));
3939
+ }, unmountOnExit: true, children: jsxRuntime.jsx(material.LinearProgress, Object.assign({ "aria-busy": "true", "aria-label": "Loading", sx: { position: 'relative' } }, linearProgressProps)) }));
3986
3940
  };
3987
3941
 
3988
3942
  const defaultRowsPerPage = [5, 10, 15, 20, 25, 30, 50, 100];
@@ -4007,7 +3961,7 @@ const MRT_TablePagination = (_a) => {
4007
3961
  SelectProps.native = true;
4008
3962
  }
4009
3963
  const tooltipProps = getCommonTooltipProps();
4010
- return (jsxRuntime.jsxs(Box, { className: "MuiTablePagination-root", sx: {
3964
+ return (jsxRuntime.jsxs(material.Box, { className: "MuiTablePagination-root", sx: {
4011
3965
  alignItems: 'center',
4012
3966
  display: 'flex',
4013
3967
  flexWrap: 'wrap',
@@ -4021,24 +3975,24 @@ const MRT_TablePagination = (_a) => {
4021
3975
  px: '8px',
4022
3976
  py: '12px',
4023
3977
  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: {
3978
+ }, 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
3979
  'aria-label': localization.rowsPerPage,
4026
3980
  id: `mrt-rows-per-page-${id}`,
4027
3981
  }, 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
3982
  var _a;
4029
3983
  const value = typeof option !== 'number' ? option.value : option;
4030
3984
  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: {
3985
+ 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))));
3986
+ }) }))] })), 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
3987
  first: FirstPageIcon,
4034
3988
  last: LastPageIcon,
4035
3989
  next: ChevronRightIcon,
4036
3990
  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
3991
+ } }, 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
3992
  ? 0
4039
- : (firstRowIndex + 1).toLocaleString(localization.language)}-${lastRowIndex.toLocaleString(localization.language)} ${localization.of} ${totalRowCount.toLocaleString(localization.language)}` }), jsxRuntime.jsxs(Box, { sx: {
3993
+ : (firstRowIndex + 1).toLocaleString(localization.language)}-${lastRowIndex.toLocaleString(localization.language)} ${localization.of} ${totalRowCount.toLocaleString(localization.language)}` }), jsxRuntime.jsxs(material.Box, { sx: {
4040
3994
  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] }));
3995
+ }, 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
3996
  };
4043
3997
 
4044
3998
  const MRT_ToolbarDropZone = (_a) => {
@@ -4061,7 +4015,7 @@ const MRT_ToolbarDropZone = (_a) => {
4061
4015
  !grouping.includes(draggingColumn.id));
4062
4016
  }
4063
4017
  }, [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: {
4018
+ 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
4019
  fontStyle: "italic"
4066
4020
  }, 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
4021
  };
@@ -4073,7 +4027,7 @@ const MRT_BottomToolbar = (_a) => {
4073
4027
  const isMobile = useMediaQuery('(max-width:720px)');
4074
4028
  const toolbarProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiBottomToolbarProps, { table })), rest);
4075
4029
  const stackAlertBanner = isMobile || !!renderBottomToolbarCustomActions;
4076
- return (jsxRuntime.jsxs(Box, Object.assign({}, toolbarProps, { ref: (node) => {
4030
+ return (jsxRuntime.jsxs(material.Box, Object.assign({}, toolbarProps, { ref: (node) => {
4077
4031
  if (node) {
4078
4032
  bottomToolbarRef.current = node;
4079
4033
  if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
@@ -4081,14 +4035,14 @@ const MRT_BottomToolbar = (_a) => {
4081
4035
  toolbarProps.ref.current = node;
4082
4036
  }
4083
4037
  }
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: {
4038
+ }, 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
4039
  alignItems: 'center',
4086
4040
  boxSizing: 'border-box',
4087
4041
  display: 'flex',
4088
4042
  justifyContent: 'space-between',
4089
4043
  p: '0.5rem',
4090
4044
  width: '100%',
4091
- }, children: [renderBottomToolbarCustomActions ? (renderBottomToolbarCustomActions({ table })) : (jsxRuntime.jsx("span", {})), jsxRuntime.jsx(Box, { sx: {
4045
+ }, children: [renderBottomToolbarCustomActions ? (renderBottomToolbarCustomActions({ table })) : (jsxRuntime.jsx("span", {})), jsxRuntime.jsx(material.Box, { sx: {
4092
4046
  display: 'flex',
4093
4047
  justifyContent: 'flex-end',
4094
4048
  position: stackAlertBanner ? 'relative' : 'absolute',
@@ -4102,7 +4056,7 @@ const MRT_ToolbarInternalButtons = (_a) => {
4102
4056
  var _b;
4103
4057
  var { table } = _a, rest = __rest(_a, ["table"]);
4104
4058
  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({
4059
+ 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
4060
  table,
4107
4061
  })) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [enableFilters &&
4108
4062
  enableGlobalFilter &&
@@ -4129,13 +4083,13 @@ const MRT_TopToolbar = ({ table, }) => {
4129
4083
  : undefined,
4130
4084
  table,
4131
4085
  };
4132
- return (jsxRuntime.jsxs(Box, Object.assign({}, toolbarProps, { ref: (ref) => {
4086
+ return (jsxRuntime.jsxs(material.Box, Object.assign({}, toolbarProps, { ref: (ref) => {
4133
4087
  topToolbarRef.current = ref;
4134
4088
  if (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.ref) {
4135
4089
  // @ts-expect-error
4136
4090
  toolbarProps.ref.current = ref;
4137
4091
  }
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: {
4092
+ }, 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
4093
  alignItems: 'flex-start',
4140
4094
  boxSizing: 'border-box',
4141
4095
  display: 'flex',
@@ -4146,7 +4100,7 @@ const MRT_TopToolbar = ({ table, }) => {
4146
4100
  right: 0,
4147
4101
  top: 0,
4148
4102
  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: {
4103
+ }, 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
4104
  alignItems: 'center',
4151
4105
  display: 'flex',
4152
4106
  flexWrap: 'wrap-reverse',
@@ -4193,7 +4147,7 @@ const MRT_CellActionMenu = (_a) => {
4193
4147
  table,
4194
4148
  };
4195
4149
  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: {
4150
+ 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
4151
  list: {
4198
4152
  dense: density === 'compact',
4199
4153
  sx: {
@@ -4215,7 +4169,7 @@ const MRT_EditRowModal = (_a) => {
4215
4169
  .getAllCells()
4216
4170
  .filter((cell) => cell.column.columnDef.columnDefType === 'data')
4217
4171
  .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) => {
4172
+ return (jsxRuntime.jsx(material.Dialog, Object.assign({ fullWidth: true, maxWidth: "xs", onClose: (event, reason) => {
4219
4173
  var _a;
4220
4174
  if (creatingRow) {
4221
4175
  onCreatingRowCancel === null || onCreatingRowCancel === void 0 ? void 0 : onCreatingRowCancel({ row, table });
@@ -4237,11 +4191,11 @@ const MRT_EditRowModal = (_a) => {
4237
4191
  internalEditComponents,
4238
4192
  row,
4239
4193
  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: {
4194
+ })))) !== 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
4195
  gap: '32px',
4242
4196
  paddingTop: '16px',
4243
4197
  width: '100%',
4244
- }, children: internalEditComponents }) }) }), jsxRuntime.jsx(DialogActions, { sx: { p: '1.25rem' }, children: jsxRuntime.jsx(MRT_EditActionButtons, { row: row, table: table, variant: "text" }) })] })) })));
4198
+ }, children: internalEditComponents }) }) }), jsxRuntime.jsx(material.DialogActions, { sx: { p: '1.25rem' }, children: jsxRuntime.jsx(MRT_EditActionButtons, { row: row, table: table, variant: "text" }) })] })) })));
4245
4199
  };
4246
4200
 
4247
4201
  const useMRT_ColumnVirtualizer = (table) => {
@@ -4326,7 +4280,7 @@ const MRT_Table = (_a) => {
4326
4280
  columnVirtualizer,
4327
4281
  table,
4328
4282
  };
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))] })));
4283
+ 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
4284
  };
4331
4285
 
4332
4286
  const MRT_TableLoadingOverlay = (_a) => {
@@ -4334,7 +4288,7 @@ const MRT_TableLoadingOverlay = (_a) => {
4334
4288
  var { table } = _a, rest = __rest(_a, ["table"]);
4335
4289
  const { options: { id, localization, mrtTheme: { baseBackgroundColor }, muiCircularProgressProps, }, } = table;
4336
4290
  const circularProgressProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiCircularProgressProps, { table })), rest);
4337
- return (jsxRuntime.jsx(Box, { sx: {
4291
+ return (jsxRuntime.jsx(material.Box, { sx: {
4338
4292
  alignItems: 'center',
4339
4293
  backgroundColor: styles.alpha(baseBackgroundColor, 0.5),
4340
4294
  bottom: 0,
@@ -4347,7 +4301,7 @@ const MRT_TableLoadingOverlay = (_a) => {
4347
4301
  top: 0,
4348
4302
  width: '100%',
4349
4303
  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))) }));
4304
+ }, 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
4305
  };
4352
4306
 
4353
4307
  const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
@@ -4372,7 +4326,7 @@ const MRT_TableContainer = (_a) => {
4372
4326
  });
4373
4327
  const createModalOpen = createDisplayMode === 'modal' && creatingRow;
4374
4328
  const editModalOpen = editDisplayMode === 'modal' && editingRow;
4375
- return (jsxRuntime.jsxs(TableContainer, Object.assign({ "aria-busy": loading, "aria-describedby": loading ? 'mrt-progress' : undefined }, tableContainerProps, { ref: (node) => {
4329
+ return (jsxRuntime.jsxs(material.TableContainer, Object.assign({ "aria-busy": loading, "aria-describedby": loading ? 'mrt-progress' : undefined }, tableContainerProps, { ref: (node) => {
4376
4330
  if (node) {
4377
4331
  tableContainerRef.current = node;
4378
4332
  if (tableContainerProps === null || tableContainerProps === void 0 ? void 0 : tableContainerProps.ref) {
@@ -4394,7 +4348,7 @@ const MRT_TablePaper = (_a) => {
4394
4348
  const { isFullScreen } = getState();
4395
4349
  const paperProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTablePaperProps, { table })), rest);
4396
4350
  const theme = styles.useTheme();
4397
- return (jsxRuntime.jsxs(Paper, Object.assign({ elevation: 2, onKeyDown: (e) => e.key === 'Escape' && table.setIsFullScreen(false) }, paperProps, { ref: (ref) => {
4351
+ return (jsxRuntime.jsxs(material.Paper, Object.assign({ elevation: 2, onKeyDown: (e) => e.key === 'Escape' && table.setIsFullScreen(false) }, paperProps, { ref: (ref) => {
4398
4352
  tablePaperRef.current = ref;
4399
4353
  if (paperProps === null || paperProps === void 0 ? void 0 : paperProps.ref) {
4400
4354
  //@ts-expect-error