material-react-table 2.9.0 → 2.9.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.esm.js +67 -65
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +66 -64
- package/dist/index.js.map +1 -1
- package/package.json +11 -11
- package/src/components/body/MRT_TableBodyCell.tsx +0 -5
- package/src/components/body/MRT_TableBodyRow.tsx +15 -17
- package/src/components/footer/MRT_TableFooter.tsx +1 -1
- package/src/components/footer/MRT_TableFooterCell.tsx +2 -4
- package/src/components/footer/MRT_TableFooterRow.tsx +1 -0
- package/src/components/head/MRT_TableHeadCell.tsx +0 -6
- package/src/components/head/MRT_TableHeadRow.tsx +5 -1
- package/src/components/inputs/MRT_EditCellTextField.tsx +4 -1
- package/src/components/inputs/MRT_FilterTextField.tsx +1 -0
- package/src/components/menus/MRT_ColumnActionMenu.tsx +1 -0
- package/src/components/menus/MRT_FilterOptionMenu.tsx +1 -0
- package/src/components/menus/MRT_RowActionMenu.tsx +1 -0
- package/src/components/menus/MRT_ShowHideColumnsMenu.tsx +1 -0
- package/src/components/table/MRT_Table.tsx +1 -0
- package/src/components/toolbar/MRT_TablePagination.tsx +14 -5
- package/src/hooks/useMRT_TableInstance.ts +1 -42
- package/src/hooks/useMRT_TableOptions.ts +33 -0
- package/src/utils/row.utils.ts +4 -1
- package/src/utils/style.utils.ts +17 -4
- package/src/utils.ts +0 -0
package/dist/index.esm.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { flexRender as flexRender$1, createRow as createRow$1, aggregationFns, filterFns, sortingFns,
|
1
|
+
import { flexRender as flexRender$1, createRow as createRow$1, aggregationFns, filterFns, sortingFns, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
|
2
2
|
import { rankItem, rankings, compareItems } from '@tanstack/match-sorter-utils';
|
3
3
|
import { useMemo, useState, useReducer, useRef, useEffect, useCallback, memo, Fragment as Fragment$1, useLayoutEffect } from 'react';
|
4
4
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
@@ -289,7 +289,7 @@ const getValueAndLabel = (option) => {
|
|
289
289
|
};
|
290
290
|
|
291
291
|
const getIsRowSelected = ({ row, table, }) => {
|
292
|
-
const { options: enableRowSelection } = table;
|
292
|
+
const { options: { enableRowSelection }, } = table;
|
293
293
|
return (row.getIsSelected() ||
|
294
294
|
(parseFromValuesOrFunc(enableRowSelection, row) &&
|
295
295
|
row.getCanSelectSubRows() &&
|
@@ -500,7 +500,7 @@ const getMRTTheme = (table, theme) => {
|
|
500
500
|
? darken(theme.palette.warning.dark, 0.25)
|
501
501
|
: lighten(theme.palette.warning.light, 0.5), menuBackgroundColor: lighten(baseBackgroundColor, 0.07), pinnedRowBackgroundColor: alpha(theme.palette.primary.main, 0.1), selectedRowBackgroundColor: alpha(theme.palette.primary.main, 0.2) }, themeOverrides);
|
502
502
|
};
|
503
|
-
const
|
503
|
+
const commonCellBeforeAfterStyles = {
|
504
504
|
content: '""',
|
505
505
|
height: '100%',
|
506
506
|
left: 0,
|
@@ -519,14 +519,16 @@ const getCommonPinnedCellStyles = ({ column, table, theme, }) => {
|
|
519
519
|
: getIsFirstRightPinnedColumn(column)
|
520
520
|
? `4px 0 4px -4px ${alpha(theme.palette.grey[700], 0.5)} inset`
|
521
521
|
: undefined
|
522
|
-
: undefined },
|
522
|
+
: undefined }, commonCellBeforeAfterStyles),
|
523
523
|
},
|
524
524
|
};
|
525
525
|
};
|
526
526
|
const getCommonMRTCellStyles = ({ column, header, table, tableCellProps, theme, }) => {
|
527
527
|
var _a, _b, _c, _d, _e, _f;
|
528
|
-
const { options: { enableColumnVirtualization, layoutMode }, } = table;
|
528
|
+
const { getState, options: { enableColumnVirtualization, layoutMode }, } = table;
|
529
|
+
const { draggingColumn } = getState();
|
529
530
|
const { columnDef } = column;
|
531
|
+
const { columnDefType } = columnDef;
|
530
532
|
const isColumnPinned = columnDef.columnDefType !== 'group' && column.getIsPinned();
|
531
533
|
const widthStyles = {
|
532
534
|
minWidth: `max(calc(var(--${header ? 'header' : 'col'}-${parseCSSVarId((_a = header === null || header === void 0 ? void 0 : header.id) !== null && _a !== void 0 ? _a : column.id)}-size) * 1px), ${(_b = columnDef.minSize) !== null && _b !== void 0 ? _b : 30}px)`,
|
@@ -545,13 +547,21 @@ const getCommonMRTCellStyles = ({ column, header, table, tableCellProps, theme,
|
|
545
547
|
? `${column.getStart('left')}px`
|
546
548
|
: undefined, opacity: 0.97, position: 'sticky', right: isColumnPinned === 'right'
|
547
549
|
? `${getTotalRight(table, column)}px`
|
548
|
-
: undefined
|
549
|
-
return Object.assign(Object.assign(Object.assign({ backgroundColor: 'inherit', backgroundImage: 'inherit', display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined,
|
550
|
+
: undefined }) : {};
|
551
|
+
return Object.assign(Object.assign(Object.assign({ backgroundColor: 'inherit', backgroundImage: 'inherit', display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, justifyContent: columnDefType === 'group'
|
552
|
+
? 'center'
|
553
|
+
: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid'))
|
554
|
+
? tableCellProps.align
|
555
|
+
: undefined, opacity: ((_e = table.getState().draggingColumn) === null || _e === void 0 ? void 0 : _e.id) === column.id ||
|
550
556
|
((_f = table.getState().hoveredColumn) === null || _f === void 0 ? void 0 : _f.id) === column.id
|
551
557
|
? 0.5
|
552
558
|
: 1, position: 'relative', transition: enableColumnVirtualization
|
553
559
|
? 'none'
|
554
|
-
: `padding 150ms ease-in-out`, zIndex:
|
560
|
+
: `padding 150ms ease-in-out`, zIndex: column.getIsResizing() || (draggingColumn === null || draggingColumn === void 0 ? void 0 : draggingColumn.id) === column.id
|
561
|
+
? 2
|
562
|
+
: columnDefType !== 'group' && isColumnPinned
|
563
|
+
? 1
|
564
|
+
: 0 }, pinnedStyles), widthStyles), parseFromValuesOrFunc(tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx, theme));
|
555
565
|
};
|
556
566
|
const getCommonToolbarStyles = ({ table, theme, }) => ({
|
557
567
|
alignItems: 'flex-start',
|
@@ -757,7 +767,7 @@ const MRT_FilterOptionMenu = (_a) => {
|
|
757
767
|
sx: {
|
758
768
|
backgroundColor: menuBackgroundColor,
|
759
769
|
},
|
760
|
-
}, anchorEl: anchorEl, anchorOrigin: { horizontal: 'right', vertical: 'center' }, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: (_e = (header && column && columnDef
|
770
|
+
}, anchorEl: anchorEl, anchorOrigin: { horizontal: 'right', vertical: 'center' }, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: (_e = (header && column && columnDef
|
761
771
|
? (_d = (_c = columnDef.renderColumnFilterModeMenuItems) === null || _c === void 0 ? void 0 : _c.call(columnDef, {
|
762
772
|
column: column,
|
763
773
|
internalFilterOptions,
|
@@ -912,7 +922,7 @@ const MRT_ColumnActionMenu = (_a) => {
|
|
912
922
|
sx: {
|
913
923
|
backgroundColor: menuBackgroundColor,
|
914
924
|
},
|
915
|
-
}, anchorEl: anchorEl, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: (_l = (_k = (_j = columnDef.renderColumnActionsMenuItems) === null || _j === void 0 ? void 0 : _j.call(columnDef, {
|
925
|
+
}, anchorEl: anchorEl, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: (_l = (_k = (_j = columnDef.renderColumnActionsMenuItems) === null || _j === void 0 ? void 0 : _j.call(columnDef, {
|
916
926
|
closeMenu: () => setAnchorEl(null),
|
917
927
|
column,
|
918
928
|
internalColumnMenuItems,
|
@@ -936,7 +946,7 @@ const MRT_RowActionMenu = (_a) => {
|
|
936
946
|
sx: {
|
937
947
|
backgroundColor: menuBackgroundColor,
|
938
948
|
},
|
939
|
-
}, anchorEl: anchorEl, onClick: (event) => event.stopPropagation(), onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [parseFromValuesOrFunc(enableEditing, row) &&
|
949
|
+
}, anchorEl: anchorEl, disableScrollLock: true, onClick: (event) => event.stopPropagation(), onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [parseFromValuesOrFunc(enableEditing, row) &&
|
940
950
|
['modal', 'row'].includes(editDisplayMode) && (jsx(MenuItem, { onClick: handleEdit, sx: commonMenuItemStyles, children: jsxs(Box, { sx: commonListItemStyles, children: [jsx(ListItemIcon, { children: jsx(EditIcon, {}) }), localization.edit] }) })), renderRowActionMenuItems === null || renderRowActionMenuItems === void 0 ? void 0 : renderRowActionMenuItems({
|
941
951
|
closeMenu: () => setAnchorEl(null),
|
942
952
|
row,
|
@@ -1432,7 +1442,7 @@ const MRT_DefaultDisplayColumn = {
|
|
1432
1442
|
};
|
1433
1443
|
const useMRT_TableOptions = (_a) => {
|
1434
1444
|
var _b;
|
1435
|
-
var { aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = 'subheader', columnResizeDirection, columnResizeMode = 'onChange', createDisplayMode = 'modal', defaultColumn, defaultDisplayColumn, editDisplayMode = 'modal', enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableColumnVirtualization, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableRowVirtualization, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, paginationDisplayMode = 'default', positionActionsColumn = 'first', positionCreatingRow = 'top', positionExpandColumn = 'first', positionGlobalFilter = 'right', positionPagination = 'bottom', positionToolbarAlertBanner = 'top', positionToolbarDropZone = 'top', rowNumberDisplayMode = 'static', rowPinningDisplayMode = 'sticky', selectAllMode = 'page', sortingFns } = _a, rest = __rest(_a, ["aggregationFns", "autoResetExpanded", "columnFilterDisplayMode", "columnResizeDirection", "columnResizeMode", "createDisplayMode", "defaultColumn", "defaultDisplayColumn", "editDisplayMode", "enableBottomToolbar", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnPinning", "enableColumnResizing", "enableColumnVirtualization", "enableDensityToggle", "enableExpandAll", "enableExpanding", "enableFilterMatchHighlighting", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGlobalFilterRankedResults", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enableMultiSort", "enablePagination", "enableRowPinning", "enableRowSelection", "enableRowVirtualization", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarInternalActions", "enableTopToolbar", "filterFns", "icons", "layoutMode", "localization", "manualFiltering", "manualGrouping", "manualPagination", "manualSorting", "paginationDisplayMode", "positionActionsColumn", "positionCreatingRow", "positionExpandColumn", "positionGlobalFilter", "positionPagination", "positionToolbarAlertBanner", "positionToolbarDropZone", "rowNumberDisplayMode", "rowPinningDisplayMode", "selectAllMode", "sortingFns"]);
|
1445
|
+
var { aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = 'subheader', columnResizeDirection, columnResizeMode = 'onChange', createDisplayMode = 'modal', defaultColumn, defaultDisplayColumn, editDisplayMode = 'modal', enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableColumnVirtualization, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFacetedValues = false, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableRowVirtualization, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, paginationDisplayMode = 'default', positionActionsColumn = 'first', positionCreatingRow = 'top', positionExpandColumn = 'first', positionGlobalFilter = 'right', positionPagination = 'bottom', positionToolbarAlertBanner = 'top', positionToolbarDropZone = 'top', rowNumberDisplayMode = 'static', rowPinningDisplayMode = 'sticky', selectAllMode = 'page', sortingFns } = _a, rest = __rest(_a, ["aggregationFns", "autoResetExpanded", "columnFilterDisplayMode", "columnResizeDirection", "columnResizeMode", "createDisplayMode", "defaultColumn", "defaultDisplayColumn", "editDisplayMode", "enableBottomToolbar", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnPinning", "enableColumnResizing", "enableColumnVirtualization", "enableDensityToggle", "enableExpandAll", "enableExpanding", "enableFacetedValues", "enableFilterMatchHighlighting", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGlobalFilterRankedResults", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enableMultiSort", "enablePagination", "enableRowPinning", "enableRowSelection", "enableRowVirtualization", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarInternalActions", "enableTopToolbar", "filterFns", "icons", "layoutMode", "localization", "manualFiltering", "manualGrouping", "manualPagination", "manualSorting", "paginationDisplayMode", "positionActionsColumn", "positionCreatingRow", "positionExpandColumn", "positionGlobalFilter", "positionPagination", "positionToolbarAlertBanner", "positionToolbarDropZone", "rowNumberDisplayMode", "rowPinningDisplayMode", "selectAllMode", "sortingFns"]);
|
1436
1446
|
const theme = useTheme();
|
1437
1447
|
icons = useMemo(() => (Object.assign(Object.assign({}, MRT_Default_Icons), icons)), [icons]);
|
1438
1448
|
localization = useMemo(() => (Object.assign(Object.assign({}, MRT_Localization_EN), localization)), [localization]);
|
@@ -1483,6 +1493,7 @@ const useMRT_TableOptions = (_a) => {
|
|
1483
1493
|
enableDensityToggle,
|
1484
1494
|
enableExpandAll,
|
1485
1495
|
enableExpanding,
|
1496
|
+
enableFacetedValues,
|
1486
1497
|
enableFilterMatchHighlighting,
|
1487
1498
|
enableFilters,
|
1488
1499
|
enableFullScreenToggle,
|
@@ -1503,8 +1514,15 @@ const useMRT_TableOptions = (_a) => {
|
|
1503
1514
|
enableTableHead,
|
1504
1515
|
enableToolbarInternalActions,
|
1505
1516
|
enableTopToolbar,
|
1506
|
-
filterFns,
|
1507
|
-
|
1517
|
+
filterFns, getCoreRowModel: getCoreRowModel(), getExpandedRowModel: enableExpanding || enableGrouping ? getExpandedRowModel() : undefined, getFacetedMinMaxValues: enableFacetedValues
|
1518
|
+
? getFacetedMinMaxValues()
|
1519
|
+
: undefined, getFacetedRowModel: enableFacetedValues ? getFacetedRowModel() : undefined, getFacetedUniqueValues: enableFacetedValues
|
1520
|
+
? getFacetedUniqueValues()
|
1521
|
+
: undefined, getFilteredRowModel: enableColumnFilters || enableGlobalFilter || enableFilters
|
1522
|
+
? getFilteredRowModel()
|
1523
|
+
: undefined, getGroupedRowModel: enableGrouping ? getGroupedRowModel() : undefined, getPaginationRowModel: enablePagination
|
1524
|
+
? getPaginationRowModel()
|
1525
|
+
: undefined, getSortedRowModel: enableSorting ? getSortedRowModel() : undefined, getSubRows: (row) => row === null || row === void 0 ? void 0 : row.subRows, icons,
|
1508
1526
|
layoutMode,
|
1509
1527
|
localization,
|
1510
1528
|
manualFiltering,
|
@@ -1719,25 +1737,7 @@ const useMRT_TableInstance = (_tableOptions) => {
|
|
1719
1737
|
tableOptions.state.showSkeletons,
|
1720
1738
|
]);
|
1721
1739
|
//@ts-ignore
|
1722
|
-
const table = useReactTable(Object.assign(Object.assign({
|
1723
|
-
? getExpandedRowModel()
|
1724
|
-
: undefined, getFacetedMinMaxValues: tableOptions.enableFacetedValues
|
1725
|
-
? getFacetedMinMaxValues()
|
1726
|
-
: undefined, getFacetedRowModel: tableOptions.enableFacetedValues
|
1727
|
-
? getFacetedRowModel()
|
1728
|
-
: undefined, getFacetedUniqueValues: tableOptions.enableFacetedValues
|
1729
|
-
? getFacetedUniqueValues()
|
1730
|
-
: undefined, getFilteredRowModel: tableOptions.enableColumnFilters ||
|
1731
|
-
tableOptions.enableGlobalFilter ||
|
1732
|
-
tableOptions.enableFilters
|
1733
|
-
? getFilteredRowModel()
|
1734
|
-
: undefined, getGroupedRowModel: tableOptions.enableGrouping
|
1735
|
-
? getGroupedRowModel()
|
1736
|
-
: undefined, getPaginationRowModel: tableOptions.enablePagination
|
1737
|
-
? getPaginationRowModel()
|
1738
|
-
: undefined, getSortedRowModel: tableOptions.enableSorting
|
1739
|
-
? getSortedRowModel()
|
1740
|
-
: undefined, getSubRows: (row) => row === null || row === void 0 ? void 0 : row.subRows, onColumnOrderChange,
|
1740
|
+
const table = useReactTable(Object.assign(Object.assign({ onColumnOrderChange,
|
1741
1741
|
onColumnSizingInfoChange,
|
1742
1742
|
onGroupingChange,
|
1743
1743
|
onPaginationChange }, tableOptions), { globalFilterFn: (_u = tableOptions.filterFns) === null || _u === void 0 ? void 0 : _u[globalFilterFn !== null && globalFilterFn !== void 0 ? globalFilterFn : 'fuzzy'] }));
|
@@ -2141,7 +2141,9 @@ const MRT_EditCellTextField = (_a) => {
|
|
2141
2141
|
: {})), textFieldProps.InputProps), { sx: (theme) => {
|
2142
2142
|
var _a;
|
2143
2143
|
return (Object.assign({ mb: 0 }, parseFromValuesOrFunc((_a = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.InputProps) === null || _a === void 0 ? void 0 : _a.sx, theme)));
|
2144
|
-
} }),
|
2144
|
+
} }), SelectProps: {
|
2145
|
+
MenuProps: { disableScrollLock: true },
|
2146
|
+
}, inputProps: Object.assign({ autoComplete: 'new-password' }, textFieldProps.inputProps), onBlur: handleBlur, onChange: handleChange, onClick: (e) => {
|
2145
2147
|
var _a;
|
2146
2148
|
e.stopPropagation();
|
2147
2149
|
(_a = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.onClick) === null || _a === void 0 ? void 0 : _a.call(textFieldProps, e);
|
@@ -2284,9 +2286,7 @@ const MRT_TableBodyCell = (_a) => {
|
|
2284
2286
|
: undefined,
|
2285
2287
|
outlineOffset: '-1px',
|
2286
2288
|
textOverflow: 'clip',
|
2287
|
-
}, alignItems: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'center' : undefined, cursor: isEditable && editDisplayMode === 'cell' ? 'pointer' : 'inherit',
|
2288
|
-
? tableCellProps.align
|
2289
|
-
: undefined, overflow: 'hidden', p: density === 'compact'
|
2289
|
+
}, alignItems: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'center' : undefined, cursor: isEditable && editDisplayMode === 'cell' ? 'pointer' : 'inherit', overflow: 'hidden', p: density === 'compact'
|
2290
2290
|
? columnDefType === 'display'
|
2291
2291
|
? '0 0.5rem'
|
2292
2292
|
: '0.5rem'
|
@@ -2296,7 +2296,7 @@ const MRT_TableBodyCell = (_a) => {
|
|
2296
2296
|
: '1rem'
|
2297
2297
|
: columnDefType === 'display'
|
2298
2298
|
? '1rem 1.25rem'
|
2299
|
-
: '1.5rem', textOverflow: columnDefType !== 'display' ? 'ellipsis' : undefined, whiteSpace: row.getIsPinned() || density === 'compact' ? 'nowrap' : 'normal'
|
2299
|
+
: '1.5rem', textOverflow: columnDefType !== 'display' ? 'ellipsis' : undefined, whiteSpace: row.getIsPinned() || density === 'compact' ? 'nowrap' : 'normal' }, getCommonMRTCellStyles({
|
2300
2300
|
column,
|
2301
2301
|
table,
|
2302
2302
|
tableCellProps,
|
@@ -2413,25 +2413,21 @@ const MRT_TableBodyRow = ({ columnVirtualizer, numRows, pinnedRowIds, row, rowVi
|
|
2413
2413
|
}
|
2414
2414
|
}, selected: isRowSelected }, tableRowProps, { style: Object.assign({ transform: virtualRow
|
2415
2415
|
? `translateY(${virtualRow.start}px)`
|
2416
|
-
: undefined }, tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.style), sx: (theme) => (Object.assign({ '&:hover td':
|
2417
|
-
|
2418
|
-
? alpha(cellHighlightColorHover, 0.3)
|
2419
|
-
: undefined }, pinnedBeforeAfterStyles),
|
2420
|
-
}, backgroundColor: `${baseBackgroundColor} !important`, bottom: !virtualRow && bottomPinnedIndex !== undefined && isRowPinned
|
2416
|
+
: undefined }, tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.style), sx: (theme) => (Object.assign({ '&:hover td:after': cellHighlightColorHover
|
2417
|
+
? Object.assign({ backgroundColor: alpha(cellHighlightColorHover, 0.3) }, commonCellBeforeAfterStyles) : undefined, backgroundColor: `${baseBackgroundColor} !important`, bottom: !virtualRow && bottomPinnedIndex !== undefined && isRowPinned
|
2421
2418
|
? `${bottomPinnedIndex * rowHeight +
|
2422
2419
|
(enableStickyFooter ? tableFooterHeight - 1 : 0)}px`
|
2423
2420
|
: undefined, boxSizing: 'border-box', display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, opacity: isRowPinned ? 0.97 : isDraggingRow || isHoveredRow ? 0.5 : 1, position: virtualRow
|
2424
2421
|
? 'absolute'
|
2425
2422
|
: (rowPinningDisplayMode === null || rowPinningDisplayMode === void 0 ? void 0 : rowPinningDisplayMode.includes('sticky')) && isRowPinned
|
2426
2423
|
? 'sticky'
|
2427
|
-
:
|
2424
|
+
: 'relative', td: Object.assign({}, getCommonPinnedCellStyles({ table, theme })), 'td:after': cellHighlightColor
|
2425
|
+
? Object.assign({ backgroundColor: cellHighlightColor }, commonCellBeforeAfterStyles) : undefined, top: virtualRow
|
2428
2426
|
? 0
|
2429
2427
|
: topPinnedIndex !== undefined && isRowPinned
|
2430
2428
|
? `${topPinnedIndex * rowHeight +
|
2431
2429
|
(enableStickyHeader || isFullScreen ? tableHeadHeight - 1 : 0)}px`
|
2432
|
-
: undefined, transition: virtualRow ? 'none' : 'all 150ms ease-in-out', width: '100%', zIndex: (rowPinningDisplayMode === null || rowPinningDisplayMode === void 0 ? void 0 : rowPinningDisplayMode.includes('sticky')) && isRowPinned
|
2433
|
-
? 2
|
2434
|
-
: undefined }, sx)), children: [virtualPaddingLeft ? (jsx("td", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : visibleCells).map((cellOrVirtualCell, staticColumnIndex) => {
|
2430
|
+
: undefined, transition: virtualRow ? 'none' : 'all 150ms ease-in-out', width: '100%', zIndex: (rowPinningDisplayMode === null || rowPinningDisplayMode === void 0 ? void 0 : rowPinningDisplayMode.includes('sticky')) && isRowPinned ? 2 : 0 }, sx)), children: [virtualPaddingLeft ? (jsx("td", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : visibleCells).map((cellOrVirtualCell, staticColumnIndex) => {
|
2435
2431
|
let cell = cellOrVirtualCell;
|
2436
2432
|
if (columnVirtualizer) {
|
2437
2433
|
staticColumnIndex = cellOrVirtualCell.index;
|
@@ -2541,7 +2537,7 @@ const MRT_TableFooterCell = (_a) => {
|
|
2541
2537
|
var _b, _c, _d;
|
2542
2538
|
var { footer, staticColumnIndex, table } = _a, rest = __rest(_a, ["footer", "staticColumnIndex", "table"]);
|
2543
2539
|
const theme = useTheme();
|
2544
|
-
const { getState, options: { enableColumnPinning,
|
2540
|
+
const { getState, options: { enableColumnPinning, muiTableFooterCellProps }, } = table;
|
2545
2541
|
const { density } = getState();
|
2546
2542
|
const { column } = footer;
|
2547
2543
|
const { columnDef } = column;
|
@@ -2555,12 +2551,13 @@ const MRT_TableFooterCell = (_a) => {
|
|
2555
2551
|
? 'center'
|
2556
2552
|
: theme.direction === 'rtl'
|
2557
2553
|
? 'right'
|
2558
|
-
: 'left', colSpan: footer.colSpan, "data-index": staticColumnIndex, "data-pinned": !!isColumnPinned || undefined, variant: "footer" }, tableCellProps, { sx: (theme) => (Object.assign(Object.assign({
|
2554
|
+
: 'left', colSpan: footer.colSpan, "data-index": staticColumnIndex, "data-pinned": !!isColumnPinned || undefined, variant: "footer" }, tableCellProps, { sx: (theme) => (Object.assign(Object.assign({ fontWeight: 'bold', p: density === 'compact'
|
2559
2555
|
? '0.5rem'
|
2560
2556
|
: density === 'comfortable'
|
2561
2557
|
? '1rem'
|
2562
|
-
: '1.5rem', verticalAlign: 'top'
|
2558
|
+
: '1.5rem', verticalAlign: 'top' }, getCommonMRTCellStyles({
|
2563
2559
|
column,
|
2560
|
+
header: footer,
|
2564
2561
|
table,
|
2565
2562
|
tableCellProps,
|
2566
2563
|
theme,
|
@@ -2587,7 +2584,7 @@ const MRT_TableFooterRow = (_a) => {
|
|
2587
2584
|
footerGroup,
|
2588
2585
|
table,
|
2589
2586
|
})), rest);
|
2590
|
-
return (jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: getMRTTheme(table, theme).baseBackgroundColor, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, width: '100%' }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme))), children: [virtualPaddingLeft ? (jsx("th", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : footerGroup.headers).map((footerOrVirtualFooter, staticColumnIndex) => {
|
2587
|
+
return (jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: getMRTTheme(table, theme).baseBackgroundColor, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, position: 'relative', width: '100%' }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme))), children: [virtualPaddingLeft ? (jsx("th", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : footerGroup.headers).map((footerOrVirtualFooter, staticColumnIndex) => {
|
2591
2588
|
let footer = footerOrVirtualFooter;
|
2592
2589
|
if (columnVirtualizer) {
|
2593
2590
|
staticColumnIndex = footerOrVirtualFooter
|
@@ -2616,7 +2613,7 @@ const MRT_TableFooter = (_a) => {
|
|
2616
2613
|
? theme.palette.mode === 'light'
|
2617
2614
|
? `1px solid ${theme.palette.grey[300]}`
|
2618
2615
|
: `1px solid ${theme.palette.grey[700]}`
|
2619
|
-
: undefined, position: stickFooter ? 'sticky' :
|
2616
|
+
: undefined, position: stickFooter ? 'sticky' : 'relative', zIndex: stickFooter ? 1 : undefined }, parseFromValuesOrFunc(tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx, theme))), children: getFooterGroups().map((footerGroup) => (jsx(MRT_TableFooterRow, { columnVirtualizer: columnVirtualizer, footerGroup: footerGroup, table: table }, footerGroup.id))) })));
|
2620
2617
|
};
|
2621
2618
|
|
2622
2619
|
const MRT_TableHeadCellColumnActionsButton = (_a) => {
|
@@ -2884,7 +2881,7 @@ const MRT_FilterTextField = (_a) => {
|
|
2884
2881
|
} }))) : isAutocompleteFilter ? (jsx(Autocomplete, Object.assign({ freeSolo: true, getOptionLabel: (option) => getValueAndLabel(option).label, onChange: (_e, newValue) => handleChange(getValueAndLabel(newValue).value), options: (_t = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((option) => getValueAndLabel(option))) !== null && _t !== void 0 ? _t : [] }, autocompleteProps, { renderInput: (builtinTextFieldProps) => {
|
2885
2882
|
var _a;
|
2886
2883
|
return (jsx(TextField, Object.assign({}, builtinTextFieldProps, commonTextFieldProps, { InputProps: Object.assign(Object.assign({}, builtinTextFieldProps.InputProps), { startAdornment: (_a = commonTextFieldProps === null || commonTextFieldProps === void 0 ? void 0 : commonTextFieldProps.InputProps) === null || _a === void 0 ? void 0 : _a.startAdornment }), inputProps: Object.assign(Object.assign({}, builtinTextFieldProps.inputProps), commonTextFieldProps === null || commonTextFieldProps === void 0 ? void 0 : commonTextFieldProps.inputProps), onChange: handleTextFieldChange, onClick: (e) => e.stopPropagation() })));
|
2887
|
-
}, value: filterValue }))) : (jsx(TextField, Object.assign({ select: isSelectFilter || isMultiSelectFilter }, commonTextFieldProps, { SelectProps: Object.assign({ displayEmpty: true, multiple: isMultiSelectFilter, renderValue: isMultiSelectFilter
|
2884
|
+
}, value: filterValue }))) : (jsx(TextField, Object.assign({ select: isSelectFilter || isMultiSelectFilter }, commonTextFieldProps, { SelectProps: Object.assign({ MenuProps: { disableScrollLock: true }, displayEmpty: true, multiple: isMultiSelectFilter, renderValue: isMultiSelectFilter
|
2888
2885
|
? (selected) => !(selected === null || selected === void 0 ? void 0 : selected.length) ? (jsx(Box, { sx: { opacity: 0.5 }, children: filterPlaceholder })) : (jsx(Box, { sx: { display: 'flex', flexWrap: 'wrap', gap: '2px' }, children: selected === null || selected === void 0 ? void 0 : selected.map((value) => {
|
2889
2886
|
const selectedValue = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.find((option) => getValueAndLabel(option).value === value);
|
2890
2887
|
return (jsx(Chip, { label: getValueAndLabel(selectedValue).label }, value));
|
@@ -3261,11 +3258,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
3261
3258
|
? '0.25rem'
|
3262
3259
|
: density === 'comfortable'
|
3263
3260
|
? '.75rem'
|
3264
|
-
: '1.25rem', userSelect: enableMultiSort && column.getCanSort() ? 'none' : undefined, verticalAlign: 'top',
|
3265
|
-
? 3
|
3266
|
-
: column.getIsPinned() && columnDefType !== 'group'
|
3267
|
-
? 2
|
3268
|
-
: 1 }, getCommonMRTCellStyles({
|
3261
|
+
: '1.25rem', userSelect: enableMultiSort && column.getCanSort() ? 'none' : undefined, verticalAlign: 'top' }, getCommonMRTCellStyles({
|
3269
3262
|
column,
|
3270
3263
|
header,
|
3271
3264
|
table,
|
@@ -3315,13 +3308,15 @@ const MRT_TableHeadCell = (_a) => {
|
|
3315
3308
|
|
3316
3309
|
const MRT_TableHeadRow = (_a) => {
|
3317
3310
|
var { columnVirtualizer, headerGroup, table } = _a, rest = __rest(_a, ["columnVirtualizer", "headerGroup", "table"]);
|
3318
|
-
const { options: { layoutMode, muiTableHeadRowProps }, } = table;
|
3311
|
+
const { options: { enableStickyHeader, layoutMode, muiTableHeadRowProps }, } = table;
|
3319
3312
|
const { virtualColumns, virtualPaddingLeft, virtualPaddingRight } = columnVirtualizer !== null && columnVirtualizer !== void 0 ? columnVirtualizer : {};
|
3320
3313
|
const tableRowProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTableHeadRowProps, {
|
3321
3314
|
headerGroup,
|
3322
3315
|
table,
|
3323
3316
|
})), rest);
|
3324
|
-
return (jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: getMRTTheme(table, theme).baseBackgroundColor, boxShadow: `4px 0 8px ${alpha(theme.palette.common.black, 0.1)}`, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined,
|
3317
|
+
return (jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: getMRTTheme(table, theme).baseBackgroundColor, boxShadow: `4px 0 8px ${alpha(theme.palette.common.black, 0.1)}`, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, position: enableStickyHeader && layoutMode === 'semantic'
|
3318
|
+
? 'sticky'
|
3319
|
+
: 'relative', top: 0 }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme))), children: [virtualPaddingLeft ? (jsx("th", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : headerGroup.headers).map((headerOrVirtualHeader, staticColumnIndex) => {
|
3325
3320
|
let header = headerOrVirtualHeader;
|
3326
3321
|
if (columnVirtualizer) {
|
3327
3322
|
staticColumnIndex = headerOrVirtualHeader
|
@@ -3418,7 +3413,7 @@ const MRT_Table = (_a) => {
|
|
3418
3413
|
columnVirtualizer,
|
3419
3414
|
table,
|
3420
3415
|
};
|
3421
|
-
return (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 }, parseFromValuesOrFunc(tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx, theme))), children: [!!Caption && jsx("caption", { children: Caption }), enableTableHead && jsx(MRT_TableHead, Object.assign({}, commonTableGroupProps)), memoMode === 'table-body' || columnSizingInfo.isResizingColumn ? (jsx(Memo_MRT_TableBody, Object.assign({}, commonTableGroupProps))) : (jsx(MRT_TableBody, Object.assign({}, commonTableGroupProps))), enableTableFooter && jsx(MRT_TableFooter, Object.assign({}, commonTableGroupProps))] })));
|
3416
|
+
return (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 && jsx("caption", { children: Caption }), enableTableHead && jsx(MRT_TableHead, Object.assign({}, commonTableGroupProps)), memoMode === 'table-body' || columnSizingInfo.isResizingColumn ? (jsx(Memo_MRT_TableBody, Object.assign({}, commonTableGroupProps))) : (jsx(MRT_TableBody, Object.assign({}, commonTableGroupProps))), enableTableFooter && jsx(MRT_TableFooter, Object.assign({}, commonTableGroupProps))] })));
|
3422
3417
|
};
|
3423
3418
|
|
3424
3419
|
const MRT_TableLoadingOverlay = (_a) => {
|
@@ -3539,6 +3534,7 @@ const defaultRowsPerPage = [5, 10, 15, 20, 25, 30, 50, 100];
|
|
3539
3534
|
const MRT_TablePagination = (_a) => {
|
3540
3535
|
var { position = 'bottom', table } = _a, rest = __rest(_a, ["position", "table"]);
|
3541
3536
|
const theme = useTheme();
|
3537
|
+
const isMobile = useMediaQuery('(max-width: 720px)');
|
3542
3538
|
const { getPrePaginationRowModel, getState, options: { enableToolbarInternalActions, icons: { ChevronLeftIcon, ChevronRightIcon, FirstPageIcon, LastPageIcon }, localization, muiPaginationProps, paginationDisplayMode, rowCount, }, setPageIndex, setPageSize, } = table;
|
3543
3539
|
const { pagination: { pageIndex = 0, pageSize = 10 }, showGlobalFilter, } = getState();
|
3544
3540
|
const paginationProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiPaginationProps, {
|
@@ -3549,9 +3545,12 @@ const MRT_TablePagination = (_a) => {
|
|
3549
3545
|
const showFirstLastPageButtons = numberOfPages > 2;
|
3550
3546
|
const firstRowIndex = pageIndex * pageSize;
|
3551
3547
|
const lastRowIndex = Math.min(pageIndex * pageSize + pageSize, totalRowCount);
|
3552
|
-
const _b = paginationProps !== null && paginationProps !== void 0 ? paginationProps : {}, { SelectProps, disabled = false, rowsPerPageOptions = defaultRowsPerPage, showFirstButton = showFirstLastPageButtons, showLastButton = showFirstLastPageButtons, showRowsPerPage = true } = _b,
|
3548
|
+
const _b = paginationProps !== null && paginationProps !== void 0 ? paginationProps : {}, { SelectProps = {}, disabled = false, rowsPerPageOptions = defaultRowsPerPage, showFirstButton = showFirstLastPageButtons, showLastButton = showFirstLastPageButtons, showRowsPerPage = true } = _b, restPaginationProps = __rest(_b, ["SelectProps", "disabled", "rowsPerPageOptions", "showFirstButton", "showLastButton", "showRowsPerPage"]);
|
3553
3549
|
const disableBack = pageIndex <= 0 || disabled;
|
3554
3550
|
const disableNext = lastRowIndex >= totalRowCount || disabled;
|
3551
|
+
if (isMobile && (SelectProps === null || SelectProps === void 0 ? void 0 : SelectProps.native) !== false) {
|
3552
|
+
SelectProps.native = true;
|
3553
|
+
}
|
3555
3554
|
const tooltipProps = getCommonTooltipProps();
|
3556
3555
|
return (jsxs(Box, { className: "MuiTablePagination-root", sx: {
|
3557
3556
|
alignItems: 'center',
|
@@ -3569,7 +3568,10 @@ const MRT_TablePagination = (_a) => {
|
|
3569
3568
|
px: '8px',
|
3570
3569
|
py: '12px',
|
3571
3570
|
zIndex: 2,
|
3572
|
-
}, children: [showRowsPerPage && (jsxs(Box, { sx: { alignItems: 'center', display: 'flex', gap: '8px' }, children: [jsx(InputLabel, { htmlFor: "mrt-rows-per-page", sx: { mb: 0 }, children: localization.rowsPerPage }), jsx(Select, Object.assign({
|
3571
|
+
}, children: [showRowsPerPage && (jsxs(Box, { sx: { alignItems: 'center', display: 'flex', gap: '8px' }, children: [jsx(InputLabel, { htmlFor: "mrt-rows-per-page", sx: { mb: 0 }, children: localization.rowsPerPage }), jsx(Select, Object.assign({ MenuProps: { disableScrollLock: true }, disableUnderline: true, disabled: disabled, inputProps: {
|
3572
|
+
'aria-label': localization.rowsPerPage,
|
3573
|
+
id: 'mrt-rows-per-page',
|
3574
|
+
}, label: localization.rowsPerPage, onChange: (event) => setPageSize(+event.target.value), sx: { mb: 0 }, value: pageSize, variant: "standard" }, SelectProps, { children: rowsPerPageOptions.map((option) => {
|
3573
3575
|
var _a;
|
3574
3576
|
const value = typeof option !== 'number' ? option.value : option;
|
3575
3577
|
const label = typeof option !== 'number' ? option.label : `${option}`;
|
@@ -3579,7 +3581,7 @@ const MRT_TablePagination = (_a) => {
|
|
3579
3581
|
last: LastPageIcon,
|
3580
3582
|
next: ChevronRightIcon,
|
3581
3583
|
previous: ChevronLeftIcon,
|
3582
|
-
} }, item))), showFirstButton: showFirstButton, showLastButton: showLastButton },
|
3584
|
+
} }, item))), showFirstButton: showFirstButton, showLastButton: showLastButton }, restPaginationProps))) : paginationDisplayMode === 'default' ? (jsxs(Fragment, { children: [jsx(Typography, { align: "center", component: "span", sx: { m: '0 4px', minWidth: '8ch' }, variant: "body2", children: `${lastRowIndex === 0 ? 0 : (firstRowIndex + 1).toLocaleString()}-${lastRowIndex.toLocaleString()} ${localization.of} ${totalRowCount.toLocaleString()}` }), jsxs(Box, { gap: "xs", children: [showFirstButton && (jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToFirstPage, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.goToFirstPage, disabled: disableBack, onClick: () => setPageIndex(0), size: "small", children: jsx(FirstPageIcon, Object.assign({}, flipIconStyles(theme))) }) }) }))), jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToPreviousPage, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.goToPreviousPage, disabled: disableBack, onClick: () => setPageIndex(pageIndex - 1), size: "small", children: jsx(ChevronLeftIcon, Object.assign({}, flipIconStyles(theme))) }) }) })), jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToNextPage, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.goToNextPage, disabled: disableNext, onClick: () => setPageIndex(pageIndex + 1), size: "small", children: jsx(ChevronRightIcon, Object.assign({}, flipIconStyles(theme))) }) }) })), showLastButton && (jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToLastPage, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.goToLastPage, disabled: disableNext, onClick: () => setPageIndex(numberOfPages - 1), size: "small", children: jsx(LastPageIcon, Object.assign({}, flipIconStyles(theme))) }) }) })))] })] })) : null] }));
|
3583
3585
|
};
|
3584
3586
|
|
3585
3587
|
const MRT_ToolbarDropZone = (_a) => {
|
@@ -3752,7 +3754,7 @@ const MRT_ShowHideColumnsMenu = (_a) => {
|
|
3752
3754
|
sx: {
|
3753
3755
|
backgroundColor: menuBackgroundColor,
|
3754
3756
|
},
|
3755
|
-
}, anchorEl: anchorEl, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [jsxs(Box, { sx: {
|
3757
|
+
}, anchorEl: anchorEl, disableScrollLock: true, onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [jsxs(Box, { sx: {
|
3756
3758
|
display: 'flex',
|
3757
3759
|
justifyContent: 'space-between',
|
3758
3760
|
p: '0.5rem',
|