material-react-table 2.11.2 → 2.11.3
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.d.ts +12 -16
- package/dist/index.esm.js +50 -87
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +49 -91
- package/dist/index.js.map +1 -1
- package/package.json +21 -21
- package/src/components/body/MRT_TableBodyCell.tsx +4 -6
- package/src/components/body/MRT_TableBodyCellValue.tsx +5 -4
- package/src/components/body/MRT_TableBodyRow.tsx +5 -7
- package/src/components/body/MRT_TableDetailPanel.tsx +2 -4
- package/src/components/footer/MRT_TableFooterRow.tsx +6 -3
- package/src/components/head/MRT_TableHeadCell.tsx +2 -3
- package/src/components/head/MRT_TableHeadRow.tsx +7 -3
- package/src/components/inputs/MRT_SelectCheckbox.tsx +2 -1
- package/src/components/menus/MRT_CellActionMenu.tsx +1 -5
- package/src/components/menus/MRT_ColumnActionMenu.tsx +1 -5
- package/src/components/menus/MRT_FilterOptionMenu.tsx +1 -5
- package/src/components/menus/MRT_RowActionMenu.tsx +1 -5
- package/src/components/menus/MRT_ShowHideColumnsMenu.tsx +1 -5
- package/src/components/menus/MRT_ShowHideColumnsMenuItems.tsx +3 -2
- package/src/components/table/MRT_TableLoadingOverlay.tsx +8 -8
- package/src/components/table/MRT_TablePaper.tsx +2 -2
- package/src/components/toolbar/MRT_ToolbarAlertBanner.tsx +3 -1
- package/src/hooks/useMRT_TableOptions.ts +4 -0
- package/src/types.ts +15 -13
- package/src/utils/column.utils.ts +0 -48
- package/src/utils/row.utils.ts +2 -1
- package/src/utils/style.utils.ts +24 -26
package/dist/index.d.ts
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import * as react from 'react';
|
3
|
-
import {
|
3
|
+
import { MutableRefObject, Dispatch, SetStateAction, ReactNode, RefObject, ChangeEvent, MouseEvent, DragEventHandler } from 'react';
|
4
4
|
import * as _tanstack_react_table from '@tanstack/react-table';
|
5
5
|
import { Row, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingInfoState, ColumnSizingState, ExpandedState, GroupingState, PaginationState, RowSelectionState, SortingState, Updater, VisibilityState, AccessorFn, DeepKeys, DeepValue, Table, TableState, ColumnDef, Column, Header, HeaderGroup, Cell, AggregationFn, SortingFn, FilterFn, TableOptions, OnChangeFn, Renderable, RowPinningPosition } from '@tanstack/react-table';
|
6
6
|
import { VirtualItem, VirtualizerOptions, Virtualizer } from '@tanstack/react-virtual';
|
@@ -382,12 +382,12 @@ interface MRT_Localization {
|
|
382
382
|
unpinAll: string;
|
383
383
|
}
|
384
384
|
interface MRT_Theme {
|
385
|
-
baseBackgroundColor
|
386
|
-
draggingBorderColor
|
387
|
-
matchHighlightColor
|
388
|
-
menuBackgroundColor
|
389
|
-
pinnedRowBackgroundColor
|
390
|
-
selectedRowBackgroundColor
|
385
|
+
baseBackgroundColor: string;
|
386
|
+
draggingBorderColor: string;
|
387
|
+
matchHighlightColor: string;
|
388
|
+
menuBackgroundColor: string;
|
389
|
+
pinnedRowBackgroundColor: string;
|
390
|
+
selectedRowBackgroundColor: string;
|
391
391
|
}
|
392
392
|
interface MRT_RowModel<TData extends MRT_RowData> {
|
393
393
|
flatRows: MRT_Row<TData>[];
|
@@ -449,9 +449,10 @@ type MRT_TableInstance<TData extends MRT_RowData> = Omit<Table<TData>, 'getAllCo
|
|
449
449
|
setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
|
450
450
|
setShowToolbarDropZone: Dispatch<SetStateAction<boolean>>;
|
451
451
|
};
|
452
|
-
type MRT_DefinedTableOptions<TData extends MRT_RowData> = MRT_TableOptions<TData> & {
|
452
|
+
type MRT_DefinedTableOptions<TData extends MRT_RowData> = Omit<MRT_TableOptions<TData>, 'icons' | 'localization' | 'mrtTheme'> & {
|
453
453
|
icons: MRT_Icons;
|
454
454
|
localization: MRT_Localization;
|
455
|
+
mrtTheme: Required<MRT_Theme>;
|
455
456
|
};
|
456
457
|
type MRT_StatefulTableOptions<TData extends MRT_RowData> = MRT_DefinedTableOptions<TData> & {
|
457
458
|
state: Pick<MRT_TableState<TData>, 'columnFilterFns' | 'columnOrder' | 'columnSizingInfo' | 'creatingRow' | 'density' | 'draggingColumn' | 'draggingRow' | 'editingCell' | 'editingRow' | 'globalFilterFn' | 'grouping' | 'hoveredColumn' | 'hoveredRow' | 'isFullScreen' | 'pagination' | 'showAlertBanner' | 'showColumnFilters' | 'showGlobalFilter' | 'showToolbarDropZone'>;
|
@@ -838,7 +839,7 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
|
|
838
839
|
* @link https://www.material-react-table.com/docs/guides/memoize-components
|
839
840
|
*/
|
840
841
|
memoMode?: 'cells' | 'rows' | 'table-body';
|
841
|
-
mrtTheme?: ((theme: Theme) => MRT_Theme) | MRT_Theme
|
842
|
+
mrtTheme?: ((theme: Theme) => Partial<MRT_Theme>) | Partial<MRT_Theme>;
|
842
843
|
muiBottomToolbarProps?: ((props: {
|
843
844
|
table: MRT_TableInstance<TData>;
|
844
845
|
}) => BoxProps) | BoxProps;
|
@@ -1180,11 +1181,6 @@ declare const prepareColumns: <TData extends MRT_RowData>({ columnDefs, tableOpt
|
|
1180
1181
|
}) => MRT_DefinedColumnDef<TData>[];
|
1181
1182
|
declare const reorderColumn: <TData extends MRT_RowData>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: _tanstack_react_table.ColumnOrderState) => _tanstack_react_table.ColumnOrderState;
|
1182
1183
|
declare const getDefaultColumnFilterFn: <TData extends MRT_RowData>(columnDef: MRT_ColumnDef<TData>) => MRT_FilterOption;
|
1183
|
-
declare const getIsFirstColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
|
1184
|
-
declare const getIsLastColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
|
1185
|
-
declare const getIsLastLeftPinnedColumn: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => boolean;
|
1186
|
-
declare const getIsFirstRightPinnedColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>) => boolean;
|
1187
|
-
declare const getTotalRight: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => number;
|
1188
1184
|
|
1189
1185
|
declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ header, id, size, tableOptions, }: {
|
1190
1186
|
header?: keyof MRT_Localization;
|
@@ -1400,7 +1396,7 @@ declare const getMRT_RowSelectionHandler: <TData extends MRT_RowData>({ row, sta
|
|
1400
1396
|
}) => (event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLTableRowElement>, value?: boolean) => void;
|
1401
1397
|
declare const getMRT_SelectAllHandler: <TData extends MRT_RowData>({ table }: {
|
1402
1398
|
table: MRT_TableInstance<TData>;
|
1403
|
-
}) => (event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>, value?: boolean) => void;
|
1399
|
+
}) => (event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>, value?: boolean, forceAll?: boolean) => void;
|
1404
1400
|
|
1405
1401
|
declare const useMaterialReactTable: <TData extends MRT_RowData>(tableOptions: MRT_TableOptions<TData>) => MRT_TableInstance<TData>;
|
1406
1402
|
|
@@ -1838,4 +1834,4 @@ interface MRT_TopToolbarProps<TData extends MRT_RowData> {
|
|
1838
1834
|
}
|
1839
1835
|
declare const MRT_TopToolbar: <TData extends MRT_RowData>({ table, }: MRT_TopToolbarProps<TData>) => react_jsx_runtime.JSX.Element;
|
1840
1836
|
|
1841
|
-
export { type DropdownOption, type LiteralUnion, MRT_ActionMenuItem, type MRT_ActionMenuItemProps, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_BottomToolbarProps, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnActionMenuProps, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnFiltersState, type MRT_ColumnHelper, type MRT_ColumnOrderState, MRT_ColumnPinningButtons, type MRT_ColumnPinningButtonsProps, type MRT_ColumnPinningState, type MRT_ColumnSizingInfoState, type MRT_ColumnSizingState, type MRT_ColumnVirtualizer, MRT_CopyButton, type MRT_CopyButtonProps, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, type MRT_EditActionButtonsProps, MRT_EditCellTextField, type MRT_EditCellTextFieldProps, MRT_EditRowModal, type MRT_EditRowModalProps, MRT_ExpandAllButton, type MRT_ExpandAllButtonProps, MRT_ExpandButton, type MRT_ExpandButtonProps, type MRT_ExpandedState, MRT_FilterCheckbox, type MRT_FilterCheckboxProps, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, type MRT_FilterOptionMenuProps, MRT_FilterRangeFields, type MRT_FilterRangeFieldsProps, MRT_FilterRangeSlider, type MRT_FilterRangeSliderProps, MRT_FilterTextField, type MRT_FilterTextFieldProps, MRT_GlobalFilterTextField, type MRT_GlobalFilterTextFieldProps, MRT_GrabHandleButton, type MRT_GrabHandleButtonProps, type MRT_GroupColumnDef, type MRT_GroupingState, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_LinearProgressBarProps, type MRT_Localization, type MRT_PaginationState, type MRT_Row, MRT_RowActionMenu, type MRT_RowActionMenuProps, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, type MRT_RowPinButtonProps, type MRT_RowSelectionState, type MRT_RowVirtualizer, MRT_SelectCheckbox, type MRT_SelectCheckboxProps, MRT_ShowHideColumnsButton, type MRT_ShowHideColumnsButtonProps, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_ShowHideColumnsMenuItemsProps, type MRT_ShowHideColumnsMenuProps, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, type MRT_SortingState, type MRT_StatefulTableOptions, MRT_Table, MRT_TableBody, MRT_TableBodyCell, type MRT_TableBodyCellProps, MRT_TableBodyCellValue, type MRT_TableBodyCellValueProps, type MRT_TableBodyProps, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, type MRT_TableBodyRowGrabHandleProps, MRT_TableBodyRowPinButton, type MRT_TableBodyRowPinButtonProps, type MRT_TableBodyRowProps, MRT_TableContainer, type MRT_TableContainerProps, MRT_TableDetailPanel, type MRT_TableDetailPanelProps, MRT_TableFooter, MRT_TableFooterCell, type MRT_TableFooterCellProps, type MRT_TableFooterProps, MRT_TableFooterRow, type MRT_TableFooterRowProps, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, type MRT_TableHeadCellColumnActionsButtonProps, MRT_TableHeadCellFilterContainer, type MRT_TableHeadCellFilterContainerProps, MRT_TableHeadCellFilterLabel, type MRT_TableHeadCellFilterLabelProps, MRT_TableHeadCellGrabHandle, type MRT_TableHeadCellGrabHandleProps, type MRT_TableHeadCellProps, MRT_TableHeadCellResizeHandle, type MRT_TableHeadCellResizeHandleProps, MRT_TableHeadCellSortLabel, type MRT_TableHeadCellSortLabelProps, type MRT_TableHeadProps, MRT_TableHeadRow, type MRT_TableHeadRowProps, type MRT_TableInstance, MRT_TableLoadingOverlay, type MRT_TableLoadingOverlayProps, type MRT_TableOptions, MRT_TablePagination, type MRT_TablePaginationProps, MRT_TablePaper, type MRT_TablePaperProps, type MRT_TableProps, type MRT_TableState, type MRT_Theme, MRT_ToggleDensePaddingButton, type MRT_ToggleDensePaddingButtonProps, MRT_ToggleFiltersButton, type MRT_ToggleFiltersButtonProps, MRT_ToggleFullScreenButton, type MRT_ToggleFullScreenButtonProps, MRT_ToggleGlobalFilterButton, type MRT_ToggleGlobalFilterButtonProps, MRT_ToggleRowActionMenuButton, type MRT_ToggleRowActionMenuButtonProps, MRT_ToolbarAlertBanner, type MRT_ToolbarAlertBannerProps, MRT_ToolbarDropZone, type MRT_ToolbarDropZoneProps, MRT_ToolbarInternalButtons, type MRT_ToolbarInternalButtonsProps, MRT_TopToolbar, type MRT_TopToolbarProps, type MRT_Updater, type MRT_VirtualItem, type MRT_Virtualizer, type MRT_VirtualizerOptions, type MRT_VisibilityState, MaterialReactTable, type MaterialReactTableProps, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, createMRTColumnHelper, createRow, defaultDisplayColumnProps, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds,
|
1837
|
+
export { type DropdownOption, type LiteralUnion, MRT_ActionMenuItem, type MRT_ActionMenuItemProps, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_BottomToolbarProps, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnActionMenuProps, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnFiltersState, type MRT_ColumnHelper, type MRT_ColumnOrderState, MRT_ColumnPinningButtons, type MRT_ColumnPinningButtonsProps, type MRT_ColumnPinningState, type MRT_ColumnSizingInfoState, type MRT_ColumnSizingState, type MRT_ColumnVirtualizer, MRT_CopyButton, type MRT_CopyButtonProps, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, type MRT_EditActionButtonsProps, MRT_EditCellTextField, type MRT_EditCellTextFieldProps, MRT_EditRowModal, type MRT_EditRowModalProps, MRT_ExpandAllButton, type MRT_ExpandAllButtonProps, MRT_ExpandButton, type MRT_ExpandButtonProps, type MRT_ExpandedState, MRT_FilterCheckbox, type MRT_FilterCheckboxProps, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, type MRT_FilterOptionMenuProps, MRT_FilterRangeFields, type MRT_FilterRangeFieldsProps, MRT_FilterRangeSlider, type MRT_FilterRangeSliderProps, MRT_FilterTextField, type MRT_FilterTextFieldProps, MRT_GlobalFilterTextField, type MRT_GlobalFilterTextFieldProps, MRT_GrabHandleButton, type MRT_GrabHandleButtonProps, type MRT_GroupColumnDef, type MRT_GroupingState, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_LinearProgressBarProps, type MRT_Localization, type MRT_PaginationState, type MRT_Row, MRT_RowActionMenu, type MRT_RowActionMenuProps, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, type MRT_RowPinButtonProps, type MRT_RowSelectionState, type MRT_RowVirtualizer, MRT_SelectCheckbox, type MRT_SelectCheckboxProps, MRT_ShowHideColumnsButton, type MRT_ShowHideColumnsButtonProps, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_ShowHideColumnsMenuItemsProps, type MRT_ShowHideColumnsMenuProps, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, type MRT_SortingState, type MRT_StatefulTableOptions, MRT_Table, MRT_TableBody, MRT_TableBodyCell, type MRT_TableBodyCellProps, MRT_TableBodyCellValue, type MRT_TableBodyCellValueProps, type MRT_TableBodyProps, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, type MRT_TableBodyRowGrabHandleProps, MRT_TableBodyRowPinButton, type MRT_TableBodyRowPinButtonProps, type MRT_TableBodyRowProps, MRT_TableContainer, type MRT_TableContainerProps, MRT_TableDetailPanel, type MRT_TableDetailPanelProps, MRT_TableFooter, MRT_TableFooterCell, type MRT_TableFooterCellProps, type MRT_TableFooterProps, MRT_TableFooterRow, type MRT_TableFooterRowProps, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, type MRT_TableHeadCellColumnActionsButtonProps, MRT_TableHeadCellFilterContainer, type MRT_TableHeadCellFilterContainerProps, MRT_TableHeadCellFilterLabel, type MRT_TableHeadCellFilterLabelProps, MRT_TableHeadCellGrabHandle, type MRT_TableHeadCellGrabHandleProps, type MRT_TableHeadCellProps, MRT_TableHeadCellResizeHandle, type MRT_TableHeadCellResizeHandleProps, MRT_TableHeadCellSortLabel, type MRT_TableHeadCellSortLabelProps, type MRT_TableHeadProps, MRT_TableHeadRow, type MRT_TableHeadRowProps, type MRT_TableInstance, MRT_TableLoadingOverlay, type MRT_TableLoadingOverlayProps, type MRT_TableOptions, MRT_TablePagination, type MRT_TablePaginationProps, MRT_TablePaper, type MRT_TablePaperProps, type MRT_TableProps, type MRT_TableState, type MRT_Theme, MRT_ToggleDensePaddingButton, type MRT_ToggleDensePaddingButtonProps, MRT_ToggleFiltersButton, type MRT_ToggleFiltersButtonProps, MRT_ToggleFullScreenButton, type MRT_ToggleFullScreenButtonProps, MRT_ToggleGlobalFilterButton, type MRT_ToggleGlobalFilterButtonProps, MRT_ToggleRowActionMenuButton, type MRT_ToggleRowActionMenuButtonProps, MRT_ToolbarAlertBanner, type MRT_ToolbarAlertBannerProps, MRT_ToolbarDropZone, type MRT_ToolbarDropZoneProps, MRT_ToolbarInternalButtons, type MRT_ToolbarInternalButtonsProps, MRT_TopToolbar, type MRT_TopToolbarProps, type MRT_Updater, type MRT_VirtualItem, type MRT_Virtualizer, type MRT_VirtualizerOptions, type MRT_VisibilityState, MaterialReactTable, type MaterialReactTableProps, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, createMRTColumnHelper, createRow, defaultDisplayColumnProps, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsRankingRows, getIsRowSelected, getLeadingDisplayColumnIds, getMRT_RowSelectionHandler, getMRT_Rows, getMRT_SelectAllHandler, getTrailingDisplayColumnIds, isCellEditable, mrtFilterOptions, openEditingCell, prepareColumns, rankGlobalFuzzy, reorderColumn, showRowActionsColumn, showRowDragColumn, showRowExpandColumn, showRowNumbersColumn, showRowPinningColumn, showRowSelectionColumn, showRowSpacerColumn, useMRT_ColumnVirtualizer, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMaterialReactTable };
|
package/dist/index.esm.js
CHANGED
@@ -169,32 +169,6 @@ const getDefaultColumnFilterFn = (columnDef) => {
|
|
169
169
|
return 'equals';
|
170
170
|
return 'fuzzy';
|
171
171
|
};
|
172
|
-
const getIsFirstColumn = (column, table) => {
|
173
|
-
const leftColumns = table.getLeftVisibleLeafColumns();
|
174
|
-
return leftColumns.length
|
175
|
-
? leftColumns[0].id === column.id
|
176
|
-
: table.getVisibleLeafColumns()[0].id === column.id;
|
177
|
-
};
|
178
|
-
const getIsLastColumn = (column, table) => {
|
179
|
-
const rightColumns = table.getRightVisibleLeafColumns();
|
180
|
-
const columns = table.getVisibleLeafColumns();
|
181
|
-
return rightColumns.length
|
182
|
-
? rightColumns[rightColumns.length - 1].id === column.id
|
183
|
-
: columns[columns.length - 1].id === column.id;
|
184
|
-
};
|
185
|
-
const getIsLastLeftPinnedColumn = (table, column) => {
|
186
|
-
return (column.getIsPinned() === 'left' &&
|
187
|
-
table.getLeftLeafHeaders().length - 1 === column.getPinnedIndex());
|
188
|
-
};
|
189
|
-
const getIsFirstRightPinnedColumn = (column) => {
|
190
|
-
return column.getIsPinned() === 'right' && column.getPinnedIndex() === 0;
|
191
|
-
};
|
192
|
-
const getTotalRight = (table, column) => {
|
193
|
-
return table
|
194
|
-
.getRightLeafHeaders()
|
195
|
-
.slice(column.getPinnedIndex() + 1)
|
196
|
-
.reduce((acc, col) => acc + col.getSize(), 0);
|
197
|
-
};
|
198
172
|
|
199
173
|
const flexRender = flexRender$1;
|
200
174
|
function createMRTColumnHelper() {
|
@@ -461,9 +435,9 @@ const getMRT_RowSelectionHandler = ({ row, staticRowIndex = 0, table, }) => (eve
|
|
461
435
|
});
|
462
436
|
}
|
463
437
|
};
|
464
|
-
const getMRT_SelectAllHandler = ({ table }) => (event, value) => {
|
438
|
+
const getMRT_SelectAllHandler = ({ table }) => (event, value, forceAll) => {
|
465
439
|
const { options: { enableRowPinning, rowPinningDisplayMode, selectAllMode }, refs: { lastSelectedRowId }, } = table;
|
466
|
-
selectAllMode === 'all'
|
440
|
+
selectAllMode === 'all' || forceAll
|
467
441
|
? table.toggleAllRowsSelected(value !== null && value !== void 0 ? value : event.target.checked)
|
468
442
|
: table.toggleAllPageRowsSelected(value !== null && value !== void 0 ? value : event.target.checked);
|
469
443
|
if (enableRowPinning && (rowPinningDisplayMode === null || rowPinningDisplayMode === void 0 ? void 0 : rowPinningDisplayMode.includes('select'))) {
|
@@ -639,15 +613,15 @@ const MRT_EditActionButtons = (_a) => {
|
|
639
613
|
};
|
640
614
|
|
641
615
|
const parseCSSVarId = (id) => id.replace(/[^a-zA-Z0-9]/g, '_');
|
642
|
-
const getMRTTheme = (
|
616
|
+
const getMRTTheme = (mrtTheme, muiTheme) => {
|
643
617
|
var _a;
|
644
|
-
const
|
645
|
-
const baseBackgroundColor = (_a =
|
646
|
-
? lighten(
|
647
|
-
:
|
648
|
-
return Object.assign({ baseBackgroundColor, draggingBorderColor:
|
649
|
-
? darken(
|
650
|
-
: lighten(
|
618
|
+
const mrtThemeOverrides = parseFromValuesOrFunc(mrtTheme, muiTheme);
|
619
|
+
const baseBackgroundColor = (_a = mrtThemeOverrides === null || mrtThemeOverrides === void 0 ? void 0 : mrtThemeOverrides.baseBackgroundColor) !== null && _a !== void 0 ? _a : (muiTheme.palette.mode === 'dark'
|
620
|
+
? lighten(muiTheme.palette.background.default, 0.05)
|
621
|
+
: muiTheme.palette.background.default);
|
622
|
+
return Object.assign({ baseBackgroundColor, draggingBorderColor: muiTheme.palette.primary.main, matchHighlightColor: muiTheme.palette.mode === 'dark'
|
623
|
+
? darken(muiTheme.palette.warning.dark, 0.25)
|
624
|
+
: lighten(muiTheme.palette.warning.light, 0.5), menuBackgroundColor: lighten(baseBackgroundColor, 0.07), pinnedRowBackgroundColor: alpha(muiTheme.palette.primary.main, 0.1), selectedRowBackgroundColor: alpha(muiTheme.palette.primary.main, 0.2) }, mrtThemeOverrides);
|
651
625
|
};
|
652
626
|
const commonCellBeforeAfterStyles = {
|
653
627
|
content: '""',
|
@@ -659,13 +633,14 @@ const commonCellBeforeAfterStyles = {
|
|
659
633
|
zIndex: -1,
|
660
634
|
};
|
661
635
|
const getCommonPinnedCellStyles = ({ column, table, theme, }) => {
|
662
|
-
const { baseBackgroundColor } =
|
636
|
+
const { baseBackgroundColor } = table.options.mrtTheme;
|
637
|
+
const isPinned = column === null || column === void 0 ? void 0 : column.getIsPinned();
|
663
638
|
return {
|
664
639
|
'&[data-pinned="true"]': {
|
665
640
|
'&:before': Object.assign({ backgroundColor: alpha(darken(baseBackgroundColor, theme.palette.mode === 'dark' ? 0.05 : 0.01), 0.97), boxShadow: column
|
666
|
-
?
|
641
|
+
? isPinned === 'left' && column.getIsLastColumn(isPinned)
|
667
642
|
? `-4px 0 4px -4px ${alpha(theme.palette.grey[700], 0.5)} inset`
|
668
|
-
:
|
643
|
+
: isPinned === 'right' && column.getIsFirstColumn(isPinned)
|
669
644
|
? `4px 0 4px -4px ${alpha(theme.palette.grey[700], 0.5)} inset`
|
670
645
|
: undefined
|
671
646
|
: undefined }, commonCellBeforeAfterStyles),
|
@@ -695,7 +670,7 @@ const getCommonMRTCellStyles = ({ column, header, table, tableCellProps, theme,
|
|
695
670
|
? Object.assign(Object.assign({}, getCommonPinnedCellStyles({ column, table, theme })), { left: isColumnPinned === 'left'
|
696
671
|
? `${column.getStart('left')}px`
|
697
672
|
: undefined, opacity: 0.97, position: 'sticky', right: isColumnPinned === 'right'
|
698
|
-
? `${
|
673
|
+
? `${column.getAfter('right')}px`
|
699
674
|
: undefined }) : {};
|
700
675
|
return Object.assign(Object.assign(Object.assign({ backgroundColor: 'inherit', backgroundImage: 'inherit', display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, justifyContent: columnDefType === 'group'
|
701
676
|
? 'center'
|
@@ -712,9 +687,9 @@ const getCommonMRTCellStyles = ({ column, header, table, tableCellProps, theme,
|
|
712
687
|
? 1
|
713
688
|
: 0 }, pinnedStyles), widthStyles), parseFromValuesOrFunc(tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx, theme));
|
714
689
|
};
|
715
|
-
const getCommonToolbarStyles = ({ table,
|
690
|
+
const getCommonToolbarStyles = ({ table, }) => ({
|
716
691
|
alignItems: 'flex-start',
|
717
|
-
backgroundColor:
|
692
|
+
backgroundColor: table.options.mrtTheme.baseBackgroundColor,
|
718
693
|
display: 'grid',
|
719
694
|
flexWrap: 'wrap-reverse',
|
720
695
|
minHeight: '3.5rem',
|
@@ -750,10 +725,8 @@ const MRT_ActionMenuItem = (_a) => {
|
|
750
725
|
|
751
726
|
const MRT_RowActionMenu = (_a) => {
|
752
727
|
var { anchorEl, handleEdit, row, setAnchorEl, staticRowIndex, table } = _a, rest = __rest(_a, ["anchorEl", "handleEdit", "row", "setAnchorEl", "staticRowIndex", "table"]);
|
753
|
-
const { getState, options: { editDisplayMode, enableEditing, icons: { EditIcon }, localization, renderRowActionMenuItems, }, } = table;
|
728
|
+
const { getState, options: { editDisplayMode, enableEditing, icons: { EditIcon }, localization, mrtTheme: { menuBackgroundColor }, renderRowActionMenuItems, }, } = table;
|
754
729
|
const { density } = getState();
|
755
|
-
const theme = useTheme();
|
756
|
-
const { menuBackgroundColor } = getMRTTheme(table, theme);
|
757
730
|
return (jsxs(Menu, Object.assign({ MenuListProps: {
|
758
731
|
dense: density === 'compact',
|
759
732
|
sx: {
|
@@ -1030,6 +1003,7 @@ const MRT_SelectCheckbox = (_a) => {
|
|
1030
1003
|
? parseFromValuesOrFunc(muiSelectAllCheckboxProps, { table })
|
1031
1004
|
: parseFromValuesOrFunc(muiSelectCheckboxProps, {
|
1032
1005
|
row,
|
1006
|
+
staticRowIndex,
|
1033
1007
|
table,
|
1034
1008
|
}))), rest);
|
1035
1009
|
const onSelectionChange = row
|
@@ -1048,7 +1022,7 @@ const MRT_SelectCheckbox = (_a) => {
|
|
1048
1022
|
: localization.toggleSelectRow,
|
1049
1023
|
}, onChange: (event) => {
|
1050
1024
|
event.stopPropagation();
|
1051
|
-
|
1025
|
+
selectAll ? onSelectAllChange(event) : onSelectionChange(event);
|
1052
1026
|
}, size: (density === 'compact' ? 'small' : 'medium') }, checkboxProps), { onClick: (e) => {
|
1053
1027
|
var _a;
|
1054
1028
|
e.stopPropagation();
|
@@ -1226,10 +1200,11 @@ const MRT_DefaultDisplayColumn = {
|
|
1226
1200
|
};
|
1227
1201
|
const useMRT_TableOptions = (_a) => {
|
1228
1202
|
var _b;
|
1229
|
-
var { aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = 'subheader', columnResizeDirection, columnResizeMode = 'onChange', createDisplayMode = 'modal', defaultColumn, defaultDisplayColumn, editDisplayMode = 'modal', enableBatchRowSelection = true, enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableColumnVirtualization, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFacetedValues = false, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableRowVirtualization, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, paginationDisplayMode = 'default', positionActionsColumn = 'first', positionCreatingRow = 'top', positionExpandColumn = 'first', positionGlobalFilter = 'right', positionPagination = 'bottom', positionToolbarAlertBanner = 'top', positionToolbarDropZone = 'top', rowNumberDisplayMode = 'static', rowPinningDisplayMode = 'sticky', selectAllMode = 'page', sortingFns } = _a, rest = __rest(_a, ["aggregationFns", "autoResetExpanded", "columnFilterDisplayMode", "columnResizeDirection", "columnResizeMode", "createDisplayMode", "defaultColumn", "defaultDisplayColumn", "editDisplayMode", "enableBatchRowSelection", "enableBottomToolbar", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnPinning", "enableColumnResizing", "enableColumnVirtualization", "enableDensityToggle", "enableExpandAll", "enableExpanding", "enableFacetedValues", "enableFilterMatchHighlighting", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGlobalFilterRankedResults", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enableMultiSort", "enablePagination", "enableRowPinning", "enableRowSelection", "enableRowVirtualization", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarInternalActions", "enableTopToolbar", "filterFns", "icons", "layoutMode", "localization", "manualFiltering", "manualGrouping", "manualPagination", "manualSorting", "paginationDisplayMode", "positionActionsColumn", "positionCreatingRow", "positionExpandColumn", "positionGlobalFilter", "positionPagination", "positionToolbarAlertBanner", "positionToolbarDropZone", "rowNumberDisplayMode", "rowPinningDisplayMode", "selectAllMode", "sortingFns"]);
|
1203
|
+
var { aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = 'subheader', columnResizeDirection, columnResizeMode = 'onChange', createDisplayMode = 'modal', defaultColumn, defaultDisplayColumn, editDisplayMode = 'modal', enableBatchRowSelection = true, enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableColumnVirtualization, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFacetedValues = false, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableRowVirtualization, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, mrtTheme, paginationDisplayMode = 'default', positionActionsColumn = 'first', positionCreatingRow = 'top', positionExpandColumn = 'first', positionGlobalFilter = 'right', positionPagination = 'bottom', positionToolbarAlertBanner = 'top', positionToolbarDropZone = 'top', rowNumberDisplayMode = 'static', rowPinningDisplayMode = 'sticky', selectAllMode = 'page', sortingFns } = _a, rest = __rest(_a, ["aggregationFns", "autoResetExpanded", "columnFilterDisplayMode", "columnResizeDirection", "columnResizeMode", "createDisplayMode", "defaultColumn", "defaultDisplayColumn", "editDisplayMode", "enableBatchRowSelection", "enableBottomToolbar", "enableColumnActions", "enableColumnFilters", "enableColumnOrdering", "enableColumnPinning", "enableColumnResizing", "enableColumnVirtualization", "enableDensityToggle", "enableExpandAll", "enableExpanding", "enableFacetedValues", "enableFilterMatchHighlighting", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGlobalFilterRankedResults", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enableMultiSort", "enablePagination", "enableRowPinning", "enableRowSelection", "enableRowVirtualization", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarInternalActions", "enableTopToolbar", "filterFns", "icons", "layoutMode", "localization", "manualFiltering", "manualGrouping", "manualPagination", "manualSorting", "mrtTheme", "paginationDisplayMode", "positionActionsColumn", "positionCreatingRow", "positionExpandColumn", "positionGlobalFilter", "positionPagination", "positionToolbarAlertBanner", "positionToolbarDropZone", "rowNumberDisplayMode", "rowPinningDisplayMode", "selectAllMode", "sortingFns"]);
|
1230
1204
|
const theme = useTheme();
|
1231
1205
|
icons = useMemo(() => (Object.assign(Object.assign({}, MRT_Default_Icons), icons)), [icons]);
|
1232
1206
|
localization = useMemo(() => (Object.assign(Object.assign({}, MRT_Localization_EN), localization)), [localization]);
|
1207
|
+
mrtTheme = useMemo(() => getMRTTheme(mrtTheme, theme), [mrtTheme, theme]);
|
1233
1208
|
aggregationFns = useMemo(() => (Object.assign(Object.assign({}, MRT_AggregationFns), aggregationFns)), []);
|
1234
1209
|
filterFns = useMemo(() => (Object.assign(Object.assign({}, MRT_FilterFns), filterFns)), []);
|
1235
1210
|
sortingFns = useMemo(() => (Object.assign(Object.assign({}, MRT_SortingFns), sortingFns)), []);
|
@@ -1314,6 +1289,7 @@ const useMRT_TableOptions = (_a) => {
|
|
1314
1289
|
manualGrouping,
|
1315
1290
|
manualPagination,
|
1316
1291
|
manualSorting,
|
1292
|
+
mrtTheme,
|
1317
1293
|
paginationDisplayMode,
|
1318
1294
|
positionActionsColumn,
|
1319
1295
|
positionCreatingRow,
|
@@ -1730,7 +1706,7 @@ const useMRT_Rows = (table) => {
|
|
1730
1706
|
const allowedTypes = ['string', 'number'];
|
1731
1707
|
const MRT_TableBodyCellValue = ({ cell, rowRef, staticColumnIndex, staticRowIndex, table, }) => {
|
1732
1708
|
var _a, _b, _c;
|
1733
|
-
const { getState, options: { enableFilterMatchHighlighting }, } = table;
|
1709
|
+
const { getState, options: { enableFilterMatchHighlighting, mrtTheme: { matchHighlightColor }, }, } = table;
|
1734
1710
|
const { column, row } = cell;
|
1735
1711
|
const { columnDef } = column;
|
1736
1712
|
const { globalFilter, globalFilterFn } = getState();
|
@@ -1774,7 +1750,7 @@ const MRT_TableBodyCellValue = ({ cell, rowRef, staticColumnIndex, staticRowInde
|
|
1774
1750
|
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)) {
|
1775
1751
|
renderedCellValue = (jsx("span", { "aria-label": renderedCellValue, role: "note", children: (_c = chunks === null || chunks === void 0 ? void 0 : chunks.map(({ key, match, text }) => (jsx(Box, { "aria-hidden": "true", component: "span", sx: match
|
1776
1752
|
? {
|
1777
|
-
backgroundColor:
|
1753
|
+
backgroundColor: matchHighlightColor,
|
1778
1754
|
borderRadius: '2px',
|
1779
1755
|
color: (theme) => theme.palette.mode === 'dark'
|
1780
1756
|
? theme.palette.common.white
|
@@ -1926,7 +1902,7 @@ const MRT_TableBodyCell = (_a) => {
|
|
1926
1902
|
var _b, _c, _d, _e, _f;
|
1927
1903
|
var { cell, numRows, rowRef, staticColumnIndex, staticRowIndex, table } = _a, rest = __rest(_a, ["cell", "numRows", "rowRef", "staticColumnIndex", "staticRowIndex", "table"]);
|
1928
1904
|
const theme = useTheme();
|
1929
|
-
const { getState, options: { columnResizeDirection, columnResizeMode, createDisplayMode, editDisplayMode, enableCellActions, enableClickToCopy, enableColumnOrdering, enableColumnPinning, enableGrouping, layoutMode, muiSkeletonProps, muiTableBodyCellProps, }, setHoveredColumn, } = table;
|
1905
|
+
const { getState, options: { columnResizeDirection, columnResizeMode, createDisplayMode, editDisplayMode, enableCellActions, enableClickToCopy, enableColumnOrdering, enableColumnPinning, enableGrouping, layoutMode, mrtTheme: { draggingBorderColor }, muiSkeletonProps, muiTableBodyCellProps, }, setHoveredColumn, } = table;
|
1930
1906
|
const { actionCell, columnSizingInfo, creatingRow, density, draggingColumn, draggingRow, editingCell, editingRow, hoveredColumn, hoveredRow, isLoading, showSkeletons, } = getState();
|
1931
1907
|
const { column, row } = cell;
|
1932
1908
|
const { columnDef } = column;
|
@@ -1939,7 +1915,6 @@ const MRT_TableBodyCell = (_a) => {
|
|
1939
1915
|
row,
|
1940
1916
|
table,
|
1941
1917
|
});
|
1942
|
-
const { draggingBorderColor } = getMRTTheme(table, theme);
|
1943
1918
|
const [skeletonWidth, setSkeletonWidth] = useState(100);
|
1944
1919
|
useEffect(() => {
|
1945
1920
|
if ((!isLoading && !showSkeletons) || skeletonWidth !== 100)
|
@@ -1954,8 +1929,8 @@ const MRT_TableBodyCell = (_a) => {
|
|
1954
1929
|
const isHoveredColumn = (hoveredColumn === null || hoveredColumn === void 0 ? void 0 : hoveredColumn.id) === column.id;
|
1955
1930
|
const isDraggingRow = (draggingRow === null || draggingRow === void 0 ? void 0 : draggingRow.id) === row.id;
|
1956
1931
|
const isHoveredRow = (hoveredRow === null || hoveredRow === void 0 ? void 0 : hoveredRow.id) === row.id;
|
1957
|
-
const isFirstColumn = getIsFirstColumn(
|
1958
|
-
const isLastColumn = getIsLastColumn(
|
1932
|
+
const isFirstColumn = column.getIsFirstColumn();
|
1933
|
+
const isLastColumn = column.getIsLastColumn();
|
1959
1934
|
const isLastRow = numRows && staticRowIndex === numRows - 1;
|
1960
1935
|
const isResizingColumn = columnSizingInfo.isResizingColumn === column.id;
|
1961
1936
|
const showResizeBorder = isResizingColumn && columnResizeMode === 'onChange';
|
@@ -2087,7 +2062,7 @@ const Memo_MRT_TableBodyCell = memo(MRT_TableBodyCell, (prev, next) => next.cell
|
|
2087
2062
|
|
2088
2063
|
const MRT_TableDetailPanel = (_a) => {
|
2089
2064
|
var { parentRowRef, row, rowVirtualizer, staticRowIndex, table, virtualRow } = _a, rest = __rest(_a, ["parentRowRef", "row", "rowVirtualizer", "staticRowIndex", "table", "virtualRow"]);
|
2090
|
-
const { getState, getVisibleLeafColumns, options: { enableRowVirtualization, layoutMode, muiDetailPanelProps, muiTableBodyRowProps, renderDetailPanel, }, } = table;
|
2065
|
+
const { getState, getVisibleLeafColumns, options: { enableRowVirtualization, layoutMode, mrtTheme: { baseBackgroundColor }, muiDetailPanelProps, muiTableBodyRowProps, renderDetailPanel, }, } = table;
|
2091
2066
|
const { isLoading } = getState();
|
2092
2067
|
const tableRowProps = parseFromValuesOrFunc(muiTableBodyRowProps, {
|
2093
2068
|
isDetailPanel: true,
|
@@ -2112,9 +2087,7 @@ const MRT_TableDetailPanel = (_a) => {
|
|
2112
2087
|
: undefined, transform: virtualRow
|
2113
2088
|
? `translateY(${virtualRow === null || virtualRow === void 0 ? void 0 : virtualRow.start}px)`
|
2114
2089
|
: undefined, width: '100%' }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme)));
|
2115
|
-
}, children: jsx(TableCell, Object.assign({ className: "Mui-TableBodyCell-DetailPanel", colSpan: getVisibleLeafColumns().length }, tableCellProps, { sx: (theme) => (Object.assign({ backgroundColor: virtualRow
|
2116
|
-
? getMRTTheme(table, theme).baseBackgroundColor
|
2117
|
-
: undefined, borderBottom: !row.getIsExpanded() ? 'none' : undefined, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, py: !!DetailPanel && row.getIsExpanded() ? '1rem' : 0, transition: !enableRowVirtualization
|
2090
|
+
}, children: jsx(TableCell, Object.assign({ className: "Mui-TableBodyCell-DetailPanel", colSpan: getVisibleLeafColumns().length }, tableCellProps, { sx: (theme) => (Object.assign({ backgroundColor: virtualRow ? baseBackgroundColor : undefined, borderBottom: !row.getIsExpanded() ? 'none' : undefined, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, py: !!DetailPanel && row.getIsExpanded() ? '1rem' : 0, transition: !enableRowVirtualization
|
2118
2091
|
? 'all 150ms ease-in-out'
|
2119
2092
|
: undefined, width: `100%` }, parseFromValuesOrFunc(tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.sx, theme))), children: enableRowVirtualization ? (row.getIsExpanded() && DetailPanel) : (jsx(Collapse, { in: row.getIsExpanded(), mountOnEnter: true, unmountOnExit: true, children: DetailPanel })) })) })));
|
2120
2093
|
};
|
@@ -2123,7 +2096,7 @@ const MRT_TableBodyRow = (_a) => {
|
|
2123
2096
|
var _b, _c, _d, _f;
|
2124
2097
|
var { columnVirtualizer, numRows, pinnedRowIds, row, rowVirtualizer, staticRowIndex, table, virtualRow } = _a, rest = __rest(_a, ["columnVirtualizer", "numRows", "pinnedRowIds", "row", "rowVirtualizer", "staticRowIndex", "table", "virtualRow"]);
|
2125
2098
|
const theme = useTheme();
|
2126
|
-
const { getState, options: { enableRowOrdering, enableRowPinning, enableStickyFooter, enableStickyHeader, layoutMode, memoMode, muiTableBodyRowProps, renderDetailPanel, rowPinningDisplayMode, }, refs: { tableFooterRef, tableHeadRef }, setHoveredRow, } = table;
|
2099
|
+
const { getState, options: { enableRowOrdering, enableRowPinning, enableStickyFooter, enableStickyHeader, layoutMode, memoMode, mrtTheme: { baseBackgroundColor, pinnedRowBackgroundColor, selectedRowBackgroundColor, }, muiTableBodyRowProps, renderDetailPanel, rowPinningDisplayMode, }, refs: { tableFooterRef, tableHeadRef }, setHoveredRow, } = table;
|
2127
2100
|
const { density, draggingColumn, draggingRow, editingCell, editingRow, hoveredRow, isFullScreen, rowPinning, } = getState();
|
2128
2101
|
const visibleCells = row.getVisibleCells();
|
2129
2102
|
const { virtualColumns, virtualPaddingLeft, virtualPaddingRight } = columnVirtualizer !== null && columnVirtualizer !== void 0 ? columnVirtualizer : {};
|
@@ -2163,7 +2136,6 @@ const MRT_TableBodyRow = (_a) => {
|
|
2163
2136
|
}
|
2164
2137
|
};
|
2165
2138
|
const rowRef = useRef(null);
|
2166
|
-
const { baseBackgroundColor, pinnedRowBackgroundColor, selectedRowBackgroundColor, } = getMRTTheme(table, theme);
|
2167
2139
|
const cellHighlightColor = isRowSelected
|
2168
2140
|
? selectedRowBackgroundColor
|
2169
2141
|
: isRowPinned
|
@@ -2340,7 +2312,7 @@ const MRT_TableFooterCell = (_a) => {
|
|
2340
2312
|
const MRT_TableFooterRow = (_a) => {
|
2341
2313
|
var _b;
|
2342
2314
|
var { columnVirtualizer, footerGroup, table } = _a, rest = __rest(_a, ["columnVirtualizer", "footerGroup", "table"]);
|
2343
|
-
const { options: { layoutMode, muiTableFooterRowProps }, } = table;
|
2315
|
+
const { options: { layoutMode, mrtTheme: { baseBackgroundColor }, muiTableFooterRowProps, }, } = table;
|
2344
2316
|
const { virtualColumns, virtualPaddingLeft, virtualPaddingRight } = columnVirtualizer !== null && columnVirtualizer !== void 0 ? columnVirtualizer : {};
|
2345
2317
|
// if no content in row, skip row
|
2346
2318
|
if (!((_b = footerGroup.headers) === null || _b === void 0 ? void 0 : _b.some((header) => (typeof header.column.columnDef.footer === 'string' &&
|
@@ -2352,7 +2324,7 @@ const MRT_TableFooterRow = (_a) => {
|
|
2352
2324
|
footerGroup,
|
2353
2325
|
table,
|
2354
2326
|
})), rest);
|
2355
|
-
return (jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor:
|
2327
|
+
return (jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: baseBackgroundColor, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, position: 'relative', width: '100%' }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme))), children: [virtualPaddingLeft ? (jsx("th", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : footerGroup.headers).map((footerOrVirtualFooter, staticColumnIndex) => {
|
2356
2328
|
let footer = footerOrVirtualFooter;
|
2357
2329
|
if (columnVirtualizer) {
|
2358
2330
|
staticColumnIndex = footerOrVirtualFooter
|
@@ -2477,7 +2449,7 @@ const rangeVariants = ['range-slider', 'date-range', 'datetime-range', 'range'];
|
|
2477
2449
|
const MRT_FilterOptionMenu = (_a) => {
|
2478
2450
|
var _b, _c, _d, _e;
|
2479
2451
|
var { anchorEl, header, onSelect, setAnchorEl, setFilterValue, table } = _a, rest = __rest(_a, ["anchorEl", "header", "onSelect", "setAnchorEl", "setFilterValue", "table"]);
|
2480
|
-
const { getState, options: { columnFilterModeOptions, globalFilterModeOptions, localization, renderColumnFilterModeMenuItems, renderGlobalFilterModeMenuItems, }, setColumnFilterFns, setGlobalFilterFn, } = table;
|
2452
|
+
const { getState, options: { columnFilterModeOptions, globalFilterModeOptions, localization, mrtTheme: { menuBackgroundColor }, renderColumnFilterModeMenuItems, renderGlobalFilterModeMenuItems, }, setColumnFilterFns, setGlobalFilterFn, } = table;
|
2481
2453
|
const { density, globalFilterFn } = getState();
|
2482
2454
|
const { column } = header !== null && header !== void 0 ? header : {};
|
2483
2455
|
const { columnDef } = column !== null && column !== void 0 ? column : {};
|
@@ -2560,8 +2532,6 @@ const MRT_FilterOptionMenu = (_a) => {
|
|
2560
2532
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect();
|
2561
2533
|
};
|
2562
2534
|
const filterOption = !!header && columnDef ? columnDef._filterFn : globalFilterFn;
|
2563
|
-
const theme = useTheme();
|
2564
|
-
const { menuBackgroundColor } = getMRTTheme(table, theme);
|
2565
2535
|
return (jsx(Menu, Object.assign({ MenuListProps: {
|
2566
2536
|
dense: density === 'compact',
|
2567
2537
|
sx: {
|
@@ -2589,7 +2559,7 @@ const MRT_FilterOptionMenu = (_a) => {
|
|
2589
2559
|
const MRT_ColumnActionMenu = (_a) => {
|
2590
2560
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
2591
2561
|
var { anchorEl, header, setAnchorEl, table } = _a, rest = __rest(_a, ["anchorEl", "header", "setAnchorEl", "table"]);
|
2592
|
-
const { getAllLeafColumns, getState, options: { columnFilterDisplayMode, columnFilterModeOptions, enableColumnFilterModes, enableColumnFilters, enableColumnPinning, enableColumnResizing, enableGrouping, enableHiding, enableSorting, enableSortingRemoval, icons: { ClearAllIcon, DynamicFeedIcon, FilterListIcon, FilterListOffIcon, PushPinIcon, RestartAltIcon, SortIcon, ViewColumnIcon, VisibilityOffIcon, }, localization, renderColumnActionsMenuItems, }, refs: { filterInputRefs }, setColumnFilterFns, setColumnOrder, setColumnSizingInfo, setShowColumnFilters, } = table;
|
2562
|
+
const { getAllLeafColumns, getState, options: { columnFilterDisplayMode, columnFilterModeOptions, enableColumnFilterModes, enableColumnFilters, enableColumnPinning, enableColumnResizing, enableGrouping, enableHiding, enableSorting, enableSortingRemoval, icons: { ClearAllIcon, DynamicFeedIcon, FilterListIcon, FilterListOffIcon, PushPinIcon, RestartAltIcon, SortIcon, ViewColumnIcon, VisibilityOffIcon, }, localization, mrtTheme: { menuBackgroundColor }, renderColumnActionsMenuItems, }, refs: { filterInputRefs }, setColumnFilterFns, setColumnOrder, setColumnSizingInfo, setShowColumnFilters, } = table;
|
2593
2563
|
const { column } = header;
|
2594
2564
|
const { columnDef } = column;
|
2595
2565
|
const { columnSizing, columnVisibility, density, showColumnFilters } = getState();
|
@@ -2701,8 +2671,6 @@ const MRT_ColumnActionMenu = (_a) => {
|
|
2701
2671
|
]
|
2702
2672
|
: []),
|
2703
2673
|
].filter(Boolean);
|
2704
|
-
const theme = useTheme();
|
2705
|
-
const { menuBackgroundColor } = getMRTTheme(table, theme);
|
2706
2674
|
return (jsx(Menu, Object.assign({ MenuListProps: {
|
2707
2675
|
dense: density === 'compact',
|
2708
2676
|
sx: {
|
@@ -3270,7 +3238,7 @@ const MRT_TableHeadCell = (_a) => {
|
|
3270
3238
|
var _b, _c, _d, _f, _g, _h;
|
3271
3239
|
var { columnVirtualizer, header, staticColumnIndex, table } = _a, rest = __rest(_a, ["columnVirtualizer", "header", "staticColumnIndex", "table"]);
|
3272
3240
|
const theme = useTheme();
|
3273
|
-
const { getState, options: { columnFilterDisplayMode, columnResizeDirection, columnResizeMode, enableColumnActions, enableColumnDragging, enableColumnOrdering, enableColumnPinning, enableGrouping, enableMultiSort, layoutMode, muiTableHeadCellProps, }, refs: { tableHeadCellRefs }, setHoveredColumn, } = table;
|
3241
|
+
const { getState, options: { columnFilterDisplayMode, columnResizeDirection, columnResizeMode, enableColumnActions, enableColumnDragging, enableColumnOrdering, enableColumnPinning, enableGrouping, enableMultiSort, layoutMode, mrtTheme: { draggingBorderColor }, muiTableHeadCellProps, }, refs: { tableHeadCellRefs }, setHoveredColumn, } = table;
|
3274
3242
|
const { columnSizingInfo, density, draggingColumn, grouping, hoveredColumn, showColumnFilters, } = getState();
|
3275
3243
|
const { column } = header;
|
3276
3244
|
const { columnDef } = column;
|
@@ -3279,7 +3247,6 @@ const MRT_TableHeadCell = (_a) => {
|
|
3279
3247
|
column,
|
3280
3248
|
table,
|
3281
3249
|
})), rest);
|
3282
|
-
const { draggingBorderColor } = getMRTTheme(table, theme);
|
3283
3250
|
const isColumnPinned = enableColumnPinning &&
|
3284
3251
|
columnDef.columnDefType !== 'group' &&
|
3285
3252
|
column.getIsPinned();
|
@@ -3422,13 +3389,13 @@ const MRT_TableHeadCell = (_a) => {
|
|
3422
3389
|
|
3423
3390
|
const MRT_TableHeadRow = (_a) => {
|
3424
3391
|
var { columnVirtualizer, headerGroup, table } = _a, rest = __rest(_a, ["columnVirtualizer", "headerGroup", "table"]);
|
3425
|
-
const { options: { enableStickyHeader, layoutMode, muiTableHeadRowProps }, } = table;
|
3392
|
+
const { options: { enableStickyHeader, layoutMode, mrtTheme: { baseBackgroundColor }, muiTableHeadRowProps, }, } = table;
|
3426
3393
|
const { virtualColumns, virtualPaddingLeft, virtualPaddingRight } = columnVirtualizer !== null && columnVirtualizer !== void 0 ? columnVirtualizer : {};
|
3427
3394
|
const tableRowProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTableHeadRowProps, {
|
3428
3395
|
headerGroup,
|
3429
3396
|
table,
|
3430
3397
|
})), rest);
|
3431
|
-
return (jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor:
|
3398
|
+
return (jsxs(TableRow, Object.assign({}, tableRowProps, { sx: (theme) => (Object.assign({ backgroundColor: baseBackgroundColor, boxShadow: `4px 0 8px ${alpha(theme.palette.common.black, 0.1)}`, display: (layoutMode === null || layoutMode === void 0 ? void 0 : layoutMode.startsWith('grid')) ? 'flex' : undefined, position: enableStickyHeader && layoutMode === 'semantic'
|
3432
3399
|
? 'sticky'
|
3433
3400
|
: 'relative', top: 0 }, parseFromValuesOrFunc(tableRowProps === null || tableRowProps === void 0 ? void 0 : tableRowProps.sx, theme))), children: [virtualPaddingLeft ? (jsx("th", { style: { display: 'flex', width: virtualPaddingLeft } })) : null, (virtualColumns !== null && virtualColumns !== void 0 ? virtualColumns : headerGroup.headers).map((headerOrVirtualHeader, staticColumnIndex) => {
|
3434
3401
|
let header = headerOrVirtualHeader;
|
@@ -3456,7 +3423,7 @@ const MRT_ToolbarAlertBanner = (_a) => {
|
|
3456
3423
|
const selectedRowCount = useMemo(() => manualPagination
|
3457
3424
|
? Object.values(rowSelection).filter(Boolean).length
|
3458
3425
|
: getFilteredSelectedRowModel().rows.length, [rowSelection, totalRowCount, manualPagination]);
|
3459
|
-
const selectedAlert = selectedRowCount > 0 ? (jsxs(Stack, { alignItems: "center", direction: "row", gap: "16px", children: [(_c = (_b = localization.selectedCountOfRowCountRowsSelected) === null || _b === void 0 ? void 0 : _b.replace('{selectedCount}', selectedRowCount.toLocaleString())) === null || _c === void 0 ? void 0 : _c.replace('{rowCount}', totalRowCount.toString()), jsx(Button, { onClick: (event) => getMRT_SelectAllHandler({ table })(event, false), size: "small", sx: { p: '2px' }, children: localization.clearSelection })] })) : null;
|
3426
|
+
const selectedAlert = selectedRowCount > 0 ? (jsxs(Stack, { alignItems: "center", direction: "row", gap: "16px", children: [(_c = (_b = localization.selectedCountOfRowCountRowsSelected) === null || _b === void 0 ? void 0 : _b.replace('{selectedCount}', selectedRowCount.toLocaleString())) === null || _c === void 0 ? void 0 : _c.replace('{rowCount}', totalRowCount.toString()), jsx(Button, { onClick: (event) => getMRT_SelectAllHandler({ table })(event, false, true), size: "small", sx: { p: '2px' }, children: localization.clearSelection })] })) : null;
|
3460
3427
|
const groupedAlert = grouping.length > 0 ? (jsxs("span", { children: [localization.groupedBy, ' ', grouping.map((columnId, index) => (jsxs(Fragment$1, { children: [index > 0 ? localization.thenBy : '', jsx(Chip, Object.assign({ label: table.getColumn(columnId).columnDef.header, onDelete: () => table.getColumn(columnId).toggleGrouping() }, chipProps))] }, `${index}-${columnId}`)))] })) : null;
|
3461
3428
|
return (jsx(Collapse, { in: showAlertBanner || !!selectedAlert || !!groupedAlert, timeout: stackAlertBanner ? 200 : 0, children: jsx(Alert, Object.assign({ color: "info", icon: false }, alertProps, { sx: (theme) => {
|
3462
3429
|
var _a, _b;
|
@@ -3534,11 +3501,11 @@ const MRT_Table = (_a) => {
|
|
3534
3501
|
const MRT_TableLoadingOverlay = (_a) => {
|
3535
3502
|
var _b;
|
3536
3503
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
3537
|
-
const { options: { localization, muiCircularProgressProps }, } = table;
|
3504
|
+
const { options: { localization, mrtTheme: { baseBackgroundColor }, muiCircularProgressProps, }, } = table;
|
3538
3505
|
const circularProgressProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiCircularProgressProps, { table })), rest);
|
3539
|
-
return (jsx(Box, { sx:
|
3506
|
+
return (jsx(Box, { sx: {
|
3540
3507
|
alignItems: 'center',
|
3541
|
-
backgroundColor: alpha(
|
3508
|
+
backgroundColor: alpha(baseBackgroundColor, 0.5),
|
3542
3509
|
bottom: 0,
|
3543
3510
|
display: 'flex',
|
3544
3511
|
justifyContent: 'center',
|
@@ -3549,20 +3516,18 @@ const MRT_TableLoadingOverlay = (_a) => {
|
|
3549
3516
|
top: 0,
|
3550
3517
|
width: '100%',
|
3551
3518
|
zIndex: 3,
|
3552
|
-
}
|
3519
|
+
}, children: (_b = circularProgressProps === null || circularProgressProps === void 0 ? void 0 : circularProgressProps.Component) !== null && _b !== void 0 ? _b : (jsx(CircularProgress, Object.assign({ "aria-label": localization.noRecordsToDisplay, id: "mrt-progress" }, circularProgressProps))) }));
|
3553
3520
|
};
|
3554
3521
|
|
3555
3522
|
const MRT_CellActionMenu = (_a) => {
|
3556
3523
|
var _b, _c;
|
3557
3524
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
3558
|
-
const { getState, options: { editDisplayMode, enableClickToCopy, enableEditing, icons: { ContentCopy, EditIcon }, localization, renderCellActionMenuItems, }, refs: { actionCellRef }, } = table;
|
3525
|
+
const { getState, options: { editDisplayMode, enableClickToCopy, enableEditing, icons: { ContentCopy, EditIcon }, localization, mrtTheme: { menuBackgroundColor }, renderCellActionMenuItems, }, refs: { actionCellRef }, } = table;
|
3559
3526
|
const { actionCell, density } = getState();
|
3560
3527
|
const cell = actionCell;
|
3561
3528
|
const { row } = cell;
|
3562
3529
|
const { column } = cell;
|
3563
3530
|
const { columnDef } = column;
|
3564
|
-
const theme = useTheme();
|
3565
|
-
const { menuBackgroundColor } = getMRTTheme(table, theme);
|
3566
3531
|
const handleClose = (event) => {
|
3567
3532
|
event === null || event === void 0 ? void 0 : event.stopPropagation();
|
3568
3533
|
table.setActionCell(null);
|
@@ -3814,7 +3779,7 @@ const MRT_ColumnPinningButtons = (_a) => {
|
|
3814
3779
|
const MRT_ShowHideColumnsMenuItems = (_a) => {
|
3815
3780
|
var _b;
|
3816
3781
|
var { allColumns, column, hoveredColumn, isNestedColumns, setHoveredColumn, table } = _a, rest = __rest(_a, ["allColumns", "column", "hoveredColumn", "isNestedColumns", "setHoveredColumn", "table"]);
|
3817
|
-
const { getState, options: { enableColumnOrdering, enableColumnPinning, enableHiding, localization, }, setColumnOrder, } = table;
|
3782
|
+
const { getState, options: { enableColumnOrdering, enableColumnPinning, enableHiding, localization, mrtTheme: { draggingBorderColor }, }, setColumnOrder, } = table;
|
3818
3783
|
const { columnOrder } = getState();
|
3819
3784
|
const { columnDef } = column;
|
3820
3785
|
const { columnDefType } = columnDef;
|
@@ -3861,7 +3826,7 @@ const MRT_ShowHideColumnsMenuItems = (_a) => {
|
|
3861
3826
|
return (jsxs(Fragment, { children: [jsx(MenuItem, Object.assign({ disableRipple: true, onDragEnter: handleDragEnter, ref: menuItemRef }, rest, { sx: (theme) => (Object.assign({ alignItems: 'center', justifyContent: 'flex-start', my: 0, opacity: isDragging ? 0.5 : 1, outline: isDragging
|
3862
3827
|
? `2px dashed ${theme.palette.grey[500]}`
|
3863
3828
|
: (hoveredColumn === null || hoveredColumn === void 0 ? void 0 : hoveredColumn.id) === column.id
|
3864
|
-
? `2px dashed ${
|
3829
|
+
? `2px dashed ${draggingBorderColor}`
|
3865
3830
|
: 'none', outlineOffset: '-2px', pl: `${(column.depth + 0.5) * 2}rem`, py: '6px' }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: jsxs(Box, { sx: {
|
3866
3831
|
display: 'flex',
|
3867
3832
|
flexWrap: 'nowrap',
|
@@ -3882,7 +3847,7 @@ const MRT_ShowHideColumnsMenuItems = (_a) => {
|
|
3882
3847
|
|
3883
3848
|
const MRT_ShowHideColumnsMenu = (_a) => {
|
3884
3849
|
var { anchorEl, setAnchorEl, table } = _a, rest = __rest(_a, ["anchorEl", "setAnchorEl", "table"]);
|
3885
|
-
const { getAllColumns, getAllLeafColumns, getCenterLeafColumns, getIsAllColumnsVisible, getIsSomeColumnsPinned, getIsSomeColumnsVisible, getLeftLeafColumns, getRightLeafColumns, getState, options: { enableColumnOrdering, enableColumnPinning, enableHiding, localization, }, } = table;
|
3850
|
+
const { getAllColumns, getAllLeafColumns, getCenterLeafColumns, getIsAllColumnsVisible, getIsSomeColumnsPinned, getIsSomeColumnsVisible, getLeftLeafColumns, getRightLeafColumns, getState, options: { enableColumnOrdering, enableColumnPinning, enableHiding, localization, mrtTheme: { menuBackgroundColor }, }, } = table;
|
3886
3851
|
const { columnOrder, columnPinning, density } = getState();
|
3887
3852
|
const handleToggleAllColumns = (value) => {
|
3888
3853
|
getAllLeafColumns()
|
@@ -3910,8 +3875,6 @@ const MRT_ShowHideColumnsMenu = (_a) => {
|
|
3910
3875
|
]);
|
3911
3876
|
const isNestedColumns = allColumns.some((col) => col.columnDef.columnDefType === 'group');
|
3912
3877
|
const [hoveredColumn, setHoveredColumn] = useState(null);
|
3913
|
-
const theme = useTheme();
|
3914
|
-
const { menuBackgroundColor } = getMRTTheme(table, theme);
|
3915
3878
|
return (jsxs(Menu, Object.assign({ MenuListProps: {
|
3916
3879
|
dense: density === 'compact',
|
3917
3880
|
sx: {
|
@@ -4098,7 +4061,7 @@ const MRT_TopToolbar = ({ table, }) => {
|
|
4098
4061
|
const MRT_TablePaper = (_a) => {
|
4099
4062
|
var _b, _c;
|
4100
4063
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
4101
|
-
const { getState, options: { enableBottomToolbar, enableTopToolbar, muiTablePaperProps, renderBottomToolbar, renderTopToolbar, }, refs: { tablePaperRef }, } = table;
|
4064
|
+
const { getState, options: { enableBottomToolbar, enableTopToolbar, mrtTheme: { baseBackgroundColor }, muiTablePaperProps, renderBottomToolbar, renderTopToolbar, }, refs: { tablePaperRef }, } = table;
|
4102
4065
|
const { isFullScreen } = getState();
|
4103
4066
|
const paperProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTablePaperProps, { table })), rest);
|
4104
4067
|
return (jsxs(Paper, Object.assign({ elevation: 2 }, paperProps, { ref: (ref) => {
|
@@ -4122,7 +4085,7 @@ const MRT_TablePaper = (_a) => {
|
|
4122
4085
|
width: '100vw',
|
4123
4086
|
zIndex: 999,
|
4124
4087
|
}
|
4125
|
-
: {})), paperProps === null || paperProps === void 0 ? void 0 : paperProps.style), sx: (theme) => (Object.assign({ backgroundColor:
|
4088
|
+
: {})), paperProps === null || paperProps === void 0 ? void 0 : paperProps.style), sx: (theme) => (Object.assign({ backgroundColor: baseBackgroundColor, backgroundImage: 'unset', overflow: 'hidden', transition: 'all 100ms ease-in-out' }, parseFromValuesOrFunc(paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx, theme))), children: [enableTopToolbar &&
|
4126
4089
|
((_b = parseFromValuesOrFunc(renderTopToolbar, { table })) !== null && _b !== void 0 ? _b : (jsx(MRT_TopToolbar, { table: table }))), jsx(MRT_TableContainer, { table: table }), enableBottomToolbar &&
|
4127
4090
|
((_c = parseFromValuesOrFunc(renderBottomToolbar, { table })) !== null && _c !== void 0 ? _c : (jsx(MRT_BottomToolbar, { table: table })))] })));
|
4128
4091
|
};
|
@@ -4139,5 +4102,5 @@ const MaterialReactTable = (props) => {
|
|
4139
4102
|
return jsx(MRT_TablePaper, { table: table });
|
4140
4103
|
};
|
4141
4104
|
|
4142
|
-
export { MRT_ActionMenuItem, MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, MRT_FilterFns, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, MRT_LinearProgressBar, MRT_RowActionMenu, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, MRT_SortingFns, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, MRT_TableLoadingOverlay, MRT_TablePagination, MRT_TablePaper, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, createMRTColumnHelper, createRow, defaultDisplayColumnProps, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds,
|
4105
|
+
export { MRT_ActionMenuItem, MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, MRT_FilterFns, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, MRT_LinearProgressBar, MRT_RowActionMenu, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, MRT_SortingFns, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, MRT_TableLoadingOverlay, MRT_TablePagination, MRT_TablePaper, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, createMRTColumnHelper, createRow, defaultDisplayColumnProps, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsRankingRows, getIsRowSelected, getLeadingDisplayColumnIds, getMRT_RowSelectionHandler, getMRT_Rows, getMRT_SelectAllHandler, getTrailingDisplayColumnIds, isCellEditable, mrtFilterOptions, openEditingCell, prepareColumns, rankGlobalFuzzy, reorderColumn, showRowActionsColumn, showRowDragColumn, showRowExpandColumn, showRowNumbersColumn, showRowPinningColumn, showRowSelectionColumn, showRowSpacerColumn, useMRT_ColumnVirtualizer, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMaterialReactTable };
|
4143
4106
|
//# sourceMappingURL=index.esm.js.map
|