material-react-table 1.12.0-beta.1 → 1.12.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.
- package/README.md +1 -1
- package/dist/cjs/index.js +147 -153
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/material-react-table.esm.js +148 -156
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/dist/index.d.ts +1 -7
- package/package.json +23 -23
- package/src/body/MRT_TableBody.tsx +2 -3
- package/src/body/MRT_TableBodyRow.tsx +2 -3
package/dist/cjs/index.js
CHANGED
|
@@ -153,19 +153,19 @@ var DialogContent__default = /*#__PURE__*/_interopDefaultLegacy(DialogContent);
|
|
|
153
153
|
var DialogTitle__default = /*#__PURE__*/_interopDefaultLegacy(DialogTitle);
|
|
154
154
|
var Stack__default = /*#__PURE__*/_interopDefaultLegacy(Stack);
|
|
155
155
|
|
|
156
|
-
/******************************************************************************
|
|
157
|
-
Copyright (c) Microsoft Corporation.
|
|
158
|
-
|
|
159
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
160
|
-
purpose with or without fee is hereby granted.
|
|
161
|
-
|
|
162
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
163
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
164
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
165
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
166
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
167
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
168
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
156
|
+
/******************************************************************************
|
|
157
|
+
Copyright (c) Microsoft Corporation.
|
|
158
|
+
|
|
159
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
160
|
+
purpose with or without fee is hereby granted.
|
|
161
|
+
|
|
162
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
163
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
164
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
165
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
166
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
167
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
168
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
169
169
|
***************************************************************************** */
|
|
170
170
|
function __rest(s, e) {
|
|
171
171
|
var t = {};
|
|
@@ -611,14 +611,14 @@ const MRT_ExpandAllButton = ({ table }) => {
|
|
|
611
611
|
? muiExpandAllButtonProps({ table })
|
|
612
612
|
: muiExpandAllButtonProps;
|
|
613
613
|
const isAllRowsExpanded = getIsAllRowsExpanded();
|
|
614
|
-
return (jsxRuntime.jsx(Tooltip__default["default"],
|
|
614
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, enterDelay: 1000, enterNextDelay: 1000, title: ((_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _a !== void 0 ? _a : isAllRowsExpanded)
|
|
615
615
|
? localization.collapseAll
|
|
616
|
-
: localization.expandAll
|
|
616
|
+
: localization.expandAll, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.expandAll, disabled: isLoading || (!renderDetailPanel && !getCanSomeRowsExpand()), onClick: () => toggleAllRowsExpanded(!isAllRowsExpanded) }, iconButtonProps, { sx: (theme) => (Object.assign({ height: density === 'compact' ? '1.75rem' : '2.25rem', width: density === 'compact' ? '1.75rem' : '2.25rem', mt: density !== 'compact' ? '-0.25rem' : undefined }, ((iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx) instanceof Function
|
|
617
617
|
? iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx(theme)
|
|
618
|
-
: iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx))), title: undefined
|
|
618
|
+
: iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx))), title: undefined, children: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _b !== void 0 ? _b : (jsxRuntime.jsx(KeyboardDoubleArrowDownIcon, { style: {
|
|
619
619
|
transform: `rotate(${isAllRowsExpanded ? -180 : getIsSomeRowsExpanded() ? -90 : 0}deg)`,
|
|
620
620
|
transition: 'transform 150ms',
|
|
621
|
-
} })) })) }) }))
|
|
621
|
+
} })) })) }) }));
|
|
622
622
|
};
|
|
623
623
|
|
|
624
624
|
const MRT_ExpandButton = ({ row, table, }) => {
|
|
@@ -636,14 +636,14 @@ const MRT_ExpandButton = ({ row, table, }) => {
|
|
|
636
636
|
row.toggleExpanded();
|
|
637
637
|
(_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(iconButtonProps, event);
|
|
638
638
|
};
|
|
639
|
-
return (jsxRuntime.jsx(Tooltip__default["default"],
|
|
639
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, disableHoverListener: !canExpand && !renderDetailPanel, enterDelay: 1000, enterNextDelay: 1000, title: ((_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _a !== void 0 ? _a : isExpanded)
|
|
640
640
|
? localization.collapse
|
|
641
|
-
: localization.expand
|
|
641
|
+
: localization.expand, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.expand, disabled: !canExpand && !renderDetailPanel }, iconButtonProps, { onClick: handleToggleExpand, sx: (theme) => (Object.assign({ height: density === 'compact' ? '1.75rem' : '2.25rem', width: density === 'compact' ? '1.75rem' : '2.25rem' }, ((iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx) instanceof Function
|
|
642
642
|
? iconButtonProps.sx(theme)
|
|
643
|
-
: iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx))), title: undefined
|
|
643
|
+
: iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx))), title: undefined, children: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _b !== void 0 ? _b : (jsxRuntime.jsx(ExpandMoreIcon, { style: {
|
|
644
644
|
transform: `rotate(${!canExpand && !renderDetailPanel ? -90 : isExpanded ? -180 : 0}deg)`,
|
|
645
645
|
transition: 'transform 150ms',
|
|
646
|
-
} })) })) }) }))
|
|
646
|
+
} })) })) }) }));
|
|
647
647
|
};
|
|
648
648
|
|
|
649
649
|
const mrtFilterOptions = (localization) => [
|
|
@@ -810,9 +810,9 @@ const MRT_FilterOptionMenu = ({ anchorEl, header, onSelect, setAnchorEl, setFilt
|
|
|
810
810
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect();
|
|
811
811
|
};
|
|
812
812
|
const filterOption = !!header && columnDef ? columnDef._filterFn : globalFilterFn;
|
|
813
|
-
return (jsxRuntime.jsx(Menu__default["default"],
|
|
813
|
+
return (jsxRuntime.jsx(Menu__default["default"], { anchorEl: anchorEl, anchorOrigin: { vertical: 'center', horizontal: 'right' }, onClose: () => setAnchorEl(null), open: !!anchorEl, MenuListProps: {
|
|
814
814
|
dense: density === 'compact',
|
|
815
|
-
}
|
|
815
|
+
}, children: (_d = (header && column && columnDef
|
|
816
816
|
? (_c = (_b = columnDef.renderColumnFilterModeMenuItems) === null || _b === void 0 ? void 0 : _b.call(columnDef, {
|
|
817
817
|
column: column,
|
|
818
818
|
internalFilterOptions,
|
|
@@ -828,13 +828,13 @@ const MRT_FilterOptionMenu = ({ anchorEl, header, onSelect, setAnchorEl, setFilt
|
|
|
828
828
|
internalFilterOptions,
|
|
829
829
|
onSelectFilterMode: handleSelectFilterMode,
|
|
830
830
|
table,
|
|
831
|
-
}))) !== null && _d !== void 0 ? _d : internalFilterOptions.map(({ option, label, divider, symbol }, index) => (jsxRuntime.jsxs(MenuItem__default["default"],
|
|
831
|
+
}))) !== null && _d !== void 0 ? _d : internalFilterOptions.map(({ option, label, divider, symbol }, index) => (jsxRuntime.jsxs(MenuItem__default["default"], { divider: divider, onClick: () => handleSelectFilterMode(option), selected: option === filterOption, sx: {
|
|
832
832
|
alignItems: 'center',
|
|
833
833
|
display: 'flex',
|
|
834
834
|
gap: '2ch',
|
|
835
835
|
my: 0,
|
|
836
836
|
py: '6px',
|
|
837
|
-
}, value: option
|
|
837
|
+
}, value: option, children: [jsxRuntime.jsx(Box__default["default"], { sx: { fontSize: '1.25rem', width: '2ch' }, children: symbol }), label] }, index))) }));
|
|
838
838
|
};
|
|
839
839
|
|
|
840
840
|
const commonMenuItemStyles = {
|
|
@@ -908,9 +908,9 @@ const MRT_ColumnActionMenu = ({ anchorEl, header, setAnchorEl, table, }) => {
|
|
|
908
908
|
!isSelectFilter &&
|
|
909
909
|
(allowedColumnFilterOptions === undefined ||
|
|
910
910
|
!!(allowedColumnFilterOptions === null || allowedColumnFilterOptions === void 0 ? void 0 : allowedColumnFilterOptions.length));
|
|
911
|
-
return (jsxRuntime.jsxs(Menu__default["default"],
|
|
911
|
+
return (jsxRuntime.jsxs(Menu__default["default"], { anchorEl: anchorEl, open: !!anchorEl, onClose: () => setAnchorEl(null), MenuListProps: {
|
|
912
912
|
dense: density === 'compact',
|
|
913
|
-
}
|
|
913
|
+
}, children: [(_d = (_c = (_b = columnDef.renderColumnActionsMenuItems) === null || _b === void 0 ? void 0 : _b.call(columnDef, {
|
|
914
914
|
closeMenu: () => setAnchorEl(null),
|
|
915
915
|
column,
|
|
916
916
|
table,
|
|
@@ -921,47 +921,47 @@ const MRT_ColumnActionMenu = ({ anchorEl, header, setAnchorEl, table, }) => {
|
|
|
921
921
|
})) !== null && _d !== void 0 ? _d : (enableSorting &&
|
|
922
922
|
column.getCanSort() &&
|
|
923
923
|
[
|
|
924
|
-
enableSortingRemoval !== false && (jsxRuntime.jsx(MenuItem__default["default"],
|
|
925
|
-
jsxRuntime.jsx(MenuItem__default["default"],
|
|
926
|
-
jsxRuntime.jsx(MenuItem__default["default"],
|
|
924
|
+
enableSortingRemoval !== false && (jsxRuntime.jsx(MenuItem__default["default"], { disabled: !column.getIsSorted(), onClick: handleClearSort, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(ClearAllIcon, {}) }), localization.clearSort] }) }, 0)),
|
|
925
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: column.getIsSorted() === 'asc', onClick: handleSortAsc, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(SortIcon, { style: { transform: 'rotate(180deg) scaleX(-1)' } }) }), (_e = localization.sortByColumnAsc) === null || _e === void 0 ? void 0 : _e.replace('{column}', String(columnDef.header))] }) }, 1),
|
|
926
|
+
jsxRuntime.jsx(MenuItem__default["default"], { divider: enableColumnFilters || enableGrouping || enableHiding, disabled: column.getIsSorted() === 'desc', onClick: handleSortDesc, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(SortIcon, {}) }), (_f = localization.sortByColumnDesc) === null || _f === void 0 ? void 0 : _f.replace('{column}', String(columnDef.header))] }) }, 2),
|
|
927
927
|
].filter(Boolean)), enableColumnFilters &&
|
|
928
928
|
column.getCanFilter() &&
|
|
929
929
|
[
|
|
930
|
-
jsxRuntime.jsx(MenuItem__default["default"],
|
|
931
|
-
jsxRuntime.jsxs(MenuItem__default["default"],
|
|
930
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: !column.getFilterValue(), onClick: handleClearFilter, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(FilterListOffIcon, {}) }), localization.clearFilter] }) }, 0),
|
|
931
|
+
jsxRuntime.jsxs(MenuItem__default["default"], { disabled: showColumnFilters && !enableColumnFilterModes, divider: enableGrouping || enableHiding, onClick: showColumnFilters
|
|
932
932
|
? handleOpenFilterModeMenu
|
|
933
|
-
: handleFilterByColumn, sx: commonMenuItemStyles
|
|
933
|
+
: handleFilterByColumn, sx: commonMenuItemStyles, children: [jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(FilterListIcon, {}) }), (_g = localization.filterByColumn) === null || _g === void 0 ? void 0 : _g.replace('{column}', String(columnDef.header))] }), showFilterModeSubMenu && (jsxRuntime.jsx(IconButton__default["default"], { onClick: handleOpenFilterModeMenu, onMouseEnter: handleOpenFilterModeMenu, size: "small", sx: { p: 0 }, children: jsxRuntime.jsx(ArrowRightIcon, {}) }))] }, 1),
|
|
934
934
|
showFilterModeSubMenu && (jsxRuntime.jsx(MRT_FilterOptionMenu, { anchorEl: filterMenuAnchorEl, header: header, onSelect: handleFilterByColumn, setAnchorEl: setFilterMenuAnchorEl, table: table }, 2)),
|
|
935
935
|
].filter(Boolean), enableGrouping &&
|
|
936
936
|
column.getCanGroup() && [
|
|
937
|
-
jsxRuntime.jsx(MenuItem__default["default"],
|
|
937
|
+
jsxRuntime.jsx(MenuItem__default["default"], { divider: enablePinning, onClick: handleGroupByColumn, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(DynamicFeedIcon, {}) }), (_h = localization[column.getIsGrouped() ? 'ungroupByColumn' : 'groupByColumn']) === null || _h === void 0 ? void 0 : _h.replace('{column}', String(columnDef.header))] }) }, 0),
|
|
938
938
|
], enablePinning &&
|
|
939
939
|
column.getCanPin() && [
|
|
940
|
-
jsxRuntime.jsx(MenuItem__default["default"],
|
|
941
|
-
jsxRuntime.jsx(MenuItem__default["default"],
|
|
942
|
-
jsxRuntime.jsx(MenuItem__default["default"],
|
|
940
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: column.getIsPinned() === 'left' || !column.getCanPin(), onClick: () => handlePinColumn('left'), sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(PushPinIcon, { style: { transform: 'rotate(90deg)' } }) }), localization.pinToLeft] }) }, 0),
|
|
941
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: column.getIsPinned() === 'right' || !column.getCanPin(), onClick: () => handlePinColumn('right'), sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(PushPinIcon, { style: { transform: 'rotate(-90deg)' } }) }), localization.pinToRight] }) }, 1),
|
|
942
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: !column.getIsPinned(), divider: enableHiding, onClick: () => handlePinColumn(false), sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(PushPinIcon, {}) }), localization.unpin] }) }, 2),
|
|
943
943
|
], enableColumnResizing &&
|
|
944
944
|
column.getCanResize() && [
|
|
945
|
-
jsxRuntime.jsx(MenuItem__default["default"],
|
|
945
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: !columnSizing[column.id], onClick: handleResetColumnSize, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(RestartAltIcon, {}) }), localization.resetColumnSize] }) }, 0),
|
|
946
946
|
], enableHiding && [
|
|
947
|
-
jsxRuntime.jsx(MenuItem__default["default"],
|
|
948
|
-
jsxRuntime.jsx(MenuItem__default["default"],
|
|
949
|
-
.length, onClick: handleShowAllColumns, sx: commonMenuItemStyles
|
|
950
|
-
]] }))
|
|
947
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: !column.getCanHide(), onClick: handleHideColumn, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(VisibilityOffIcon, {}) }), (_j = localization.hideColumn) === null || _j === void 0 ? void 0 : _j.replace('{column}', String(columnDef.header))] }) }, 0),
|
|
948
|
+
jsxRuntime.jsx(MenuItem__default["default"], { disabled: !Object.values(columnVisibility).filter((visible) => !visible)
|
|
949
|
+
.length, onClick: handleShowAllColumns, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(ViewColumnIcon, {}) }), (_k = localization.showAllColumns) === null || _k === void 0 ? void 0 : _k.replace('{column}', String(columnDef.header))] }) }, 1),
|
|
950
|
+
]] }));
|
|
951
951
|
};
|
|
952
952
|
|
|
953
953
|
const MRT_RowActionMenu = ({ anchorEl, handleEdit, row, setAnchorEl, table, }) => {
|
|
954
954
|
const { getState, options: { icons: { EditIcon }, enableEditing, localization, renderRowActionMenuItems, }, } = table;
|
|
955
955
|
const { density } = getState();
|
|
956
|
-
return (jsxRuntime.jsxs(Menu__default["default"],
|
|
956
|
+
return (jsxRuntime.jsxs(Menu__default["default"], { anchorEl: anchorEl, open: !!anchorEl, onClick: (event) => event.stopPropagation(), onClose: () => setAnchorEl(null), MenuListProps: {
|
|
957
957
|
dense: density === 'compact',
|
|
958
|
-
}
|
|
958
|
+
}, children: [enableEditing instanceof Function
|
|
959
959
|
? enableEditing(row)
|
|
960
|
-
: enableEditing && (jsxRuntime.jsx(MenuItem__default["default"],
|
|
960
|
+
: enableEditing && (jsxRuntime.jsx(MenuItem__default["default"], { onClick: handleEdit, sx: commonMenuItemStyles, children: jsxRuntime.jsxs(Box__default["default"], { sx: commonListItemStyles, children: [jsxRuntime.jsx(ListItemIcon__default["default"], { children: jsxRuntime.jsx(EditIcon, {}) }), localization.edit] }) })), renderRowActionMenuItems === null || renderRowActionMenuItems === void 0 ? void 0 : renderRowActionMenuItems({
|
|
961
961
|
row,
|
|
962
962
|
table,
|
|
963
963
|
closeMenu: () => setAnchorEl(null),
|
|
964
|
-
})] }))
|
|
964
|
+
})] }));
|
|
965
965
|
};
|
|
966
966
|
|
|
967
967
|
const MRT_EditActionButtons = ({ row, table, variant = 'icon', }) => {
|
|
@@ -988,7 +988,7 @@ const MRT_EditActionButtons = ({ row, table, variant = 'icon', }) => {
|
|
|
988
988
|
values: (_b = editingRow === null || editingRow === void 0 ? void 0 : editingRow._valuesCache) !== null && _b !== void 0 ? _b : Object.assign({}, row.original),
|
|
989
989
|
});
|
|
990
990
|
};
|
|
991
|
-
return (jsxRuntime.jsx(Box__default["default"],
|
|
991
|
+
return (jsxRuntime.jsx(Box__default["default"], { onClick: (e) => e.stopPropagation(), sx: { display: 'flex', gap: '0.75rem' }, children: variant === 'icon' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: localization.cancel, children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.cancel, onClick: handleCancel, children: jsxRuntime.jsx(CancelIcon, {}) }) }), jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: localization.save, children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.save, color: "info", onClick: handleSave, children: jsxRuntime.jsx(SaveIcon, {}) }) })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Button__default["default"], { onClick: handleCancel, children: localization.cancel }), jsxRuntime.jsx(Button__default["default"], { onClick: handleSave, variant: "contained", children: localization.save })] })) }));
|
|
992
992
|
};
|
|
993
993
|
|
|
994
994
|
const commonIconButtonStyles = {
|
|
@@ -1018,7 +1018,7 @@ const MRT_ToggleRowActionMenuButton = ({ cell, row, table, }) => {
|
|
|
1018
1018
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderRowActions ? (renderRowActions({ cell, row, table })) : row.id === (editingRow === null || editingRow === void 0 ? void 0 : editingRow.id) && editingMode === 'row' ? (jsxRuntime.jsx(MRT_EditActionButtons, { row: row, table: table })) : !renderRowActionMenuItems &&
|
|
1019
1019
|
(enableEditing instanceof Function
|
|
1020
1020
|
? enableEditing(row)
|
|
1021
|
-
: enableEditing) ? (jsxRuntime.jsx(Tooltip__default["default"],
|
|
1021
|
+
: enableEditing) ? (jsxRuntime.jsx(Tooltip__default["default"], { placement: "right", arrow: true, title: localization.edit, children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.edit, sx: commonIconButtonStyles, onClick: handleStartEditMode, children: jsxRuntime.jsx(EditIcon, {}) }) })) : renderRowActionMenuItems ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, enterDelay: 1000, enterNextDelay: 1000, title: localization.rowActions, children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.rowActions, onClick: handleOpenRowActionMenu, size: "small", sx: commonIconButtonStyles, children: jsxRuntime.jsx(MoreHorizIcon, {}) }) }), jsxRuntime.jsx(MRT_RowActionMenu, { anchorEl: anchorEl, handleEdit: handleStartEditMode, row: row, setAnchorEl: setAnchorEl, table: table })] })) : null }));
|
|
1022
1022
|
};
|
|
1023
1023
|
|
|
1024
1024
|
const MRT_SelectCheckbox = ({ row, selectAll, table }) => {
|
|
@@ -1052,11 +1052,11 @@ const MRT_SelectCheckbox = ({ row, selectAll, table }) => {
|
|
|
1052
1052
|
}, sx: (theme) => (Object.assign({ height: density === 'compact' ? '1.75rem' : '2.5rem', width: density === 'compact' ? '1.75rem' : '2.5rem', m: density !== 'compact' ? '-0.4rem' : undefined }, ((checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.sx) instanceof Function
|
|
1053
1053
|
? checkboxProps.sx(theme)
|
|
1054
1054
|
: checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.sx))), title: undefined });
|
|
1055
|
-
return (jsxRuntime.jsx(Tooltip__default["default"],
|
|
1055
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, enterDelay: 1000, enterNextDelay: 1000, title: (_a = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.title) !== null && _a !== void 0 ? _a : (selectAll
|
|
1056
1056
|
? localization.toggleSelectAll
|
|
1057
|
-
: localization.toggleSelectRow)
|
|
1057
|
+
: localization.toggleSelectRow), children: enableMultiRowSelection === false ? (jsxRuntime.jsx(Radio__default["default"], Object.assign({}, commonProps))) : (jsxRuntime.jsx(Checkbox__default["default"], Object.assign({ indeterminate: selectAll
|
|
1058
1058
|
? table.getIsSomeRowsSelected() && !allRowsSelected
|
|
1059
|
-
: row === null || row === void 0 ? void 0 : row.getIsSomeSelected() }, commonProps))) }))
|
|
1059
|
+
: row === null || row === void 0 ? void 0 : row.getIsSomeSelected() }, commonProps))) }));
|
|
1060
1060
|
};
|
|
1061
1061
|
|
|
1062
1062
|
const MRT_GlobalFilterTextField = ({ table, }) => {
|
|
@@ -1095,15 +1095,15 @@ const MRT_GlobalFilterTextField = ({ table, }) => {
|
|
|
1095
1095
|
}
|
|
1096
1096
|
isMounted.current = true;
|
|
1097
1097
|
}, [globalFilter]);
|
|
1098
|
-
return (jsxRuntime.jsxs(Collapse__default["default"],
|
|
1099
|
-
startAdornment: enableGlobalFilterModes ? (jsxRuntime.jsx(InputAdornment__default["default"],
|
|
1100
|
-
endAdornment: (jsxRuntime.jsx(InputAdornment__default["default"],
|
|
1098
|
+
return (jsxRuntime.jsxs(Collapse__default["default"], { in: showGlobalFilter, orientation: "horizontal", unmountOnExit: true, mountOnEnter: true, children: [jsxRuntime.jsx(TextField__default["default"], Object.assign({ placeholder: localization.search, onChange: handleChange, value: searchValue !== null && searchValue !== void 0 ? searchValue : '', variant: "standard", InputProps: {
|
|
1099
|
+
startAdornment: enableGlobalFilterModes ? (jsxRuntime.jsx(InputAdornment__default["default"], { position: "start", children: jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: localization.changeSearchMode, children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.changeSearchMode, onClick: handleGlobalFilterMenuOpen, size: "small", sx: { height: '1.75rem', width: '1.75rem' }, children: jsxRuntime.jsx(SearchIcon, {}) }) }) })) : (jsxRuntime.jsx(SearchIcon, { style: { marginRight: '4px' } })),
|
|
1100
|
+
endAdornment: (jsxRuntime.jsx(InputAdornment__default["default"], { position: "end", children: jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: (_a = localization.clearSearch) !== null && _a !== void 0 ? _a : '', children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.clearSearch, disabled: !(searchValue === null || searchValue === void 0 ? void 0 : searchValue.length), onClick: handleClear, size: "small", children: jsxRuntime.jsx(CloseIcon, {}) }) }) }) })),
|
|
1101
1101
|
} }, textFieldProps, { inputRef: (inputRef) => {
|
|
1102
1102
|
searchInputRef.current = inputRef;
|
|
1103
1103
|
if (textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.inputRef) {
|
|
1104
1104
|
textFieldProps.inputRef = inputRef;
|
|
1105
1105
|
}
|
|
1106
|
-
} })), jsxRuntime.jsx(MRT_FilterOptionMenu, { anchorEl: anchorEl, setAnchorEl: setAnchorEl, table: table, onSelect: handleClear })] }))
|
|
1106
|
+
} })), jsxRuntime.jsx(MRT_FilterOptionMenu, { anchorEl: anchorEl, setAnchorEl: setAnchorEl, table: table, onSelect: handleClear })] }));
|
|
1107
1107
|
};
|
|
1108
1108
|
|
|
1109
1109
|
const MRT_LinearProgressBar = ({ isTopToolbar, table, }) => {
|
|
@@ -1112,12 +1112,12 @@ const MRT_LinearProgressBar = ({ isTopToolbar, table, }) => {
|
|
|
1112
1112
|
const linearProgressProps = muiLinearProgressProps instanceof Function
|
|
1113
1113
|
? muiLinearProgressProps({ isTopToolbar, table })
|
|
1114
1114
|
: muiLinearProgressProps;
|
|
1115
|
-
return (jsxRuntime.jsx(Collapse__default["default"],
|
|
1115
|
+
return (jsxRuntime.jsx(Collapse__default["default"], { in: isLoading || showProgressBars, mountOnEnter: true, unmountOnExit: true, sx: {
|
|
1116
1116
|
bottom: isTopToolbar ? 0 : undefined,
|
|
1117
1117
|
position: 'absolute',
|
|
1118
1118
|
top: !isTopToolbar ? 0 : undefined,
|
|
1119
1119
|
width: '100%',
|
|
1120
|
-
}
|
|
1120
|
+
}, children: jsxRuntime.jsx(LinearProgress__default["default"], Object.assign({ "aria-label": "Loading", "aria-busy": "true", sx: { position: 'relative' } }, linearProgressProps)) }));
|
|
1121
1121
|
};
|
|
1122
1122
|
|
|
1123
1123
|
const MRT_TablePagination = ({ table, position = 'bottom', }) => {
|
|
@@ -1173,13 +1173,13 @@ const MRT_ToolbarAlertBanner = ({ stackAlertBanner, table, }) => {
|
|
|
1173
1173
|
? (_b = (_a = localization.selectedCountOfRowCountRowsSelected) === null || _a === void 0 ? void 0 : _a.replace('{selectedCount}', getSelectedRowModel().rows.length.toString())) === null || _b === void 0 ? void 0 : _b.replace('{rowCount}', (rowCount !== null && rowCount !== void 0 ? rowCount : getPrePaginationRowModel().rows.length).toString())
|
|
1174
1174
|
: null;
|
|
1175
1175
|
const groupedByMessage = grouping.length > 0 ? (jsxRuntime.jsxs("span", { children: [localization.groupedBy, ' ', grouping.map((columnId, index) => (jsxRuntime.jsxs(react.Fragment, { children: [index > 0 ? localization.thenBy : '', jsxRuntime.jsx(Chip__default["default"], Object.assign({ label: table.getColumn(columnId).columnDef.header, onDelete: () => table.getColumn(columnId).toggleGrouping() }, chipProps))] }, `${index}-${columnId}`)))] })) : null;
|
|
1176
|
-
return (jsxRuntime.jsx(Collapse__default["default"],
|
|
1176
|
+
return (jsxRuntime.jsx(Collapse__default["default"], { in: showAlertBanner || !!selectMessage || !!groupedByMessage, timeout: stackAlertBanner ? 200 : 0, children: jsxRuntime.jsxs(Alert__default["default"], Object.assign({ color: "info", icon: false }, alertProps, { sx: (theme) => (Object.assign({ borderRadius: 0, fontSize: '1rem', left: 0, p: 0, position: 'relative', mb: stackAlertBanner
|
|
1177
1177
|
? 0
|
|
1178
1178
|
: positionToolbarAlertBanner === 'bottom'
|
|
1179
1179
|
? '-1rem'
|
|
1180
1180
|
: undefined, right: 0, top: 0, width: '100%', zIndex: 2 }, ((alertProps === null || alertProps === void 0 ? void 0 : alertProps.sx) instanceof Function
|
|
1181
1181
|
? alertProps.sx(theme)
|
|
1182
|
-
: alertProps === null || alertProps === void 0 ? void 0 : alertProps.sx)))
|
|
1182
|
+
: alertProps === null || alertProps === void 0 ? void 0 : alertProps.sx))), children: [(alertProps === null || alertProps === void 0 ? void 0 : alertProps.title) && jsxRuntime.jsx(AlertTitle__default["default"], { children: alertProps.title }), jsxRuntime.jsxs(Box__default["default"], { sx: { p: '0.5rem 1rem' }, children: [alertProps === null || alertProps === void 0 ? void 0 : alertProps.children, (alertProps === null || alertProps === void 0 ? void 0 : alertProps.children) && (selectMessage || groupedByMessage) && (jsxRuntime.jsx("br", {})), selectMessage, selectMessage && groupedByMessage && jsxRuntime.jsx("br", {}), groupedByMessage] })] })) }));
|
|
1183
1183
|
};
|
|
1184
1184
|
|
|
1185
1185
|
const MRT_FullScreenToggleButton = (_a) => {
|
|
@@ -1190,7 +1190,7 @@ const MRT_FullScreenToggleButton = (_a) => {
|
|
|
1190
1190
|
const handleToggleFullScreen = () => {
|
|
1191
1191
|
setIsFullScreen(!isFullScreen);
|
|
1192
1192
|
};
|
|
1193
|
-
return (jsxRuntime.jsx(Tooltip__default["default"],
|
|
1193
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleFullScreen, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.showHideFilters, onClick: handleToggleFullScreen }, rest, { title: undefined, children: isFullScreen ? jsxRuntime.jsx(FullscreenExitIcon, {}) : jsxRuntime.jsx(FullscreenIcon, {}) })) }));
|
|
1194
1194
|
};
|
|
1195
1195
|
|
|
1196
1196
|
const MRT_ColumnPinningButtons = ({ column, table, }) => {
|
|
@@ -1198,17 +1198,17 @@ const MRT_ColumnPinningButtons = ({ column, table, }) => {
|
|
|
1198
1198
|
const handlePinColumn = (pinDirection) => {
|
|
1199
1199
|
column.pin(pinDirection);
|
|
1200
1200
|
};
|
|
1201
|
-
return (jsxRuntime.jsx(Box__default["default"],
|
|
1201
|
+
return (jsxRuntime.jsx(Box__default["default"], { sx: { minWidth: '70px', textAlign: 'center' }, children: column.getIsPinned() ? (jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: localization.unpin, children: jsxRuntime.jsx(IconButton__default["default"], { onClick: () => handlePinColumn(false), size: "small", children: jsxRuntime.jsx(PushPinIcon, {}) }) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: localization.pinToLeft, children: jsxRuntime.jsx(IconButton__default["default"], { onClick: () => handlePinColumn('left'), size: "small", children: jsxRuntime.jsx(PushPinIcon, { style: {
|
|
1202
1202
|
transform: 'rotate(90deg)',
|
|
1203
|
-
} }) })
|
|
1203
|
+
} }) }) }), jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: localization.pinToRight, children: jsxRuntime.jsx(IconButton__default["default"], { onClick: () => handlePinColumn('right'), size: "small", children: jsxRuntime.jsx(PushPinIcon, { style: {
|
|
1204
1204
|
transform: 'rotate(-90deg)',
|
|
1205
|
-
} }) })
|
|
1205
|
+
} }) }) })] })) }));
|
|
1206
1206
|
};
|
|
1207
1207
|
|
|
1208
1208
|
const MRT_GrabHandleButton = ({ iconButtonProps, onDragEnd, onDragStart, table, }) => {
|
|
1209
1209
|
var _a;
|
|
1210
1210
|
const { options: { icons: { DragHandleIcon }, localization, }, } = table;
|
|
1211
|
-
return (jsxRuntime.jsx(Tooltip__default["default"],
|
|
1211
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, enterDelay: 1000, enterNextDelay: 1000, placement: "top", title: (_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _a !== void 0 ? _a : localization.move, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ disableRipple: true, draggable: "true", size: "small" }, iconButtonProps, { onClick: (e) => {
|
|
1212
1212
|
var _a;
|
|
1213
1213
|
e.stopPropagation();
|
|
1214
1214
|
(_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.onClick) === null || _a === void 0 ? void 0 : _a.call(iconButtonProps, e);
|
|
@@ -1219,7 +1219,7 @@ const MRT_GrabHandleButton = ({ iconButtonProps, onDragEnd, onDragStart, table,
|
|
|
1219
1219
|
cursor: 'grabbing',
|
|
1220
1220
|
} }, ((iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx) instanceof Function
|
|
1221
1221
|
? iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx(theme)
|
|
1222
|
-
: iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx))), title: undefined
|
|
1222
|
+
: iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx))), title: undefined, children: jsxRuntime.jsx(DragHandleIcon, {}) })) }));
|
|
1223
1223
|
};
|
|
1224
1224
|
|
|
1225
1225
|
const MRT_ShowHideColumnsMenuItems = ({ allColumns, hoveredColumn, setHoveredColumn, column, table, }) => {
|
|
@@ -1260,7 +1260,7 @@ const MRT_ShowHideColumnsMenuItems = ({ allColumns, hoveredColumn, setHoveredCol
|
|
|
1260
1260
|
setHoveredColumn(column);
|
|
1261
1261
|
}
|
|
1262
1262
|
};
|
|
1263
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MenuItem__default["default"],
|
|
1263
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MenuItem__default["default"], { disableRipple: true, ref: menuItemRef, onDragEnter: handleDragEnter, sx: (theme) => ({
|
|
1264
1264
|
alignItems: 'center',
|
|
1265
1265
|
justifyContent: 'flex-start',
|
|
1266
1266
|
my: 0,
|
|
@@ -1273,11 +1273,11 @@ const MRT_ShowHideColumnsMenuItems = ({ allColumns, hoveredColumn, setHoveredCol
|
|
|
1273
1273
|
: 'none',
|
|
1274
1274
|
pl: `${(column.depth + 0.5) * 2}rem`,
|
|
1275
1275
|
py: '6px',
|
|
1276
|
-
})
|
|
1276
|
+
}), children: jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
1277
1277
|
display: 'flex',
|
|
1278
1278
|
flexWrap: 'nowrap',
|
|
1279
1279
|
gap: '8px',
|
|
1280
|
-
}
|
|
1280
|
+
}, children: [columnDefType !== 'group' &&
|
|
1281
1281
|
enableColumnOrdering &&
|
|
1282
1282
|
!allColumns.some((col) => col.columnDef.columnDefType === 'group') &&
|
|
1283
1283
|
(columnDef.enableColumnOrdering !== false ? (jsxRuntime.jsx(MRT_GrabHandleButton, { onDragEnd: handleDragEnd, onDragStart: handleDragStart, table: table })) : (jsxRuntime.jsx(Box__default["default"], { sx: { width: '28px' } }))), enablePinning &&
|
|
@@ -1288,7 +1288,7 @@ const MRT_ShowHideColumnsMenuItems = ({ allColumns, hoveredColumn, setHoveredCol
|
|
|
1288
1288
|
opacity: columnDefType !== 'display' ? 1 : 0.5,
|
|
1289
1289
|
},
|
|
1290
1290
|
},
|
|
1291
|
-
}, checked: switchChecked, control: jsxRuntime.jsx(Tooltip__default["default"],
|
|
1291
|
+
}, checked: switchChecked, control: jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, enterDelay: 1000, enterNextDelay: 1000, title: localization.toggleVisibility, children: jsxRuntime.jsx(Switch__default["default"], {}) }), disabled: !column.getCanHide(), label: columnDef.header, onChange: () => handleToggleColumnHidden(column) })) : (jsxRuntime.jsx(Typography__default["default"], { sx: { alignSelf: 'center' }, children: columnDef.header }))] }) }), (_a = column.columns) === null || _a === void 0 ? void 0 : _a.map((c, i) => (jsxRuntime.jsx(MRT_ShowHideColumnsMenuItems, { allColumns: allColumns, column: c, hoveredColumn: hoveredColumn, setHoveredColumn: setHoveredColumn, table: table }, `${i}-${c.id}`)))] }));
|
|
1292
1292
|
};
|
|
1293
1293
|
|
|
1294
1294
|
const MRT_ShowHideColumnsMenu = ({ anchorEl, setAnchorEl, table, }) => {
|
|
@@ -1319,14 +1319,14 @@ const MRT_ShowHideColumnsMenu = ({ anchorEl, setAnchorEl, table, }) => {
|
|
|
1319
1319
|
getRightLeafColumns(),
|
|
1320
1320
|
]);
|
|
1321
1321
|
const [hoveredColumn, setHoveredColumn] = react.useState(null);
|
|
1322
|
-
return (jsxRuntime.jsxs(Menu__default["default"],
|
|
1322
|
+
return (jsxRuntime.jsxs(Menu__default["default"], { anchorEl: anchorEl, open: !!anchorEl, onClose: () => setAnchorEl(null), MenuListProps: {
|
|
1323
1323
|
dense: density === 'compact',
|
|
1324
|
-
}
|
|
1324
|
+
}, children: [jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
1325
1325
|
display: 'flex',
|
|
1326
1326
|
justifyContent: 'space-between',
|
|
1327
1327
|
p: '0.5rem',
|
|
1328
1328
|
pt: 0,
|
|
1329
|
-
}
|
|
1329
|
+
}, children: [enableHiding && (jsxRuntime.jsx(Button__default["default"], { disabled: !getIsSomeColumnsVisible(), onClick: hideAllColumns, children: localization.hideAll })), enableColumnOrdering && (jsxRuntime.jsx(Button__default["default"], { onClick: () => table.setColumnOrder(getDefaultColumnOrderIds(table.options)), children: localization.resetOrder })), enablePinning && (jsxRuntime.jsx(Button__default["default"], { disabled: !getIsSomeColumnsPinned(), onClick: () => table.resetColumnPinning(true), children: localization.unpinAll })), enableHiding && (jsxRuntime.jsx(Button__default["default"], { disabled: getIsAllColumnsVisible(), onClick: () => toggleAllColumnsVisible(true), children: localization.showAll }))] }), jsxRuntime.jsx(Divider__default["default"], {}), allColumns.map((column, index) => (jsxRuntime.jsx(MRT_ShowHideColumnsMenuItems, { allColumns: allColumns, column: column, hoveredColumn: hoveredColumn, setHoveredColumn: setHoveredColumn, table: table }, `${index}-${column.id}`)))] }));
|
|
1330
1330
|
};
|
|
1331
1331
|
|
|
1332
1332
|
const MRT_ShowHideColumnsButton = (_a) => {
|
|
@@ -1337,7 +1337,7 @@ const MRT_ShowHideColumnsButton = (_a) => {
|
|
|
1337
1337
|
const handleClick = (event) => {
|
|
1338
1338
|
setAnchorEl(event.currentTarget);
|
|
1339
1339
|
};
|
|
1340
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip__default["default"],
|
|
1340
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideColumns, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.showHideColumns, onClick: handleClick }, rest, { title: undefined, children: jsxRuntime.jsx(ViewColumnIcon, {}) })) }), anchorEl && (jsxRuntime.jsx(MRT_ShowHideColumnsMenu, { anchorEl: anchorEl, setAnchorEl: setAnchorEl, table: table }))] }));
|
|
1341
1341
|
};
|
|
1342
1342
|
|
|
1343
1343
|
const MRT_ToggleDensePaddingButton = (_a) => {
|
|
@@ -1353,7 +1353,7 @@ const MRT_ToggleDensePaddingButton = (_a) => {
|
|
|
1353
1353
|
: 'comfortable';
|
|
1354
1354
|
setDensity(nextDensity);
|
|
1355
1355
|
};
|
|
1356
|
-
return (jsxRuntime.jsx(Tooltip__default["default"],
|
|
1356
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleDensity, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.toggleDensity, onClick: handleToggleDensePadding }, rest, { title: undefined, children: density === 'compact' ? (jsxRuntime.jsx(DensitySmallIcon, {})) : density === 'comfortable' ? (jsxRuntime.jsx(DensityMediumIcon, {})) : (jsxRuntime.jsx(DensityLargeIcon, {})) })) }));
|
|
1357
1357
|
};
|
|
1358
1358
|
|
|
1359
1359
|
const MRT_ToggleFiltersButton = (_a) => {
|
|
@@ -1364,7 +1364,7 @@ const MRT_ToggleFiltersButton = (_a) => {
|
|
|
1364
1364
|
const handleToggleShowFilters = () => {
|
|
1365
1365
|
setShowColumnFilters(!showColumnFilters);
|
|
1366
1366
|
};
|
|
1367
|
-
return (jsxRuntime.jsx(Tooltip__default["default"],
|
|
1367
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideFilters, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.showHideFilters, onClick: handleToggleShowFilters }, rest, { title: undefined, children: showColumnFilters ? jsxRuntime.jsx(FilterListOffIcon, {}) : jsxRuntime.jsx(FilterListIcon, {}) })) }));
|
|
1368
1368
|
};
|
|
1369
1369
|
|
|
1370
1370
|
const MRT_ToggleGlobalFilterButton = (_a) => {
|
|
@@ -1376,21 +1376,21 @@ const MRT_ToggleGlobalFilterButton = (_a) => {
|
|
|
1376
1376
|
setShowGlobalFilter(!showGlobalFilter);
|
|
1377
1377
|
queueMicrotask(() => { var _a; return (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
|
|
1378
1378
|
};
|
|
1379
|
-
return (jsxRuntime.jsx(Tooltip__default["default"],
|
|
1379
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideSearch, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": (_c = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _c !== void 0 ? _c : localization.showHideSearch, disabled: !!globalFilter, onClick: handleToggleSearch }, rest, { title: undefined, children: showGlobalFilter ? jsxRuntime.jsx(SearchOffIcon, {}) : jsxRuntime.jsx(SearchIcon, {}) })) }));
|
|
1380
1380
|
};
|
|
1381
1381
|
|
|
1382
1382
|
const MRT_ToolbarInternalButtons = ({ table, }) => {
|
|
1383
1383
|
var _a;
|
|
1384
1384
|
const { options: { enableColumnFilters, enableColumnOrdering, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enablePinning, initialState, renderToolbarInternalActions, }, } = table;
|
|
1385
|
-
return (jsxRuntime.jsx(Box__default["default"],
|
|
1385
|
+
return (jsxRuntime.jsx(Box__default["default"], { sx: {
|
|
1386
1386
|
alignItems: 'center',
|
|
1387
1387
|
display: 'flex',
|
|
1388
1388
|
zIndex: 3,
|
|
1389
|
-
}
|
|
1389
|
+
}, children: (_a = renderToolbarInternalActions === null || renderToolbarInternalActions === void 0 ? void 0 : renderToolbarInternalActions({
|
|
1390
1390
|
table,
|
|
1391
1391
|
})) !== null && _a !== void 0 ? _a : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [enableFilters &&
|
|
1392
1392
|
enableGlobalFilter &&
|
|
1393
|
-
!(initialState === null || initialState === void 0 ? void 0 : initialState.showGlobalFilter) && (jsxRuntime.jsx(MRT_ToggleGlobalFilterButton, { table: table })), enableFilters && enableColumnFilters && (jsxRuntime.jsx(MRT_ToggleFiltersButton, { table: table })), (enableHiding || enableColumnOrdering || enablePinning) && (jsxRuntime.jsx(MRT_ShowHideColumnsButton, { table: table })), enableDensityToggle && (jsxRuntime.jsx(MRT_ToggleDensePaddingButton, { table: table })), enableFullScreenToggle && (jsxRuntime.jsx(MRT_FullScreenToggleButton, { table: table }))] })) }))
|
|
1393
|
+
!(initialState === null || initialState === void 0 ? void 0 : initialState.showGlobalFilter) && (jsxRuntime.jsx(MRT_ToggleGlobalFilterButton, { table: table })), enableFilters && enableColumnFilters && (jsxRuntime.jsx(MRT_ToggleFiltersButton, { table: table })), (enableHiding || enableColumnOrdering || enablePinning) && (jsxRuntime.jsx(MRT_ShowHideColumnsButton, { table: table })), enableDensityToggle && (jsxRuntime.jsx(MRT_ToggleDensePaddingButton, { table: table })), enableFullScreenToggle && (jsxRuntime.jsx(MRT_FullScreenToggleButton, { table: table }))] })) }));
|
|
1394
1394
|
};
|
|
1395
1395
|
|
|
1396
1396
|
const MRT_ToolbarDropZone = ({ table, }) => {
|
|
@@ -1409,7 +1409,7 @@ const MRT_ToolbarDropZone = ({ table, }) => {
|
|
|
1409
1409
|
!grouping.includes(draggingColumn.id));
|
|
1410
1410
|
}
|
|
1411
1411
|
}, [enableGrouping, draggingColumn, grouping]);
|
|
1412
|
-
return (jsxRuntime.jsx(Fade__default["default"],
|
|
1412
|
+
return (jsxRuntime.jsx(Fade__default["default"], { in: showToolbarDropZone, children: jsxRuntime.jsx(Box__default["default"], { className: "Mui-ToolbarDropZone", sx: (theme) => ({
|
|
1413
1413
|
alignItems: 'center',
|
|
1414
1414
|
backgroundColor: styles.alpha(theme.palette.info.main, (hoveredColumn === null || hoveredColumn === void 0 ? void 0 : hoveredColumn.id) === 'drop-zone' ? 0.2 : 0.1),
|
|
1415
1415
|
backdropFilter: 'blur(4px)',
|
|
@@ -1421,7 +1421,7 @@ const MRT_ToolbarDropZone = ({ table, }) => {
|
|
|
1421
1421
|
position: 'absolute',
|
|
1422
1422
|
width: '100%',
|
|
1423
1423
|
zIndex: 4,
|
|
1424
|
-
}), onDragEnter: handleDragEnter
|
|
1424
|
+
}), onDragEnter: handleDragEnter, children: jsxRuntime.jsx(Typography__default["default"], { fontStyle: "italic", children: localization.dropToGroupBy.replace('{column}', (_b = (_a = draggingColumn === null || draggingColumn === void 0 ? void 0 : draggingColumn.columnDef) === null || _a === void 0 ? void 0 : _a.header) !== null && _b !== void 0 ? _b : '') }) }) }));
|
|
1425
1425
|
};
|
|
1426
1426
|
|
|
1427
1427
|
const commonToolbarStyles = ({ theme }) => ({
|
|
@@ -1453,7 +1453,7 @@ const MRT_TopToolbar = ({ table, }) => {
|
|
|
1453
1453
|
}
|
|
1454
1454
|
}, sx: (theme) => (Object.assign(Object.assign({ position: isFullScreen ? 'sticky' : undefined, top: isFullScreen ? '0' : undefined }, commonToolbarStyles({ theme })), ((toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx) instanceof Function
|
|
1455
1455
|
? toolbarProps.sx(theme)
|
|
1456
|
-
: toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx)))
|
|
1456
|
+
: toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx))), children: [positionToolbarAlertBanner === 'top' && (jsxRuntime.jsx(MRT_ToolbarAlertBanner, { stackAlertBanner: stackAlertBanner, table: table })), ['both', 'top'].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : '') && (jsxRuntime.jsx(MRT_ToolbarDropZone, { table: table })), jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
1457
1457
|
alignItems: 'flex-start',
|
|
1458
1458
|
boxSizing: 'border-box',
|
|
1459
1459
|
display: 'flex',
|
|
@@ -1463,12 +1463,12 @@ const MRT_TopToolbar = ({ table, }) => {
|
|
|
1463
1463
|
right: 0,
|
|
1464
1464
|
top: 0,
|
|
1465
1465
|
width: '100%',
|
|
1466
|
-
}
|
|
1466
|
+
}, children: [enableGlobalFilter && positionGlobalFilter === 'left' && (jsxRuntime.jsx(MRT_GlobalFilterTextField, { table: table })), (_a = renderTopToolbarCustomActions === null || renderTopToolbarCustomActions === void 0 ? void 0 : renderTopToolbarCustomActions({ table })) !== null && _a !== void 0 ? _a : jsxRuntime.jsx("span", {}), enableToolbarInternalActions ? (jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
1467
1467
|
display: 'flex',
|
|
1468
1468
|
flexWrap: 'wrap-reverse',
|
|
1469
1469
|
justifyContent: 'flex-end',
|
|
1470
|
-
}
|
|
1471
|
-
positionGlobalFilter === 'right' && (jsxRuntime.jsx(MRT_GlobalFilterTextField, { table: table })))] })
|
|
1470
|
+
}, children: [enableGlobalFilter && positionGlobalFilter === 'right' && (jsxRuntime.jsx(MRT_GlobalFilterTextField, { table: table })), jsxRuntime.jsx(MRT_ToolbarInternalButtons, { table: table })] })) : (enableGlobalFilter &&
|
|
1471
|
+
positionGlobalFilter === 'right' && (jsxRuntime.jsx(MRT_GlobalFilterTextField, { table: table })))] }), enablePagination &&
|
|
1472
1472
|
['top', 'both'].includes(positionPagination !== null && positionPagination !== void 0 ? positionPagination : '') && (jsxRuntime.jsx(MRT_TablePagination, { table: table, position: "top" })), jsxRuntime.jsx(MRT_LinearProgressBar, { isTopToolbar: true, table: table })] })));
|
|
1473
1473
|
};
|
|
1474
1474
|
|
|
@@ -1490,21 +1490,21 @@ const MRT_BottomToolbar = ({ table, }) => {
|
|
|
1490
1490
|
}
|
|
1491
1491
|
}, sx: (theme) => (Object.assign(Object.assign(Object.assign({}, commonToolbarStyles({ theme })), { bottom: isFullScreen ? '0' : undefined, boxShadow: `0 1px 2px -1px ${styles.alpha(theme.palette.common.black, 0.1)} inset`, left: 0, position: isFullScreen ? 'fixed' : 'relative', right: 0 }), ((toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx) instanceof Function
|
|
1492
1492
|
? toolbarProps.sx(theme)
|
|
1493
|
-
: toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx)))
|
|
1493
|
+
: toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.sx))), children: [jsxRuntime.jsx(MRT_LinearProgressBar, { isTopToolbar: false, table: table }), positionToolbarAlertBanner === 'bottom' && (jsxRuntime.jsx(MRT_ToolbarAlertBanner, { stackAlertBanner: stackAlertBanner, table: table })), ['both', 'bottom'].includes(positionToolbarDropZone !== null && positionToolbarDropZone !== void 0 ? positionToolbarDropZone : '') && (jsxRuntime.jsx(MRT_ToolbarDropZone, { table: table })), jsxRuntime.jsxs(Box__default["default"], { sx: {
|
|
1494
1494
|
alignItems: 'center',
|
|
1495
1495
|
boxSizing: 'border-box',
|
|
1496
1496
|
display: 'flex',
|
|
1497
1497
|
justifyContent: 'space-between',
|
|
1498
1498
|
p: '0.5rem',
|
|
1499
1499
|
width: '100%',
|
|
1500
|
-
}
|
|
1500
|
+
}, children: [renderBottomToolbarCustomActions ? (renderBottomToolbarCustomActions({ table })) : (jsxRuntime.jsx("span", {})), jsxRuntime.jsx(Box__default["default"], { sx: {
|
|
1501
1501
|
display: 'flex',
|
|
1502
1502
|
justifyContent: 'flex-end',
|
|
1503
1503
|
position: stackAlertBanner ? 'relative' : 'absolute',
|
|
1504
1504
|
right: 0,
|
|
1505
1505
|
top: 0,
|
|
1506
|
-
}
|
|
1507
|
-
['bottom', 'both'].includes(positionPagination !== null && positionPagination !== void 0 ? positionPagination : '') && (jsxRuntime.jsx(MRT_TablePagination, { table: table, position: "bottom" })) })
|
|
1506
|
+
}, children: enablePagination &&
|
|
1507
|
+
['bottom', 'both'].includes(positionPagination !== null && positionPagination !== void 0 ? positionPagination : '') && (jsxRuntime.jsx(MRT_TablePagination, { table: table, position: "bottom" })) })] })] })));
|
|
1508
1508
|
};
|
|
1509
1509
|
|
|
1510
1510
|
const MRT_TableHeadCellColumnActionsButton = ({ header, table, }) => {
|
|
@@ -1528,11 +1528,11 @@ const MRT_TableHeadCellColumnActionsButton = ({ header, table, }) => {
|
|
|
1528
1528
|
})
|
|
1529
1529
|
: columnDef.muiTableHeadCellColumnActionsButtonProps;
|
|
1530
1530
|
const iconButtonProps = Object.assign(Object.assign({}, mTableHeadCellColumnActionsButtonProps), mcTableHeadCellColumnActionsButtonProps);
|
|
1531
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip__default["default"],
|
|
1531
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, enterDelay: 1000, enterNextDelay: 1000, placement: "top", title: (_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _a !== void 0 ? _a : localization.columnActions, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.columnActions, onClick: handleClick, size: "small" }, iconButtonProps, { sx: (theme) => (Object.assign({ height: '2rem', m: '-8px -4px', opacity: 0.5, transform: 'scale(0.85) translateX(-4px)', transition: 'opacity 150ms', width: '2rem', '&:hover': {
|
|
1532
1532
|
opacity: 1,
|
|
1533
1533
|
} }, ((iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx) instanceof Function
|
|
1534
1534
|
? iconButtonProps.sx(theme)
|
|
1535
|
-
: iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx))), title: undefined
|
|
1535
|
+
: iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx))), title: undefined, children: jsxRuntime.jsx(MoreVertIcon, {}) })) }), anchorEl && (jsxRuntime.jsx(MRT_ColumnActionMenu, { anchorEl: anchorEl, header: header, setAnchorEl: setAnchorEl, table: table }))] }));
|
|
1536
1536
|
};
|
|
1537
1537
|
|
|
1538
1538
|
const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
|
|
@@ -1676,16 +1676,16 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
|
|
|
1676
1676
|
}, margin: "none", placeholder: filterChipLabel || isSelectFilter || isMultiSelectFilter
|
|
1677
1677
|
? undefined
|
|
1678
1678
|
: filterPlaceholder, onChange: handleChange, onClick: (e) => e.stopPropagation(), select: isSelectFilter || isMultiSelectFilter, value: filterValue !== null && filterValue !== void 0 ? filterValue : '', variant: "standard", InputProps: {
|
|
1679
|
-
startAdornment: showChangeModeButton ? (jsxRuntime.jsxs(InputAdornment__default["default"],
|
|
1680
|
-
endAdornment: !filterChipLabel && (jsxRuntime.jsx(InputAdornment__default["default"],
|
|
1679
|
+
startAdornment: showChangeModeButton ? (jsxRuntime.jsxs(InputAdornment__default["default"], { position: "start", children: [jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, title: localization.changeFilterMode, children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.changeFilterMode, onClick: handleFilterMenuOpen, size: "small", sx: { height: '1.75rem', width: '1.75rem' }, children: jsxRuntime.jsx(FilterListIcon, {}) }) }) }), filterChipLabel && (jsxRuntime.jsx(Chip__default["default"], { onDelete: handleClearEmptyFilterChip, label: filterChipLabel }))] })) : null,
|
|
1680
|
+
endAdornment: !filterChipLabel && (jsxRuntime.jsx(InputAdornment__default["default"], { position: "end", children: jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, placement: "right", title: (_h = localization.clearFilter) !== null && _h !== void 0 ? _h : '', children: jsxRuntime.jsx("span", { children: jsxRuntime.jsx(IconButton__default["default"], { "aria-label": localization.clearFilter, disabled: !((_j = filterValue === null || filterValue === void 0 ? void 0 : filterValue.toString()) === null || _j === void 0 ? void 0 : _j.length), onClick: handleClear, size: "small", sx: {
|
|
1681
1681
|
height: '1.75rem',
|
|
1682
1682
|
width: '1.75rem',
|
|
1683
|
-
}
|
|
1683
|
+
}, children: jsxRuntime.jsx(CloseIcon, {}) }) }) }) })),
|
|
1684
1684
|
}, SelectProps: {
|
|
1685
1685
|
displayEmpty: true,
|
|
1686
1686
|
multiple: isMultiSelectFilter,
|
|
1687
1687
|
renderValue: isMultiSelectFilter
|
|
1688
|
-
? (selected) => !(selected === null || selected === void 0 ? void 0 : selected.length) ? (jsxRuntime.jsx(Box__default["default"],
|
|
1688
|
+
? (selected) => !(selected === null || selected === void 0 ? void 0 : selected.length) ? (jsxRuntime.jsx(Box__default["default"], { sx: { opacity: 0.5 }, children: filterPlaceholder })) : (jsxRuntime.jsx(Box__default["default"], { sx: { display: 'flex', flexWrap: 'wrap', gap: '2px' }, children: selected === null || selected === void 0 ? void 0 : selected.map((value) => {
|
|
1689
1689
|
var _a;
|
|
1690
1690
|
const selectedValue = (_a = columnDef.filterSelectOptions) === null || _a === void 0 ? void 0 : _a.find((option) => option instanceof Object
|
|
1691
1691
|
? option.value === value
|
|
@@ -1693,7 +1693,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
|
|
|
1693
1693
|
return (jsxRuntime.jsx(Chip__default["default"], { label: selectedValue instanceof Object
|
|
1694
1694
|
? selectedValue.text
|
|
1695
1695
|
: selectedValue }, value));
|
|
1696
|
-
}) }))
|
|
1696
|
+
}) }))
|
|
1697
1697
|
: undefined,
|
|
1698
1698
|
} }, textFieldProps, { inputRef: (inputRef) => {
|
|
1699
1699
|
filterInputRefs.current[`${column.id}-${rangeFilterIndex !== null && rangeFilterIndex !== void 0 ? rangeFilterIndex : 0}`] =
|
|
@@ -1709,7 +1709,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
|
|
|
1709
1709
|
mr: '1.5rem',
|
|
1710
1710
|
} }, ((textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.sx) instanceof Function
|
|
1711
1711
|
? textFieldProps.sx(theme)
|
|
1712
|
-
: textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.sx)))
|
|
1712
|
+
: textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.sx))), children: [(isSelectFilter || isMultiSelectFilter) && (jsxRuntime.jsx(MenuItem__default["default"], { divider: true, disabled: true, hidden: true, value: "", children: jsxRuntime.jsx(Box__default["default"], { sx: { opacity: 0.5 }, children: filterPlaceholder }) })), (_k = textFieldProps.children) !== null && _k !== void 0 ? _k : (_l = columnDef === null || columnDef === void 0 ? void 0 : columnDef.filterSelectOptions) === null || _l === void 0 ? void 0 : _l.map((option) => {
|
|
1713
1713
|
var _a;
|
|
1714
1714
|
let value;
|
|
1715
1715
|
let text;
|
|
@@ -1721,17 +1721,17 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
|
|
|
1721
1721
|
value = option.value;
|
|
1722
1722
|
text = option.text;
|
|
1723
1723
|
}
|
|
1724
|
-
return (jsxRuntime.jsxs(MenuItem__default["default"],
|
|
1724
|
+
return (jsxRuntime.jsxs(MenuItem__default["default"], { sx: {
|
|
1725
1725
|
display: 'flex',
|
|
1726
1726
|
m: 0,
|
|
1727
1727
|
alignItems: 'center',
|
|
1728
1728
|
gap: '0.5rem',
|
|
1729
|
-
}, value: value
|
|
1729
|
+
}, value: value, children: [isMultiSelectFilter && (jsxRuntime.jsx(Checkbox__default["default"], { checked: ((_a = column.getFilterValue()) !== null && _a !== void 0 ? _a : []).includes(value), sx: { mr: '0.5rem' } })), text] }, value));
|
|
1730
1730
|
})] })), jsxRuntime.jsx(MRT_FilterOptionMenu, { anchorEl: anchorEl, header: header, setAnchorEl: setAnchorEl, table: table, setFilterValue: setFilterValue })] }));
|
|
1731
1731
|
};
|
|
1732
1732
|
|
|
1733
1733
|
const MRT_FilterRangeFields = ({ header, table }) => {
|
|
1734
|
-
return (jsxRuntime.jsxs(Box__default["default"],
|
|
1734
|
+
return (jsxRuntime.jsxs(Box__default["default"], { sx: { display: 'grid', gridTemplateColumns: '6fr 6fr', gap: '1rem' }, children: [jsxRuntime.jsx(MRT_FilterTextField, { header: header, rangeFilterIndex: 0, table: table }), jsxRuntime.jsx(MRT_FilterTextField, { header: header, rangeFilterIndex: 1, table: table })] }));
|
|
1735
1735
|
};
|
|
1736
1736
|
|
|
1737
1737
|
const MRT_FilterCheckbox = ({ column, table }) => {
|
|
@@ -1753,7 +1753,7 @@ const MRT_FilterCheckbox = ({ column, table }) => {
|
|
|
1753
1753
|
: columnDef.muiTableHeadCellFilterCheckboxProps;
|
|
1754
1754
|
const checkboxProps = Object.assign(Object.assign({}, mTableHeadCellFilterCheckboxProps), mcTableHeadCellFilterCheckboxProps);
|
|
1755
1755
|
const filterLabel = (_a = localization.filterByColumn) === null || _a === void 0 ? void 0 : _a.replace('{column}', columnDef.header);
|
|
1756
|
-
return (jsxRuntime.jsx(Tooltip__default["default"],
|
|
1756
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, enterDelay: 1000, enterNextDelay: 1000, title: (_b = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.title) !== null && _b !== void 0 ? _b : filterLabel, children: jsxRuntime.jsx(FormControlLabel__default["default"], { control: jsxRuntime.jsx(Checkbox__default["default"], Object.assign({ checked: column.getFilterValue() === 'true', indeterminate: column.getFilterValue() === undefined, color: column.getFilterValue() === undefined ? 'default' : 'primary', size: density === 'compact' ? 'small' : 'medium' }, checkboxProps, { onClick: (e) => {
|
|
1757
1757
|
var _a;
|
|
1758
1758
|
e.stopPropagation();
|
|
1759
1759
|
(_a = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.onClick) === null || _a === void 0 ? void 0 : _a.call(checkboxProps, e);
|
|
@@ -1767,7 +1767,7 @@ const MRT_FilterCheckbox = ({ column, table }) => {
|
|
|
1767
1767
|
(_a = checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.onChange) === null || _a === void 0 ? void 0 : _a.call(checkboxProps, e, checked);
|
|
1768
1768
|
}, sx: (theme) => (Object.assign({ height: '2.5rem', width: '2.5rem' }, ((checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.sx) instanceof Function
|
|
1769
1769
|
? checkboxProps.sx(theme)
|
|
1770
|
-
: checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.sx))) })), disableTypography: true, label: (_c = checkboxProps.title) !== null && _c !== void 0 ? _c : filterLabel, sx: { color: 'text.secondary', mt: '-4px', fontWeight: 'normal' }, title: undefined }) }))
|
|
1770
|
+
: checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.sx))) })), disableTypography: true, label: (_c = checkboxProps.title) !== null && _c !== void 0 ? _c : filterLabel, sx: { color: 'text.secondary', mt: '-4px', fontWeight: 'normal' }, title: undefined }) }));
|
|
1771
1771
|
};
|
|
1772
1772
|
|
|
1773
1773
|
const MRT_TableHeadCellFilterContainer = ({ header, table }) => {
|
|
@@ -1775,8 +1775,8 @@ const MRT_TableHeadCellFilterContainer = ({ header, table }) => {
|
|
|
1775
1775
|
const { showColumnFilters } = getState();
|
|
1776
1776
|
const { column } = header;
|
|
1777
1777
|
const { columnDef } = column;
|
|
1778
|
-
return (jsxRuntime.jsx(Collapse__default["default"],
|
|
1779
|
-
['between', 'betweenInclusive', 'inNumberRange'].includes(columnDef._filterFn) ? (jsxRuntime.jsx(MRT_FilterRangeFields, { header: header, table: table })) : (jsxRuntime.jsx(MRT_FilterTextField, { header: header, table: table })) }))
|
|
1778
|
+
return (jsxRuntime.jsx(Collapse__default["default"], { in: showColumnFilters, mountOnEnter: true, unmountOnExit: true, children: columnDef.filterVariant === 'checkbox' ? (jsxRuntime.jsx(MRT_FilterCheckbox, { column: column, table: table })) : columnDef.filterVariant === 'range' ||
|
|
1779
|
+
['between', 'betweenInclusive', 'inNumberRange'].includes(columnDef._filterFn) ? (jsxRuntime.jsx(MRT_FilterRangeFields, { header: header, table: table })) : (jsxRuntime.jsx(MRT_FilterTextField, { header: header, table: table })) }));
|
|
1780
1780
|
};
|
|
1781
1781
|
|
|
1782
1782
|
const MRT_TableHeadCellFilterLabel = ({ header, table }) => {
|
|
@@ -1797,9 +1797,9 @@ const MRT_TableHeadCellFilterLabel = ({ header, table }) => {
|
|
|
1797
1797
|
? column.getFilterValue().join(`" ${isRangeFilter ? localization.and : localization.or} "`)
|
|
1798
1798
|
: column.getFilterValue()}"`)
|
|
1799
1799
|
.replace('" "', '');
|
|
1800
|
-
return (jsxRuntime.jsx(Grow__default["default"],
|
|
1800
|
+
return (jsxRuntime.jsx(Grow__default["default"], { unmountOnExit: true, in: (!!column.getFilterValue() && !isRangeFilter) ||
|
|
1801
1801
|
(isRangeFilter && // @ts-ignore
|
|
1802
|
-
(!!((_b = column.getFilterValue()) === null || _b === void 0 ? void 0 : _b[0]) || !!((_c = column.getFilterValue()) === null || _c === void 0 ? void 0 : _c[1])))
|
|
1802
|
+
(!!((_b = column.getFilterValue()) === null || _b === void 0 ? void 0 : _b[0]) || !!((_c = column.getFilterValue()) === null || _c === void 0 ? void 0 : _c[1]))), children: jsxRuntime.jsx(Box__default["default"], { component: "span", sx: { flex: '0 0' }, children: jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, placement: "top", title: filterTooltip, children: jsxRuntime.jsx(IconButton__default["default"], { disableRipple: true, onClick: (event) => {
|
|
1803
1803
|
setShowColumnFilters(true);
|
|
1804
1804
|
queueMicrotask(() => {
|
|
1805
1805
|
var _a, _b;
|
|
@@ -1814,7 +1814,7 @@ const MRT_TableHeadCellFilterLabel = ({ header, table }) => {
|
|
|
1814
1814
|
p: '2px',
|
|
1815
1815
|
transform: 'scale(0.66)',
|
|
1816
1816
|
width: '12px',
|
|
1817
|
-
}
|
|
1817
|
+
}, children: jsxRuntime.jsx(FilterAltIcon, {}) }) }) }) }));
|
|
1818
1818
|
};
|
|
1819
1819
|
|
|
1820
1820
|
const MRT_TableHeadCellGrabHandle = ({ column, table, tableHeadCellRef, }) => {
|
|
@@ -1856,7 +1856,7 @@ const MRT_TableHeadCellResizeHandle = ({ header, table }) => {
|
|
|
1856
1856
|
const { getState, options: { columnResizeMode }, setColumnSizingInfo, } = table;
|
|
1857
1857
|
const { density } = getState();
|
|
1858
1858
|
const { column } = header;
|
|
1859
|
-
return (jsxRuntime.jsx(Box__default["default"],
|
|
1859
|
+
return (jsxRuntime.jsx(Box__default["default"], { className: "Mui-TableHeadCell-ResizeHandle-Wrapper", onDoubleClick: () => {
|
|
1860
1860
|
setColumnSizingInfo((old) => (Object.assign(Object.assign({}, old), { isResizingColumn: false })));
|
|
1861
1861
|
column.resetSize();
|
|
1862
1862
|
}, onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), sx: (theme) => ({
|
|
@@ -1873,7 +1873,7 @@ const MRT_TableHeadCellResizeHandle = ({ header, table }) => {
|
|
|
1873
1873
|
transform: column.getIsResizing() && columnResizeMode === 'onEnd'
|
|
1874
1874
|
? `translateX(${(_a = getState().columnSizingInfo.deltaOffset) !== null && _a !== void 0 ? _a : 0}px)`
|
|
1875
1875
|
: undefined,
|
|
1876
|
-
}
|
|
1876
|
+
}, children: jsxRuntime.jsx(Divider__default["default"], { className: "Mui-TableHeadCell-ResizeHandle-Divider", flexItem: true, orientation: "vertical", sx: {
|
|
1877
1877
|
borderRadius: '2px',
|
|
1878
1878
|
borderWidth: '2px',
|
|
1879
1879
|
height: '24px',
|
|
@@ -1883,7 +1883,7 @@ const MRT_TableHeadCellResizeHandle = ({ header, table }) => {
|
|
|
1883
1883
|
: 'all 150ms ease-in-out',
|
|
1884
1884
|
userSelect: 'none',
|
|
1885
1885
|
zIndex: 4,
|
|
1886
|
-
} }) }))
|
|
1886
|
+
} }) }));
|
|
1887
1887
|
};
|
|
1888
1888
|
|
|
1889
1889
|
const MRT_TableHeadCellSortLabel = ({ header, table, tableCellProps, }) => {
|
|
@@ -1896,7 +1896,7 @@ const MRT_TableHeadCellSortLabel = ({ header, table, tableCellProps, }) => {
|
|
|
1896
1896
|
? localization.sortedByColumnDesc.replace('{column}', columnDef.header)
|
|
1897
1897
|
: localization.sortedByColumnAsc.replace('{column}', columnDef.header)
|
|
1898
1898
|
: localization.unsorted;
|
|
1899
|
-
return (jsxRuntime.jsx(Tooltip__default["default"],
|
|
1899
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, placement: "top", title: sortTooltip, children: jsxRuntime.jsx(Badge__default["default"], { badgeContent: sorting.length > 1 ? column.getSortIndex() + 1 : 0, overlap: "circular", children: jsxRuntime.jsx(TableSortLabel__default["default"], { "aria-label": sortTooltip, active: !!column.getIsSorted(), direction: column.getIsSorted()
|
|
1900
1900
|
? column.getIsSorted()
|
|
1901
1901
|
: undefined, sx: {
|
|
1902
1902
|
flex: '0 0',
|
|
@@ -1908,7 +1908,7 @@ const MRT_TableHeadCellSortLabel = ({ header, table, tableCellProps, }) => {
|
|
|
1908
1908
|
var _a;
|
|
1909
1909
|
e.stopPropagation();
|
|
1910
1910
|
(_a = header.column.getToggleSortingHandler()) === null || _a === void 0 ? void 0 : _a(e);
|
|
1911
|
-
} }) })
|
|
1911
|
+
} }) }) }));
|
|
1912
1912
|
};
|
|
1913
1913
|
|
|
1914
1914
|
const MRT_TableHeadCell = ({ header, table }) => {
|
|
@@ -2002,7 +2002,7 @@ const MRT_TableHeadCell = ({ header, table }) => {
|
|
|
2002
2002
|
table,
|
|
2003
2003
|
tableCellProps,
|
|
2004
2004
|
theme,
|
|
2005
|
-
})), draggingBorders))
|
|
2005
|
+
})), draggingBorders)), children: [header.isPlaceholder ? null : (jsxRuntime.jsxs(Box__default["default"], { className: "Mui-TableHeadCell-Content", sx: {
|
|
2006
2006
|
alignItems: 'center',
|
|
2007
2007
|
display: 'flex',
|
|
2008
2008
|
flexDirection: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) === 'right' ? 'row-reverse' : 'row',
|
|
@@ -2013,7 +2013,7 @@ const MRT_TableHeadCell = ({ header, table }) => {
|
|
|
2013
2013
|
: 'flex-start',
|
|
2014
2014
|
position: 'relative',
|
|
2015
2015
|
width: '100%',
|
|
2016
|
-
}
|
|
2016
|
+
}, children: [jsxRuntime.jsxs(Box__default["default"], { className: "Mui-TableHeadCell-Content-Labels", onClick: column.getToggleSortingHandler(), sx: {
|
|
2017
2017
|
alignItems: 'center',
|
|
2018
2018
|
cursor: column.getCanSort() && columnDefType !== 'group'
|
|
2019
2019
|
? 'pointer'
|
|
@@ -2024,7 +2024,7 @@ const MRT_TableHeadCell = ({ header, table }) => {
|
|
|
2024
2024
|
pl: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) === 'center'
|
|
2025
2025
|
? `${headerPL}rem`
|
|
2026
2026
|
: undefined,
|
|
2027
|
-
}
|
|
2027
|
+
}, children: [jsxRuntime.jsx(Box__default["default"], { className: "Mui-TableHeadCell-Content-Wrapper", sx: {
|
|
2028
2028
|
minWidth: `${Math.min((_d = (_c = columnDef.header) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0, 5)}ch`,
|
|
2029
2029
|
overflow: columnDefType === 'data' ? 'hidden' : undefined,
|
|
2030
2030
|
textOverflow: 'ellipsis',
|
|
@@ -2032,9 +2032,9 @@ const MRT_TableHeadCell = ({ header, table }) => {
|
|
|
2032
2032
|
'&:hover': {
|
|
2033
2033
|
textOverflow: 'clip',
|
|
2034
2034
|
},
|
|
2035
|
-
}, title: columnDefType === 'data' ? columnDef.header : undefined
|
|
2035
|
+
}, title: columnDefType === 'data' ? columnDef.header : undefined, children: headerElement }), column.getCanSort() && (jsxRuntime.jsx(MRT_TableHeadCellSortLabel, { header: header, table: table, tableCellProps: tableCellProps })), column.getCanFilter() && (jsxRuntime.jsx(MRT_TableHeadCellFilterLabel, { header: header, table: table }))] }), columnDefType !== 'group' && (jsxRuntime.jsxs(Box__default["default"], { className: "Mui-TableHeadCell-Content-Actions", sx: { whiteSpace: 'nowrap' }, children: [showDragHandle && (jsxRuntime.jsx(MRT_TableHeadCellGrabHandle, { column: column, table: table, tableHeadCellRef: {
|
|
2036
2036
|
current: tableHeadCellRefs.current[column.id],
|
|
2037
|
-
} })), showColumnActions && (jsxRuntime.jsx(MRT_TableHeadCellColumnActionsButton, { header: header, table: table }))] }))
|
|
2037
|
+
} })), showColumnActions && (jsxRuntime.jsx(MRT_TableHeadCellColumnActionsButton, { header: header, table: table }))] })), column.getCanResize() && (jsxRuntime.jsx(MRT_TableHeadCellResizeHandle, { header: header, table: table }))] })), column.getCanFilter() && (jsxRuntime.jsx(MRT_TableHeadCellFilterContainer, { header: header, table: table }))] })));
|
|
2038
2038
|
};
|
|
2039
2039
|
|
|
2040
2040
|
const MRT_TableHeadRow = ({ headerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }) => {
|
|
@@ -2044,7 +2044,7 @@ const MRT_TableHeadRow = ({ headerGroup, table, virtualColumns, virtualPaddingLe
|
|
|
2044
2044
|
: muiTableHeadRowProps;
|
|
2045
2045
|
return (jsxRuntime.jsxs(TableRow__default["default"], Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: styles.lighten(theme.palette.background.default, 0.04), boxShadow: `4px 0 8px ${styles.alpha(theme.palette.common.black, 0.1)}`, display: layoutMode === 'grid' ? 'flex' : 'table-row', top: 0 }, ((tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx) instanceof Function
|
|
2046
2046
|
? tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx(theme)
|
|
2047
|
-
: tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx)))
|
|
2047
|
+
: tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx))), children: [virtualPaddingLeft ? (jsxRuntime.jsx("th", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : headerGroup.headers).map((headerOrVirtualHeader) => {
|
|
2048
2048
|
const header = virtualColumns
|
|
2049
2049
|
? headerGroup.headers[headerOrVirtualHeader.index]
|
|
2050
2050
|
: headerOrVirtualHeader;
|
|
@@ -2061,7 +2061,7 @@ const MRT_TableHead = ({ table, virtualColumns, virtualPaddingLeft, virtualPaddi
|
|
|
2061
2061
|
const stickyHeader = enableStickyHeader || isFullScreen;
|
|
2062
2062
|
return (jsxRuntime.jsx(TableHead__default["default"], Object.assign({}, tableHeadProps, { sx: (theme) => (Object.assign({ display: layoutMode === 'grid' ? 'grid' : 'table-row-group', opacity: 0.97, position: stickyHeader ? 'sticky' : 'relative', top: stickyHeader && layoutMode === 'grid' ? 0 : undefined, zIndex: stickyHeader ? 2 : undefined }, ((tableHeadProps === null || tableHeadProps === void 0 ? void 0 : tableHeadProps.sx) instanceof Function
|
|
2063
2063
|
? tableHeadProps === null || tableHeadProps === void 0 ? void 0 : tableHeadProps.sx(theme)
|
|
2064
|
-
: tableHeadProps === null || tableHeadProps === void 0 ? void 0 : tableHeadProps.sx)))
|
|
2064
|
+
: tableHeadProps === null || tableHeadProps === void 0 ? void 0 : tableHeadProps.sx))), children: getHeaderGroups().map((headerGroup) => (jsxRuntime.jsx(MRT_TableHeadRow, { headerGroup: headerGroup, table: table, virtualColumns: virtualColumns, virtualPaddingLeft: virtualPaddingLeft, virtualPaddingRight: virtualPaddingRight }, headerGroup.id))) })));
|
|
2065
2065
|
};
|
|
2066
2066
|
|
|
2067
2067
|
const MRT_EditCellTextField = ({ cell, showLabel, table, }) => {
|
|
@@ -2126,7 +2126,7 @@ const MRT_EditCellTextField = ({ cell, showLabel, table, }) => {
|
|
|
2126
2126
|
var _a;
|
|
2127
2127
|
e.stopPropagation();
|
|
2128
2128
|
(_a = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.onClick) === null || _a === void 0 ? void 0 : _a.call(textFieldProps, e);
|
|
2129
|
-
}, onBlur: handleBlur, onChange: handleChange, onKeyDown: handleEnterKeyDown
|
|
2129
|
+
}, onBlur: handleBlur, onChange: handleChange, onKeyDown: handleEnterKeyDown, children: (_b = textFieldProps.children) !== null && _b !== void 0 ? _b : (_c = columnDef === null || columnDef === void 0 ? void 0 : columnDef.editSelectOptions) === null || _c === void 0 ? void 0 : _c.map((option) => {
|
|
2130
2130
|
let value;
|
|
2131
2131
|
let text;
|
|
2132
2132
|
if (typeof option !== 'object') {
|
|
@@ -2137,12 +2137,12 @@ const MRT_EditCellTextField = ({ cell, showLabel, table, }) => {
|
|
|
2137
2137
|
value = option.value;
|
|
2138
2138
|
text = option.text;
|
|
2139
2139
|
}
|
|
2140
|
-
return (jsxRuntime.jsx(MenuItem__default["default"],
|
|
2140
|
+
return (jsxRuntime.jsx(MenuItem__default["default"], { sx: {
|
|
2141
2141
|
display: 'flex',
|
|
2142
2142
|
m: 0,
|
|
2143
2143
|
alignItems: 'center',
|
|
2144
2144
|
gap: '0.5rem',
|
|
2145
|
-
}, value: value
|
|
2145
|
+
}, value: value, children: text }, value));
|
|
2146
2146
|
}) })));
|
|
2147
2147
|
};
|
|
2148
2148
|
|
|
@@ -2170,9 +2170,9 @@ const MRT_CopyButton = ({ cell, children, table, }) => {
|
|
|
2170
2170
|
})
|
|
2171
2171
|
: columnDef.muiTableBodyCellCopyButtonProps;
|
|
2172
2172
|
const buttonProps = Object.assign(Object.assign({}, mTableBodyCellCopyButtonProps), mcTableBodyCellCopyButtonProps);
|
|
2173
|
-
return (jsxRuntime.jsx(Tooltip__default["default"],
|
|
2173
|
+
return (jsxRuntime.jsx(Tooltip__default["default"], { arrow: true, enterDelay: 1000, enterNextDelay: 1000, placement: "top", title: (_a = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.title) !== null && _a !== void 0 ? _a : (copied ? localization.copiedToClipboard : localization.clickToCopy), children: jsxRuntime.jsx(Button__default["default"], Object.assign({ onClick: (e) => handleCopy(e, cell.getValue()), size: "small", type: "button", variant: "text" }, buttonProps, { sx: (theme) => (Object.assign({ backgroundColor: 'transparent', border: 'none', color: 'inherit', cursor: 'copy', fontFamily: 'inherit', fontSize: 'inherit', letterSpacing: 'inherit', m: '-0.25rem', minWidth: 'unset', textAlign: 'inherit', textTransform: 'inherit' }, ((buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.sx) instanceof Function
|
|
2174
2174
|
? buttonProps.sx(theme)
|
|
2175
|
-
: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.sx))), title: undefined
|
|
2175
|
+
: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.sx))), title: undefined, children: children })) }));
|
|
2176
2176
|
};
|
|
2177
2177
|
|
|
2178
2178
|
const MRT_TableBodyRowGrabHandle = ({ cell, rowRef, table }) => {
|
|
@@ -2241,7 +2241,7 @@ const MRT_TableBodyCellValue = ({ cell, table }) => {
|
|
|
2241
2241
|
matchExactly: (filterValue ? columnDef._filterFn : globalFilterFn) !== 'fuzzy',
|
|
2242
2242
|
});
|
|
2243
2243
|
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)) {
|
|
2244
|
-
renderedCellValue = (jsxRuntime.jsx("span",
|
|
2244
|
+
renderedCellValue = (jsxRuntime.jsx("span", { "aria-label": renderedCellValue, role: "note", children: (_c = chunks === null || chunks === void 0 ? void 0 : chunks.map(({ key, match, text }) => (jsxRuntime.jsx(Box__default["default"], { "aria-hidden": "true", component: "span", sx: match
|
|
2245
2245
|
? {
|
|
2246
2246
|
backgroundColor: (theme) => theme.palette.mode === 'dark'
|
|
2247
2247
|
? styles.darken(theme.palette.warning.dark, 0.25)
|
|
@@ -2250,7 +2250,7 @@ const MRT_TableBodyCellValue = ({ cell, table }) => {
|
|
|
2250
2250
|
color: (theme) => theme.palette.mode === 'dark' ? 'white' : 'black',
|
|
2251
2251
|
padding: '2px 1px',
|
|
2252
2252
|
}
|
|
2253
|
-
: undefined
|
|
2253
|
+
: undefined, children: text }, key)))) !== null && _c !== void 0 ? _c : renderedCellValue }));
|
|
2254
2254
|
}
|
|
2255
2255
|
}
|
|
2256
2256
|
if (columnDef.Cell && !isGroupedValue) {
|
|
@@ -2389,7 +2389,7 @@ const MRT_TableBodyCell = ({ cell, measureElement, numRows, rowIndex, rowRef, ta
|
|
|
2389
2389
|
table,
|
|
2390
2390
|
theme,
|
|
2391
2391
|
tableCellProps,
|
|
2392
|
-
})), draggingBorders))
|
|
2392
|
+
})), draggingBorders)), children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [cell.getIsPlaceholder() ? ((_b = (_a = columnDef.PlaceholderCell) === null || _a === void 0 ? void 0 : _a.call(columnDef, { cell, column, row, table })) !== null && _b !== void 0 ? _b : null) : isLoading || showSkeletons ? (jsxRuntime.jsx(Skeleton__default["default"], Object.assign({ animation: "wave", height: 20, width: skeletonWidth }, skeletonProps))) : enableRowNumbers &&
|
|
2393
2393
|
rowNumberMode === 'static' &&
|
|
2394
2394
|
column.id === 'mrt-row-numbers' ? (rowIndex + 1) : column.id === 'mrt-row-drag' ? (jsxRuntime.jsx(MRT_TableBodyRowGrabHandle, { cell: cell, rowRef: rowRef, table: table })) : columnDefType === 'display' &&
|
|
2395
2395
|
(column.id === 'mrt-row-select' ||
|
|
@@ -2401,7 +2401,7 @@ const MRT_TableBodyCell = ({ cell, measureElement, numRows, rowIndex, rowRef, ta
|
|
|
2401
2401
|
row,
|
|
2402
2402
|
table,
|
|
2403
2403
|
})) : isEditing ? (jsxRuntime.jsx(MRT_EditCellTextField, { cell: cell, table: table })) : (enableClickToCopy || columnDef.enableClickToCopy) &&
|
|
2404
|
-
columnDef.enableClickToCopy !== false ? (jsxRuntime.jsx(MRT_CopyButton,
|
|
2404
|
+
columnDef.enableClickToCopy !== false ? (jsxRuntime.jsx(MRT_CopyButton, { cell: cell, table: table, children: jsxRuntime.jsx(MRT_TableBodyCellValue, { cell: cell, table: table }) })) : (jsxRuntime.jsx(MRT_TableBodyCellValue, { cell: cell, table: table })), cell.getIsGrouped() && !columnDef.GroupedCell && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [" (", (_d = row.subRows) === null || _d === void 0 ? void 0 : _d.length, ")"] }))] }) })));
|
|
2405
2405
|
};
|
|
2406
2406
|
const Memo_MRT_TableBodyCell = react.memo(MRT_TableBodyCell, (prev, next) => next.cell === prev.cell);
|
|
2407
2407
|
|
|
@@ -2428,11 +2428,11 @@ const MRT_TableDetailPanel = ({ parentRowRef, row, rowIndex, table, virtualRow,
|
|
|
2428
2428
|
: undefined, width: '100%', zIndex: virtualRow ? 2 : undefined }, ((tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx) instanceof Function
|
|
2429
2429
|
? tableRowProps.sx(theme)
|
|
2430
2430
|
: tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx)));
|
|
2431
|
-
}
|
|
2431
|
+
}, children: jsxRuntime.jsx(TableCell__default["default"], Object.assign({ className: "Mui-TableBodyCell-DetailPanel", colSpan: getVisibleLeafColumns().length }, tableCellProps, { sx: (theme) => (Object.assign({ backgroundColor: virtualRow
|
|
2432
2432
|
? styles.lighten(theme.palette.background.default, 0.06)
|
|
2433
2433
|
: undefined, borderBottom: !row.getIsExpanded() ? 'none' : undefined, display: layoutMode === 'grid' ? 'flex' : 'table-cell', pb: row.getIsExpanded() ? '1rem' : 0, pt: row.getIsExpanded() ? '1rem' : 0, transition: 'all 150ms ease-in-out', width: `${table.getTotalSize()}px` }, ((tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx) instanceof Function
|
|
2434
2434
|
? tableCellProps.sx(theme)
|
|
2435
|
-
: tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx)))
|
|
2435
|
+
: tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx))), children: renderDetailPanel && (jsxRuntime.jsx(Collapse__default["default"], { in: row.getIsExpanded(), mountOnEnter: true, unmountOnExit: true, children: !isLoading && renderDetailPanel({ row, table }) })) })) })));
|
|
2436
2436
|
};
|
|
2437
2437
|
|
|
2438
2438
|
const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }) => {
|
|
@@ -2464,13 +2464,12 @@ const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, row, row
|
|
|
2464
2464
|
? tableRowProps.sx(theme)
|
|
2465
2465
|
: tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx))), style: Object.assign({ transform: virtualRow
|
|
2466
2466
|
? `translateY(${virtualRow === null || virtualRow === void 0 ? void 0 : virtualRow.start}px)`
|
|
2467
|
-
: undefined }, tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.style)
|
|
2467
|
+
: undefined }, tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.style), children: [virtualPaddingLeft ? (jsxRuntime.jsx("td", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : row.getVisibleCells()).map((cellOrVirtualCell) => {
|
|
2468
2468
|
const cell = columnVirtualizer
|
|
2469
2469
|
? row.getVisibleCells()[cellOrVirtualCell.index]
|
|
2470
2470
|
: cellOrVirtualCell;
|
|
2471
2471
|
const props = {
|
|
2472
2472
|
cell,
|
|
2473
|
-
key: cell.id,
|
|
2474
2473
|
measureElement: columnVirtualizer === null || columnVirtualizer === void 0 ? void 0 : columnVirtualizer.measureElement,
|
|
2475
2474
|
numRows,
|
|
2476
2475
|
rowIndex,
|
|
@@ -2485,7 +2484,7 @@ const MRT_TableBodyRow = ({ columnVirtualizer, measureElement, numRows, row, row
|
|
|
2485
2484
|
!draggingColumn &&
|
|
2486
2485
|
!draggingRow &&
|
|
2487
2486
|
(editingCell === null || editingCell === void 0 ? void 0 : editingCell.id) !== cell.id &&
|
|
2488
|
-
(editingRow === null || editingRow === void 0 ? void 0 : editingRow.id) !== row.id ? (jsxRuntime.jsx(Memo_MRT_TableBodyCell, Object.assign({}, props))) : (jsxRuntime.jsx(MRT_TableBodyCell, Object.assign({}, props)));
|
|
2487
|
+
(editingRow === null || editingRow === void 0 ? void 0 : editingRow.id) !== row.id ? (jsxRuntime.jsx(Memo_MRT_TableBodyCell, Object.assign({}, props), cell.id)) : (jsxRuntime.jsx(MRT_TableBodyCell, Object.assign({}, props), cell.id));
|
|
2489
2488
|
}), virtualPaddingRight ? (jsxRuntime.jsx("td", { style: { display: 'flex', width: virtualPaddingRight } })) : null] })), renderDetailPanel && !row.getIsGrouped() && (jsxRuntime.jsx(MRT_TableDetailPanel, { parentRowRef: rowRef, row: row, rowIndex: rowIndex, table: table, virtualRow: virtualRow }))] }));
|
|
2490
2489
|
};
|
|
2491
2490
|
const Memo_MRT_TableBodyRow = react.memo(MRT_TableBodyRow, (prev, next) => prev.row === next.row && prev.rowIndex === next.rowIndex);
|
|
@@ -2557,24 +2556,23 @@ const MRT_TableBody = ({ columnVirtualizer, table, virtualColumns, virtualPaddin
|
|
|
2557
2556
|
? `${rowVirtualizer.getTotalSize()}px`
|
|
2558
2557
|
: 'inherit', minHeight: !rows.length ? '100px' : undefined, position: 'relative' }, ((tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx) instanceof Function
|
|
2559
2558
|
? tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx(theme)
|
|
2560
|
-
: tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx)))
|
|
2559
|
+
: tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx))), children: (_a = tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.children) !== null && _a !== void 0 ? _a : (!rows.length ? (jsxRuntime.jsx("tr", { style: { display: layoutMode === 'grid' ? 'grid' : 'table-row' }, children: jsxRuntime.jsx("td", { colSpan: table.getVisibleLeafColumns().length, style: {
|
|
2561
2560
|
display: layoutMode === 'grid' ? 'grid' : 'table-cell',
|
|
2562
|
-
}
|
|
2561
|
+
}, children: (_b = renderEmptyRowsFallback === null || renderEmptyRowsFallback === void 0 ? void 0 : renderEmptyRowsFallback({ table })) !== null && _b !== void 0 ? _b : (jsxRuntime.jsx(Typography__default["default"], { sx: {
|
|
2563
2562
|
color: 'text.secondary',
|
|
2564
2563
|
fontStyle: 'italic',
|
|
2565
2564
|
maxWidth: `min(100vw, ${(_d = (_c = tablePaperRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth) !== null && _d !== void 0 ? _d : 360}px)`,
|
|
2566
2565
|
py: '2rem',
|
|
2567
2566
|
textAlign: 'center',
|
|
2568
2567
|
width: '100%',
|
|
2569
|
-
}
|
|
2568
|
+
}, children: globalFilter || columnFilters.length
|
|
2570
2569
|
? localization.noResultsFound
|
|
2571
|
-
: localization.noRecordsToDisplay }))
|
|
2570
|
+
: localization.noRecordsToDisplay })) }) })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: (virtualRows !== null && virtualRows !== void 0 ? virtualRows : rows).map((rowOrVirtualRow, rowIndex) => {
|
|
2572
2571
|
const row = rowVirtualizer
|
|
2573
2572
|
? rows[rowOrVirtualRow.index]
|
|
2574
2573
|
: rowOrVirtualRow;
|
|
2575
2574
|
const props = {
|
|
2576
2575
|
columnVirtualizer,
|
|
2577
|
-
key: row.id,
|
|
2578
2576
|
measureElement: rowVirtualizer === null || rowVirtualizer === void 0 ? void 0 : rowVirtualizer.measureElement,
|
|
2579
2577
|
numRows: rows.length,
|
|
2580
2578
|
row,
|
|
@@ -2587,7 +2585,7 @@ const MRT_TableBody = ({ columnVirtualizer, table, virtualColumns, virtualPaddin
|
|
|
2587
2585
|
? rowOrVirtualRow
|
|
2588
2586
|
: undefined,
|
|
2589
2587
|
};
|
|
2590
|
-
return memoMode === 'rows' ? (jsxRuntime.jsx(Memo_MRT_TableBodyRow, Object.assign({}, props))) : (jsxRuntime.jsx(MRT_TableBodyRow, Object.assign({}, props)));
|
|
2588
|
+
return memoMode === 'rows' ? (jsxRuntime.jsx(Memo_MRT_TableBodyRow, Object.assign({}, props), row.id)) : (jsxRuntime.jsx(MRT_TableBodyRow, Object.assign({}, props), row.id));
|
|
2591
2589
|
}) }))) })));
|
|
2592
2590
|
};
|
|
2593
2591
|
const Memo_MRT_TableBody = react.memo(MRT_TableBody, (prev, next) => prev.table.options.data === next.table.options.data);
|
|
@@ -2615,7 +2613,7 @@ const MRT_TableFooterCell = ({ footer, table }) => {
|
|
|
2615
2613
|
table,
|
|
2616
2614
|
theme,
|
|
2617
2615
|
tableCellProps,
|
|
2618
|
-
})))
|
|
2616
|
+
}))), children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: footer.isPlaceholder
|
|
2619
2617
|
? null
|
|
2620
2618
|
: (_c = (_b = (columnDef.Footer instanceof Function
|
|
2621
2619
|
? (_a = columnDef.Footer) === null || _a === void 0 ? void 0 : _a.call(columnDef, {
|
|
@@ -2639,7 +2637,7 @@ const MRT_TableFooterRow = ({ footerGroup, table, virtualColumns, virtualPadding
|
|
|
2639
2637
|
: muiTableFooterRowProps;
|
|
2640
2638
|
return (jsxRuntime.jsxs(TableRow__default["default"], Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: styles.lighten(theme.palette.background.default, 0.04), display: layoutMode === 'grid' ? 'flex' : 'table-row', width: '100%' }, ((tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx) instanceof Function
|
|
2641
2639
|
? tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx(theme)
|
|
2642
|
-
: tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx)))
|
|
2640
|
+
: tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx))), children: [virtualPaddingLeft ? (jsxRuntime.jsx("th", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : footerGroup.headers).map((footerOrVirtualFooter) => {
|
|
2643
2641
|
const footer = virtualColumns
|
|
2644
2642
|
? footerGroup.headers[footerOrVirtualFooter.index]
|
|
2645
2643
|
: footerOrVirtualFooter;
|
|
@@ -2660,7 +2658,7 @@ const MRT_TableFooter = ({ table, virtualColumns, virtualPaddingLeft, virtualPad
|
|
|
2660
2658
|
: `1px solid ${theme.palette.grey[700]}`
|
|
2661
2659
|
: undefined, position: stickFooter ? 'sticky' : undefined, zIndex: stickFooter ? 1 : undefined }, ((tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx) instanceof Function
|
|
2662
2660
|
? tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx(theme)
|
|
2663
|
-
: tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx)))
|
|
2661
|
+
: tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx))), children: getFooterGroups().map((footerGroup) => (jsxRuntime.jsx(MRT_TableFooterRow, { footerGroup: footerGroup, table: table, virtualColumns: virtualColumns, virtualPaddingLeft: virtualPaddingLeft, virtualPaddingRight: virtualPaddingRight }, footerGroup.id))) })));
|
|
2664
2662
|
};
|
|
2665
2663
|
|
|
2666
2664
|
const MRT_Table = ({ table }) => {
|
|
@@ -2733,7 +2731,7 @@ const MRT_Table = ({ table }) => {
|
|
|
2733
2731
|
};
|
|
2734
2732
|
return (jsxRuntime.jsxs(Table__default["default"], Object.assign({ stickyHeader: enableStickyHeader || isFullScreen }, tableProps, { sx: (theme) => (Object.assign({ borderCollapse: 'separate', display: layoutMode === 'grid' ? 'grid' : 'table', tableLayout: layoutMode !== 'grid' && enableColumnResizing ? 'fixed' : undefined }, ((tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx) instanceof Function
|
|
2735
2733
|
? tableProps.sx(theme)
|
|
2736
|
-
: tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx))), style: Object.assign(Object.assign({}, columnSizeVars), tableProps === null || tableProps === void 0 ? void 0 : tableProps.style)
|
|
2734
|
+
: tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx))), style: Object.assign(Object.assign({}, columnSizeVars), tableProps === null || tableProps === void 0 ? void 0 : tableProps.style), children: [enableTableHead && jsxRuntime.jsx(MRT_TableHead, Object.assign({}, props)), memoMode === 'table-body' || columnSizingInfo.isResizingColumn ? (jsxRuntime.jsx(Memo_MRT_TableBody, Object.assign({ columnVirtualizer: columnVirtualizer }, props))) : (jsxRuntime.jsx(MRT_TableBody, Object.assign({ columnVirtualizer: columnVirtualizer }, props))), enableTableFooter && jsxRuntime.jsx(MRT_TableFooter, Object.assign({}, props))] })));
|
|
2737
2735
|
};
|
|
2738
2736
|
|
|
2739
2737
|
const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
|
|
@@ -2768,7 +2766,7 @@ const MRT_TableContainer = ({ table }) => {
|
|
|
2768
2766
|
? tableContainerProps.sx(theme)
|
|
2769
2767
|
: tableContainerProps === null || tableContainerProps === void 0 ? void 0 : tableContainerProps.sx))), style: Object.assign({ maxHeight: isFullScreen
|
|
2770
2768
|
? `calc(100vh - ${totalToolbarHeight}px)`
|
|
2771
|
-
: undefined }, tableContainerProps === null || tableContainerProps === void 0 ? void 0 : tableContainerProps.style)
|
|
2769
|
+
: undefined }, tableContainerProps === null || tableContainerProps === void 0 ? void 0 : tableContainerProps.style), children: jsxRuntime.jsx(MRT_Table, { table: table }) })));
|
|
2772
2770
|
};
|
|
2773
2771
|
|
|
2774
2772
|
const MRT_TablePaper = ({ table }) => {
|
|
@@ -2794,7 +2792,7 @@ const MRT_TablePaper = ({ table }) => {
|
|
|
2794
2792
|
padding: 0,
|
|
2795
2793
|
width: '100vw',
|
|
2796
2794
|
}
|
|
2797
|
-
: {}))
|
|
2795
|
+
: {})), children: [enableTopToolbar &&
|
|
2798
2796
|
(renderTopToolbar instanceof Function
|
|
2799
2797
|
? renderTopToolbar({ table })
|
|
2800
2798
|
: renderTopToolbar !== null && renderTopToolbar !== void 0 ? renderTopToolbar : jsxRuntime.jsx(MRT_TopToolbar, { table: table })), jsxRuntime.jsx(MRT_TableContainer, { table: table }), enableBottomToolbar &&
|
|
@@ -2805,15 +2803,15 @@ const MRT_TablePaper = ({ table }) => {
|
|
|
2805
2803
|
|
|
2806
2804
|
const MRT_EditRowModal = ({ open, row, table, }) => {
|
|
2807
2805
|
const { options: { localization }, } = table;
|
|
2808
|
-
return (jsxRuntime.jsxs(Dialog__default["default"],
|
|
2806
|
+
return (jsxRuntime.jsxs(Dialog__default["default"], { open: open, children: [jsxRuntime.jsx(DialogTitle__default["default"], { textAlign: "center", children: localization.edit }), jsxRuntime.jsx(DialogContent__default["default"], { children: jsxRuntime.jsx("form", { onSubmit: (e) => e.preventDefault(), children: jsxRuntime.jsx(Stack__default["default"], { sx: {
|
|
2809
2807
|
gap: '1.5rem',
|
|
2810
2808
|
minWidth: { xs: '300px', sm: '360px', md: '400px' },
|
|
2811
2809
|
pt: '1rem',
|
|
2812
2810
|
width: '100%',
|
|
2813
|
-
}
|
|
2811
|
+
}, children: row
|
|
2814
2812
|
.getAllCells()
|
|
2815
2813
|
.filter((cell) => cell.column.columnDef.columnDefType === 'data')
|
|
2816
|
-
.map((cell) => (jsxRuntime.jsx(MRT_EditCellTextField, { cell: cell, showLabel: true, table: table }, cell.id))) })
|
|
2814
|
+
.map((cell) => (jsxRuntime.jsx(MRT_EditCellTextField, { cell: cell, showLabel: true, table: table }, cell.id))) }) }) }), jsxRuntime.jsx(DialogActions__default["default"], { sx: { p: '1.25rem' }, children: jsxRuntime.jsx(MRT_EditActionButtons, { row: row, table: table, variant: "text" }) })] }));
|
|
2817
2815
|
};
|
|
2818
2816
|
|
|
2819
2817
|
const MRT_TableRoot = (props) => {
|
|
@@ -2988,7 +2986,7 @@ const MRT_TableRoot = (props) => {
|
|
|
2988
2986
|
table.setPageIndex(Math.floor(totalRowCount / pageSize));
|
|
2989
2987
|
}
|
|
2990
2988
|
}, [props.rowCount, table.getPrePaginationRowModel().rows.length]);
|
|
2991
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Dialog__default["default"],
|
|
2989
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Dialog__default["default"], { PaperComponent: Box__default["default"], TransitionComponent: !props.enableRowVirtualization ? Grow__default["default"] : undefined, disablePortal: true, fullScreen: true, keepMounted: false, onClose: () => table.setIsFullScreen(false), open: table.getState().isFullScreen, transitionDuration: 400, children: jsxRuntime.jsx(MRT_TablePaper, { table: table }) }), !table.getState().isFullScreen && (jsxRuntime.jsx(MRT_TablePaper, { table: table })), editingRow && props.editingMode === 'modal' && (jsxRuntime.jsx(MRT_EditRowModal, { row: editingRow, table: table, open: true }))] }));
|
|
2992
2990
|
};
|
|
2993
2991
|
|
|
2994
2992
|
const MaterialReactTable = (_a) => {
|
|
@@ -3042,9 +3040,5 @@ exports.MRT_ToolbarDropZone = MRT_ToolbarDropZone;
|
|
|
3042
3040
|
exports.MRT_ToolbarInternalButtons = MRT_ToolbarInternalButtons;
|
|
3043
3041
|
exports.MRT_TopToolbar = MRT_TopToolbar;
|
|
3044
3042
|
exports.MaterialReactTable = MaterialReactTable;
|
|
3045
|
-
|
|
3046
|
-
/**
|
|
3047
|
-
* @deprecated Use `import { MaterialReactTable } from 'material-react-table';` instead
|
|
3048
|
-
*/
|
|
3049
3043
|
exports["default"] = MaterialReactTable;
|
|
3050
3044
|
//# sourceMappingURL=index.js.map
|