material-react-table 2.0.0-beta.13 → 2.0.0-beta.15
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.d.ts +53 -4
- package/dist/index.esm.js +34 -41
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +40 -40
- package/dist/index.js.map +1 -1
- package/locales/zh-Hans/index.esm.js +3 -3
- package/locales/zh-Hans/index.js +3 -3
- package/package.json +1 -1
- package/src/column.utils.ts +17 -0
- package/src/hooks/index.ts +4 -0
- package/src/index.ts +1 -0
- package/src/inputs/MRT_EditCellTextField.tsx +20 -30
- package/src/inputs/MRT_FilterTextField.tsx +39 -51
- package/src/locales/zh-Hans.ts +3 -3
- package/src/table/MRT_TablePaper.tsx +6 -6
- package/src/types.ts +22 -3
package/dist/index.d.ts
CHANGED
@@ -440,7 +440,11 @@ type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<ColumnDef
|
|
440
440
|
columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
|
441
441
|
columns?: MRT_ColumnDef<TData, TValue>[];
|
442
442
|
editSelectOptions?: ({
|
443
|
-
|
443
|
+
label?: string;
|
444
|
+
/**
|
445
|
+
* @deprecated use `label` instead
|
446
|
+
*/
|
447
|
+
text?: string;
|
444
448
|
value: any;
|
445
449
|
} | string)[];
|
446
450
|
editVariant?: 'select' | 'text';
|
@@ -453,7 +457,11 @@ type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<ColumnDef
|
|
453
457
|
enableFilterMatchHighlighting?: boolean;
|
454
458
|
filterFn?: MRT_FilterFn<TData>;
|
455
459
|
filterSelectOptions?: ({
|
456
|
-
|
460
|
+
label?: string;
|
461
|
+
/**
|
462
|
+
* @deprecated use `label` instead
|
463
|
+
*/
|
464
|
+
text?: string;
|
457
465
|
value: any;
|
458
466
|
} | string)[];
|
459
467
|
filterVariant?: 'autocomplete' | 'checkbox' | 'date' | 'date-range' | 'multi-select' | 'range' | 'range-slider' | 'select' | 'text';
|
@@ -962,7 +970,6 @@ type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TDa
|
|
962
970
|
table: MRT_TableInstance<TData>;
|
963
971
|
}) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>) | Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>;
|
964
972
|
selectAllMode?: 'all' | 'page';
|
965
|
-
selectDisplayMode?: 'checkbox' | 'radio' | 'switch';
|
966
973
|
/**
|
967
974
|
* Manage state externally any way you want, then pass it back into MRT.
|
968
975
|
*/
|
@@ -1231,6 +1238,14 @@ declare const flexRender: (Comp: Renderable<any>, props: any) => JSX.Element | R
|
|
1231
1238
|
declare const createRow: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, originalRow?: TData | undefined) => MRT_Row<TData>;
|
1232
1239
|
declare const extraIndexRangeExtractor: (range: Range, draggingIndex: number) => number[];
|
1233
1240
|
declare function createMRTColumnHelper<TData extends MRT_RowData>(): MRT_ColumnHelper<TData>;
|
1241
|
+
declare const getValueAndLabel: (option: {
|
1242
|
+
label?: string;
|
1243
|
+
text?: string;
|
1244
|
+
value: string;
|
1245
|
+
} | string) => {
|
1246
|
+
label: string;
|
1247
|
+
value: string;
|
1248
|
+
};
|
1234
1249
|
|
1235
1250
|
interface Props$z<TData extends MRT_RowData> extends TableFooterProps {
|
1236
1251
|
table: MRT_TableInstance<TData>;
|
@@ -1315,6 +1330,40 @@ interface Props$o<TData extends MRT_RowData> extends TableRowProps {
|
|
1315
1330
|
}
|
1316
1331
|
declare const MRT_TableHeadRow: <TData extends MRT_RowData>({ headerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$o<TData>) => react_jsx_runtime.JSX.Element;
|
1317
1332
|
|
1333
|
+
interface Params<TData extends MRT_RowData> {
|
1334
|
+
columnOrder: ColumnOrderState;
|
1335
|
+
creatingRow: MRT_Row<TData> | null;
|
1336
|
+
grouping: GroupingState;
|
1337
|
+
tableOptions: MRT_DefinedTableOptions<TData>;
|
1338
|
+
}
|
1339
|
+
declare const useMRT_DisplayColumns: <TData extends MRT_RowData>({ columnOrder, creatingRow, grouping, tableOptions, }: Params<TData>) => MRT_ColumnDef<TData>[];
|
1340
|
+
|
1341
|
+
declare const useMRT_Effects: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>) => void;
|
1342
|
+
|
1343
|
+
declare const useMRT_TableInstance: <TData extends MRT_RowData>(tableOptions: MRT_DefinedTableOptions<TData>) => MRT_TableInstance<TData>;
|
1344
|
+
|
1345
|
+
declare const MRT_DefaultColumn: {
|
1346
|
+
readonly filterVariant: "text";
|
1347
|
+
readonly maxSize: 1000;
|
1348
|
+
readonly minSize: 40;
|
1349
|
+
readonly size: 180;
|
1350
|
+
};
|
1351
|
+
declare const MRT_DefaultDisplayColumn: {
|
1352
|
+
readonly columnDefType: "display";
|
1353
|
+
readonly enableClickToCopy: false;
|
1354
|
+
readonly enableColumnActions: false;
|
1355
|
+
readonly enableColumnDragging: false;
|
1356
|
+
readonly enableColumnFilter: false;
|
1357
|
+
readonly enableColumnOrdering: false;
|
1358
|
+
readonly enableEditing: false;
|
1359
|
+
readonly enableGlobalFilter: false;
|
1360
|
+
readonly enableGrouping: false;
|
1361
|
+
readonly enableHiding: false;
|
1362
|
+
readonly enableResizing: false;
|
1363
|
+
readonly enableSorting: false;
|
1364
|
+
};
|
1365
|
+
declare const useMRT_TableOptions: <TData extends MRT_RowData>(tableOptions: MRT_TableOptions<TData>) => MRT_DefinedTableOptions<TData>;
|
1366
|
+
|
1318
1367
|
interface Props$n<TData extends MRT_RowData> extends TextFieldProps<'standard'> {
|
1319
1368
|
cell: MRT_Cell<TData>;
|
1320
1369
|
table: MRT_TableInstance<TData>;
|
@@ -1512,4 +1561,4 @@ declare const MRT_TopToolbar: <TData extends MRT_RowData>({ table, }: Props<TDat
|
|
1512
1561
|
|
1513
1562
|
declare const useMaterialReactTable: <TData extends MRT_RowData>(tableOptions: MRT_TableOptions<TData>) => MRT_TableInstance<TData>;
|
1514
1563
|
|
1515
|
-
export { type LiteralUnion, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnHelper, MRT_ColumnPinningButtons, MRT_CopyButton, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, type MRT_GroupColumnDef, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_Localization, type MRT_Row, MRT_RowActionMenu, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, 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, type MRT_TableInstance, MRT_TableLoadingOverlay, type MRT_TableOptions, MRT_TablePagination, MRT_TablePaper, type MRT_TableState, type MRT_Theme, 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, type Prettify, type Xor, commonListItemStyles, commonMenuItemStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonMRTCellStyles, getCommonToolbarStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getMRTTheme, getTotalRight, getTrailingDisplayColumnIds, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMaterialReactTable };
|
1564
|
+
export { type LiteralUnion, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnHelper, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, type MRT_GroupColumnDef, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_Localization, type MRT_Row, MRT_RowActionMenu, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, 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, type MRT_TableInstance, MRT_TableLoadingOverlay, type MRT_TableOptions, MRT_TablePagination, MRT_TablePaper, type MRT_TableState, type MRT_Theme, 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, type Prettify, type Xor, commonListItemStyles, commonMenuItemStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonMRTCellStyles, getCommonToolbarStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getMRTTheme, getTotalRight, getTrailingDisplayColumnIds, getValueAndLabel, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMRT_DisplayColumns, useMRT_Effects, useMRT_TableInstance, useMRT_TableOptions, useMaterialReactTable };
|
package/dist/index.esm.js
CHANGED
@@ -315,6 +315,22 @@ function createMRTColumnHelper() {
|
|
315
315
|
group: (column) => column,
|
316
316
|
};
|
317
317
|
}
|
318
|
+
const getValueAndLabel = (option) => {
|
319
|
+
var _a, _b, _c;
|
320
|
+
let label = '';
|
321
|
+
let value = '';
|
322
|
+
if (option) {
|
323
|
+
if (typeof option !== 'object') {
|
324
|
+
label = option;
|
325
|
+
value = option;
|
326
|
+
}
|
327
|
+
else {
|
328
|
+
label = (_b = (_a = option.label) !== null && _a !== void 0 ? _a : option.text) !== null && _b !== void 0 ? _b : option.value;
|
329
|
+
value = (_c = option.value) !== null && _c !== void 0 ? _c : label;
|
330
|
+
}
|
331
|
+
}
|
332
|
+
return { label, value };
|
333
|
+
};
|
318
334
|
|
319
335
|
const parseCSSVarId = (id) => id.replace(/[^a-zA-Z0-9]/g, '_');
|
320
336
|
const getMRTTheme = (table, theme) => (Object.assign({ baseBackgroundColor: theme.palette.mode === 'dark'
|
@@ -538,10 +554,10 @@ const MRT_EditCellTextField = (_a) => {
|
|
538
554
|
//@ts-ignore
|
539
555
|
row._valuesCache[column.id] = newValue;
|
540
556
|
if (isCreating) {
|
541
|
-
setCreatingRow(
|
557
|
+
setCreatingRow(row);
|
542
558
|
}
|
543
559
|
else if (isEditing) {
|
544
|
-
setEditingRow(
|
560
|
+
setEditingRow(row);
|
545
561
|
}
|
546
562
|
};
|
547
563
|
const handleChange = (event) => {
|
@@ -587,22 +603,13 @@ const MRT_EditCellTextField = (_a) => {
|
|
587
603
|
e.stopPropagation();
|
588
604
|
(_a = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.onClick) === null || _a === void 0 ? void 0 : _a.call(textFieldProps, e);
|
589
605
|
}, onKeyDown: handleEnterKeyDown, children: (_c = textFieldProps.children) !== null && _c !== void 0 ? _c : (_d = columnDef === null || columnDef === void 0 ? void 0 : columnDef.editSelectOptions) === null || _d === void 0 ? void 0 : _d.map((option) => {
|
590
|
-
|
591
|
-
let text;
|
592
|
-
if (typeof option !== 'object') {
|
593
|
-
value = option;
|
594
|
-
text = option;
|
595
|
-
}
|
596
|
-
else {
|
597
|
-
value = option.value;
|
598
|
-
text = option.text;
|
599
|
-
}
|
606
|
+
const { label, value } = getValueAndLabel(option);
|
600
607
|
return (jsx(MenuItem, { sx: {
|
601
608
|
alignItems: 'center',
|
602
609
|
display: 'flex',
|
603
610
|
gap: '0.5rem',
|
604
611
|
m: 0,
|
605
|
-
}, value: value, children:
|
612
|
+
}, value: value, children: label }, value));
|
606
613
|
}) })));
|
607
614
|
};
|
608
615
|
|
@@ -1500,7 +1507,7 @@ const MRT_FilterCheckbox = (_a) => {
|
|
1500
1507
|
};
|
1501
1508
|
|
1502
1509
|
const MRT_FilterTextField = (_a) => {
|
1503
|
-
var _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p;
|
1510
|
+
var _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
1504
1511
|
var { header, rangeFilterIndex, table } = _a, rest = __rest(_a, ["header", "rangeFilterIndex", "table"]);
|
1505
1512
|
const { options: { columnFilterModeOptions, enableColumnFilterModes, icons: { CloseIcon, FilterListIcon }, localization, manualFiltering, muiFilterAutocompleteProps, muiFilterDatePickerProps, muiFilterTextFieldProps, }, refs: { filterInputRefs }, setColumnFilterFns, } = table;
|
1506
1513
|
const { column } = header;
|
@@ -1660,6 +1667,7 @@ const MRT_FilterTextField = (_a) => {
|
|
1660
1667
|
// @ts-ignore
|
1661
1668
|
localization[`filter${((_l = currentFilterOption === null || currentFilterOption === void 0 ? void 0 : currentFilterOption.charAt(0)) === null || _l === void 0 ? void 0 : _l.toUpperCase()) +
|
1662
1669
|
(currentFilterOption === null || currentFilterOption === void 0 ? void 0 : currentFilterOption.slice(1))}`]) })) : null, inputProps: {
|
1670
|
+
'aria-label': filterPlaceholder,
|
1663
1671
|
autoComplete: 'new-password',
|
1664
1672
|
disabled: !!filterChipLabel,
|
1665
1673
|
sx: {
|
@@ -1689,7 +1697,7 @@ const MRT_FilterTextField = (_a) => {
|
|
1689
1697
|
}, value: filterValue || null }, datePickerProps, { slotProps: {
|
1690
1698
|
field: Object.assign({ clearable: true, onClear: () => handleClear() }, (_m = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.slotProps) === null || _m === void 0 ? void 0 : _m.field),
|
1691
1699
|
textField: Object.assign(Object.assign({}, commonTextFieldProps), (_o = datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.slotProps) === null || _o === void 0 ? void 0 : _o.textField),
|
1692
|
-
} }))) : isAutocompleteFilter ? (jsx(Autocomplete, Object.assign({ freeSolo: true, getOptionLabel: (option) => option, onChange: (_e, newValue) => handleChange(newValue), options: dropdownOptions !== null &&
|
1700
|
+
} }))) : isAutocompleteFilter ? (jsx(Autocomplete, Object.assign({ freeSolo: true, getOptionLabel: (option) => getValueAndLabel(option).label, onChange: (_e, newValue) => handleChange(getValueAndLabel(newValue).value), options: (_p = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((option) => getValueAndLabel(option))) !== null && _p !== void 0 ? _p : [] }, autocompleteProps, { renderInput: (builtinTextFieldProps) => {
|
1693
1701
|
var _a;
|
1694
1702
|
return (jsx(TextField, Object.assign({}, builtinTextFieldProps, commonTextFieldProps, { InputProps: Object.assign(Object.assign({}, builtinTextFieldProps.InputProps), { startAdornment: (_a = commonTextFieldProps === null || commonTextFieldProps === void 0 ? void 0 : commonTextFieldProps.InputProps) === null || _a === void 0 ? void 0 : _a.startAdornment }), inputProps: Object.assign(Object.assign({}, builtinTextFieldProps.inputProps), commonTextFieldProps === null || commonTextFieldProps === void 0 ? void 0 : commonTextFieldProps.inputProps), onChange: handleTextFieldChange })));
|
1695
1703
|
}, value: filterValue }))) : (jsx(TextField, Object.assign({ SelectProps: {
|
@@ -1697,37 +1705,22 @@ const MRT_FilterTextField = (_a) => {
|
|
1697
1705
|
multiple: isMultiSelectFilter,
|
1698
1706
|
renderValue: isMultiSelectFilter
|
1699
1707
|
? (selected) => !(selected === null || selected === void 0 ? void 0 : selected.length) ? (jsx(Box, { sx: { opacity: 0.5 }, children: filterPlaceholder })) : (jsx(Box, { sx: { display: 'flex', flexWrap: 'wrap', gap: '2px' }, children: selected === null || selected === void 0 ? void 0 : selected.map((value) => {
|
1700
|
-
const selectedValue = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.find((option) => option
|
1701
|
-
|
1702
|
-
: option === value);
|
1703
|
-
return (jsx(Chip, { label: selectedValue instanceof Object
|
1704
|
-
? selectedValue.text
|
1705
|
-
: selectedValue }, value));
|
1708
|
+
const selectedValue = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.find((option) => getValueAndLabel(option).value === value);
|
1709
|
+
return (jsx(Chip, { label: getValueAndLabel(selectedValue).label }, value));
|
1706
1710
|
}) }))
|
1707
1711
|
: undefined,
|
1708
1712
|
}, onChange: handleTextFieldChange, select: isSelectFilter || isMultiSelectFilter }, commonTextFieldProps, { value: filterValue !== null && filterValue !== void 0 ? filterValue : '', children: (isSelectFilter || isMultiSelectFilter) && [
|
1709
1713
|
jsx(MenuItem, { disabled: true, divider: true, hidden: true, value: "", children: jsx(Box, { sx: { opacity: 0.5 }, children: filterPlaceholder }) }, "p"),
|
1710
1714
|
...[
|
1711
|
-
(
|
1715
|
+
(_q = textFieldProps.children) !== null && _q !== void 0 ? _q : dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.map((option, index) => {
|
1712
1716
|
var _a;
|
1713
|
-
|
1714
|
-
return '';
|
1715
|
-
let value;
|
1716
|
-
let text;
|
1717
|
-
if (typeof option !== 'object') {
|
1718
|
-
value = option;
|
1719
|
-
text = option;
|
1720
|
-
}
|
1721
|
-
else {
|
1722
|
-
value = option.value;
|
1723
|
-
text = option.text;
|
1724
|
-
}
|
1717
|
+
const { label, value } = getValueAndLabel(option);
|
1725
1718
|
return (jsxs(MenuItem, { sx: {
|
1726
1719
|
alignItems: 'center',
|
1727
1720
|
display: 'flex',
|
1728
1721
|
gap: '0.5rem',
|
1729
1722
|
m: 0,
|
1730
|
-
}, value: value, children: [isMultiSelectFilter && (jsx(Checkbox, { checked: ((_a = column.getFilterValue()) !== null && _a !== void 0 ? _a : []).includes(value), sx: { mr: '0.5rem' } })),
|
1723
|
+
}, value: value, children: [isMultiSelectFilter && (jsx(Checkbox, { checked: ((_a = column.getFilterValue()) !== null && _a !== void 0 ? _a : []).includes(value), sx: { mr: '0.5rem' } })), label, ' ', !columnDef.filterSelectOptions &&
|
1731
1724
|
`(${facetedUniqueValues.get(value)})`] }, `${index}-${value}`));
|
1732
1725
|
}),
|
1733
1726
|
],
|
@@ -2843,12 +2836,12 @@ const MRT_TablePaper = (_a) => {
|
|
2843
2836
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
2844
2837
|
const { getState, options: { enableBottomToolbar, enableTopToolbar, muiTablePaperProps, renderBottomToolbar, renderTopToolbar, }, refs: { tablePaperRef }, } = table;
|
2845
2838
|
const { isFullScreen } = getState();
|
2846
|
-
const
|
2847
|
-
return (jsxs(Paper, Object.assign({ elevation: 2 },
|
2839
|
+
const paperProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTablePaperProps, { table })), rest);
|
2840
|
+
return (jsxs(Paper, Object.assign({ elevation: 2 }, paperProps, { ref: (ref) => {
|
2848
2841
|
tablePaperRef.current = ref;
|
2849
|
-
if (
|
2842
|
+
if (paperProps === null || paperProps === void 0 ? void 0 : paperProps.ref) {
|
2850
2843
|
//@ts-ignore
|
2851
|
-
|
2844
|
+
paperProps.ref.current = ref;
|
2852
2845
|
}
|
2853
2846
|
}, style: Object.assign(Object.assign({}, (isFullScreen
|
2854
2847
|
? {
|
@@ -2865,7 +2858,7 @@ const MRT_TablePaper = (_a) => {
|
|
2865
2858
|
width: '100vw',
|
2866
2859
|
zIndex: 999,
|
2867
2860
|
}
|
2868
|
-
: {})),
|
2861
|
+
: {})), paperProps === null || paperProps === void 0 ? void 0 : paperProps.style), sx: (theme) => (Object.assign({ backgroundColor: getMRTTheme(table, theme).baseBackgroundColor, backgroundImage: 'unset', overflow: 'hidden', transition: 'all 100ms ease-in-out' }, parseFromValuesOrFunc(paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx, theme))), children: [enableTopToolbar &&
|
2869
2862
|
((_b = parseFromValuesOrFunc(renderTopToolbar, { table })) !== null && _b !== void 0 ? _b : (jsx(MRT_TopToolbar, { table: table }))), jsx(MRT_TableContainer, { table: table }), enableBottomToolbar &&
|
2870
2863
|
((_c = parseFromValuesOrFunc(renderBottomToolbar, { table })) !== null && _c !== void 0 ? _c : (jsx(MRT_BottomToolbar, { table: table })))] })));
|
2871
2864
|
};
|
@@ -3617,5 +3610,5 @@ const MaterialReactTable = (props) => {
|
|
3617
3610
|
return jsx(MRT_TablePaper, { table: table });
|
3618
3611
|
};
|
3619
3612
|
|
3620
|
-
export { MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, 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, commonListItemStyles, commonMenuItemStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonMRTCellStyles, getCommonToolbarStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getMRTTheme, getTotalRight, getTrailingDisplayColumnIds, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMaterialReactTable };
|
3613
|
+
export { 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, commonListItemStyles, commonMenuItemStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonMRTCellStyles, getCommonToolbarStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getMRTTheme, getTotalRight, getTrailingDisplayColumnIds, getValueAndLabel, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMRT_DisplayColumns, useMRT_Effects, useMRT_TableInstance, useMRT_TableOptions, useMaterialReactTable };
|
3621
3614
|
//# sourceMappingURL=index.esm.js.map
|