material-react-table 0.26.3 → 0.26.4
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/dist/MaterialReactTable.d.ts +2 -1
- package/dist/material-react-table.cjs.development.js +13 -10
- package/dist/material-react-table.cjs.development.js.map +1 -1
- package/dist/material-react-table.cjs.production.min.js +1 -1
- package/dist/material-react-table.cjs.production.min.js.map +1 -1
- package/dist/material-react-table.esm.js +13 -10
- package/dist/material-react-table.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/MaterialReactTable.tsx +3 -0
- package/src/column.utils.ts +9 -3
- package/src/head/MRT_TableHeadCell.tsx +10 -2
- package/src/head/MRT_TableHeadCellFilterLabel.tsx +2 -2
- package/src/inputs/MRT_FilterTextField.tsx +4 -4
@@ -417,6 +417,7 @@ export declare type MaterialReactTableProps<TData extends Record<string, any> =
|
|
417
417
|
onShowGlobalFilterChange?: OnChangeFn<boolean>;
|
418
418
|
onTableInstanceChange?: (table: MRT_TableInstance<TData>) => void;
|
419
419
|
positionActionsColumn?: 'first' | 'last';
|
420
|
+
positionExpandColumn?: 'first' | 'last';
|
420
421
|
positionGlobalFilter?: 'left' | 'right';
|
421
422
|
positionPagination?: 'bottom' | 'top' | 'both';
|
422
423
|
positionToolbarAlertBanner?: 'bottom' | 'top';
|
@@ -464,5 +465,5 @@ export declare type MaterialReactTableProps<TData extends Record<string, any> =
|
|
464
465
|
tableId?: string;
|
465
466
|
virtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement>>;
|
466
467
|
};
|
467
|
-
declare const _default: <TData extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilterChangeMode, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterChangeMode, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, positionActionsColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, rowNumberMode, selectAllMode, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
|
468
|
+
declare const _default: <TData extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilterChangeMode, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterChangeMode, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, rowNumberMode, selectAllMode, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
|
468
469
|
export default _default;
|
@@ -726,10 +726,10 @@ var reorderColumn = function reorderColumn(draggedColumn, targetColumn, columnOr
|
|
726
726
|
return [].concat(columnOrder);
|
727
727
|
};
|
728
728
|
var getLeadingDisplayColumnIds = function getLeadingDisplayColumnIds(props) {
|
729
|
-
return [(props.enableRowDragging || props.enableRowOrdering) && 'mrt-row-drag', (props.positionActionsColumn === 'first' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions', (props.enableExpanding || props.enableGrouping || props.renderDetailPanel) && 'mrt-row-expand', props.enableRowSelection && 'mrt-row-select', props.enableRowNumbers && 'mrt-row-numbers'].filter(Boolean);
|
729
|
+
return [(props.enableRowDragging || props.enableRowOrdering) && 'mrt-row-drag', (props.positionActionsColumn === 'first' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions', props.positionExpandColumn === 'first' && (props.enableExpanding || props.enableGrouping || props.renderDetailPanel) && 'mrt-row-expand', props.enableRowSelection && 'mrt-row-select', props.enableRowNumbers && 'mrt-row-numbers'].filter(Boolean);
|
730
730
|
};
|
731
731
|
var getTrailingDisplayColumnIds = function getTrailingDisplayColumnIds(props) {
|
732
|
-
return [(props.positionActionsColumn === 'last' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions'];
|
732
|
+
return [(props.positionActionsColumn === 'last' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions', props.positionExpandColumn === 'last' && (props.enableExpanding || props.enableGrouping || props.renderDetailPanel) && 'mrt-row-expand'];
|
733
733
|
};
|
734
734
|
var getDefaultColumnOrderIds = function getDefaultColumnOrderIds(props) {
|
735
735
|
return [].concat(getLeadingDisplayColumnIds(props), getAllLeafColumnDefs(props.columns).map(function (columnDef) {
|
@@ -2119,7 +2119,7 @@ var MRT_TableHeadCellColumnActionsButton = function MRT_TableHeadCellColumnActio
|
|
2119
2119
|
};
|
2120
2120
|
|
2121
2121
|
var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
2122
|
-
var _localization$filterB, _columnDef$enabledCol, _localization$clearFi, _columnDef$filterSele;
|
2122
|
+
var _currentFilterOption$, _localization$filterB, _columnDef$enabledCol, _currentFilterOption$2, _localization$clearFi, _columnDef$filterSele;
|
2123
2123
|
|
2124
2124
|
var header = _ref.header,
|
2125
2125
|
inputIndex = _ref.inputIndex,
|
@@ -2222,7 +2222,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
2222
2222
|
var currentFilterOption = currentFilterFns == null ? void 0 : currentFilterFns[header.id];
|
2223
2223
|
var isSelectFilter = !!columnDef.filterSelectOptions;
|
2224
2224
|
var filterChipLabel = ['empty', 'notEmpty'].includes(currentFilterOption) ? //@ts-ignore
|
2225
|
-
localization["filter" + (currentFilterOption.charAt(0)
|
2225
|
+
localization["filter" + ((currentFilterOption == null ? void 0 : (_currentFilterOption$ = currentFilterOption.charAt(0)) == null ? void 0 : _currentFilterOption$.toUpperCase()) + (currentFilterOption == null ? void 0 : currentFilterOption.slice(1)))] : '';
|
2226
2226
|
var filterPlaceholder = inputIndex === undefined ? (_localization$filterB = localization.filterByColumn) == null ? void 0 : _localization$filterB.replace('{column}', String(columnDef.header)) : inputIndex === 0 ? localization.min : inputIndex === 1 ? localization.max : '';
|
2227
2227
|
var allowedColumnFilterOptions = (_columnDef$enabledCol = columnDef == null ? void 0 : columnDef.enabledColumnFilterOptions) != null ? _columnDef$enabledCol : enabledColumnFilterOptions;
|
2228
2228
|
var showChangeModeButton = enableColumnFilterChangeMode && columnDef.enableColumnFilterChangeMode !== false && !isSelectFilter && !inputIndex && (allowedColumnFilterOptions === undefined || !!(allowedColumnFilterOptions != null && allowedColumnFilterOptions.length));
|
@@ -2240,7 +2240,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
2240
2240
|
helperText: showChangeModeButton ? React__default.createElement("label", {
|
2241
2241
|
htmlFor: filterId
|
2242
2242
|
}, localization.filterMode.replace('{filterType}', // @ts-ignore
|
2243
|
-
localization["filter" + (currentFilterOption.charAt(0).toUpperCase() + currentFilterOption.slice(1))])) : null,
|
2243
|
+
localization["filter" + ((currentFilterOption == null ? void 0 : (_currentFilterOption$2 = currentFilterOption.charAt(0)) == null ? void 0 : _currentFilterOption$2.toUpperCase()) + (currentFilterOption == null ? void 0 : currentFilterOption.slice(1)))])) : null,
|
2244
2244
|
FormHelperTextProps: {
|
2245
2245
|
sx: {
|
2246
2246
|
fontSize: '0.6rem',
|
@@ -2377,7 +2377,7 @@ var MRT_TableHeadCellFilterContainer = function MRT_TableHeadCellFilterContainer
|
|
2377
2377
|
};
|
2378
2378
|
|
2379
2379
|
var MRT_TableHeadCellFilterLabel = function MRT_TableHeadCellFilterLabel(_ref) {
|
2380
|
-
var _column$getFilterValu, _column$getFilterValu2;
|
2380
|
+
var _currentFilterOption$, _column$getFilterValu, _column$getFilterValu2;
|
2381
2381
|
|
2382
2382
|
var header = _ref.header,
|
2383
2383
|
table = _ref.table;
|
@@ -2393,7 +2393,7 @@ var MRT_TableHeadCellFilterLabel = function MRT_TableHeadCellFilterLabel(_ref) {
|
|
2393
2393
|
var columnDef = column.columnDef;
|
2394
2394
|
var currentFilterOption = currentFilterFns == null ? void 0 : currentFilterFns[header.id];
|
2395
2395
|
var filterTooltip = localization.filteringByColumn.replace('{column}', String(columnDef.header)).replace('{filterType}', // @ts-ignore
|
2396
|
-
localization["filter" + (currentFilterOption.charAt(0)
|
2396
|
+
localization["filter" + ((currentFilterOption == null ? void 0 : (_currentFilterOption$ = currentFilterOption.charAt(0)) == null ? void 0 : _currentFilterOption$.toUpperCase()) + (currentFilterOption == null ? void 0 : currentFilterOption.slice(1)))]).replace('{filterValue}', "\"" + (Array.isArray(column.getFilterValue()) ? column.getFilterValue().join("\" " + localization.and + " \"") : column.getFilterValue()) + "\"").replace('" "', '');
|
2397
2397
|
return React__default.createElement(material.Grow, {
|
2398
2398
|
unmountOnExit: true,
|
2399
2399
|
"in": !!column.getFilterValue() && currentFilterOption !== 'between' || currentFilterOption === 'between' && ( // @ts-ignore
|
@@ -2648,7 +2648,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
|
2648
2648
|
sx: {
|
2649
2649
|
alignItems: 'flex-start',
|
2650
2650
|
display: 'flex',
|
2651
|
-
justifyContent: columnDefType === 'group' ? 'center' : 'space-between',
|
2651
|
+
justifyContent: (tableCellProps == null ? void 0 : tableCellProps.align) === 'right' ? 'flex-end' : columnDefType === 'group' || (tableCellProps == null ? void 0 : tableCellProps.align) === 'center' ? 'center' : 'space-between',
|
2652
2652
|
position: 'relative',
|
2653
2653
|
width: '100%'
|
2654
2654
|
}
|
@@ -2660,7 +2660,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
|
2660
2660
|
display: 'flex',
|
2661
2661
|
flexWrap: 'nowrap',
|
2662
2662
|
m: (tableCellProps == null ? void 0 : tableCellProps.align) === 'center' ? 'auto' : undefined,
|
2663
|
-
pl: (tableCellProps == null ? void 0 : tableCellProps.align) === 'center' ? '1rem' : undefined,
|
2663
|
+
pl: (tableCellProps == null ? void 0 : tableCellProps.align) === 'center' && column.getCanSort() ? '1rem' : undefined,
|
2664
2664
|
whiteSpace: ((_columnDef$header$len = (_columnDef$header = columnDef.header) == null ? void 0 : _columnDef$header.length) != null ? _columnDef$header$len : 0) < 24 ? 'nowrap' : 'normal'
|
2665
2665
|
}
|
2666
2666
|
}, headerElement, column.getCanSort() && React__default.createElement(MRT_TableHeadCellSortLabel, {
|
@@ -3715,7 +3715,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
3715
3715
|
}));
|
3716
3716
|
};
|
3717
3717
|
|
3718
|
-
var _excluded$5 = ["autoResetExpanded", "columnResizeMode", "defaultColumn", "editingMode", "enableColumnActions", "enableColumnFilterChangeMode", "enableColumnFilters", "enableColumnOrdering", "enableColumnResizing", "enableDensityToggle", "enableExpandAll", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGlobalFilterChangeMode", "enableGlobalFilterRankedResults", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enableMultiSort", "enablePagination", "enablePinning", "enableRowSelection", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarBottom", "enableToolbarInternalActions", "enableToolbarTop", "icons", "localization", "positionActionsColumn", "positionGlobalFilter", "positionPagination", "positionToolbarAlertBanner", "rowNumberMode", "selectAllMode"];
|
3718
|
+
var _excluded$5 = ["autoResetExpanded", "columnResizeMode", "defaultColumn", "editingMode", "enableColumnActions", "enableColumnFilterChangeMode", "enableColumnFilters", "enableColumnOrdering", "enableColumnResizing", "enableDensityToggle", "enableExpandAll", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableGlobalFilterChangeMode", "enableGlobalFilterRankedResults", "enableGrouping", "enableHiding", "enableMultiRowSelection", "enableMultiSort", "enablePagination", "enablePinning", "enableRowSelection", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarBottom", "enableToolbarInternalActions", "enableToolbarTop", "icons", "localization", "positionActionsColumn", "positionExpandColumn", "positionGlobalFilter", "positionPagination", "positionToolbarAlertBanner", "rowNumberMode", "selectAllMode"];
|
3719
3719
|
var MaterialReactTable = (function (_ref) {
|
3720
3720
|
var _ref$autoResetExpande = _ref.autoResetExpanded,
|
3721
3721
|
autoResetExpanded = _ref$autoResetExpande === void 0 ? false : _ref$autoResetExpande,
|
@@ -3787,6 +3787,8 @@ var MaterialReactTable = (function (_ref) {
|
|
3787
3787
|
localization = _ref.localization,
|
3788
3788
|
_ref$positionActionsC = _ref.positionActionsColumn,
|
3789
3789
|
positionActionsColumn = _ref$positionActionsC === void 0 ? 'first' : _ref$positionActionsC,
|
3790
|
+
_ref$positionExpandCo = _ref.positionExpandColumn,
|
3791
|
+
positionExpandColumn = _ref$positionExpandCo === void 0 ? 'first' : _ref$positionExpandCo,
|
3790
3792
|
_ref$positionGlobalFi = _ref.positionGlobalFilter,
|
3791
3793
|
positionGlobalFilter = _ref$positionGlobalFi === void 0 ? 'right' : _ref$positionGlobalFi,
|
3792
3794
|
_ref$positionPaginati = _ref.positionPagination,
|
@@ -3834,6 +3836,7 @@ var MaterialReactTable = (function (_ref) {
|
|
3834
3836
|
icons: _extends({}, MRT_Default_Icons, icons),
|
3835
3837
|
localization: _extends({}, MRT_DefaultLocalization_EN, localization),
|
3836
3838
|
positionActionsColumn: positionActionsColumn,
|
3839
|
+
positionExpandColumn: positionExpandColumn,
|
3837
3840
|
positionGlobalFilter: positionGlobalFilter,
|
3838
3841
|
positionPagination: positionPagination,
|
3839
3842
|
positionToolbarAlertBanner: positionToolbarAlertBanner,
|