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
@@ -719,10 +719,10 @@ var reorderColumn = function reorderColumn(draggedColumn, targetColumn, columnOr
|
|
719
719
|
return [].concat(columnOrder);
|
720
720
|
};
|
721
721
|
var getLeadingDisplayColumnIds = function getLeadingDisplayColumnIds(props) {
|
722
|
-
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);
|
722
|
+
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);
|
723
723
|
};
|
724
724
|
var getTrailingDisplayColumnIds = function getTrailingDisplayColumnIds(props) {
|
725
|
-
return [(props.positionActionsColumn === 'last' && props.enableRowActions || props.enableEditing && props.editingMode === 'row') && 'mrt-row-actions'];
|
725
|
+
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'];
|
726
726
|
};
|
727
727
|
var getDefaultColumnOrderIds = function getDefaultColumnOrderIds(props) {
|
728
728
|
return [].concat(getLeadingDisplayColumnIds(props), getAllLeafColumnDefs(props.columns).map(function (columnDef) {
|
@@ -2112,7 +2112,7 @@ var MRT_TableHeadCellColumnActionsButton = function MRT_TableHeadCellColumnActio
|
|
2112
2112
|
};
|
2113
2113
|
|
2114
2114
|
var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
2115
|
-
var _localization$filterB, _columnDef$enabledCol, _localization$clearFi, _columnDef$filterSele;
|
2115
|
+
var _currentFilterOption$, _localization$filterB, _columnDef$enabledCol, _currentFilterOption$2, _localization$clearFi, _columnDef$filterSele;
|
2116
2116
|
|
2117
2117
|
var header = _ref.header,
|
2118
2118
|
inputIndex = _ref.inputIndex,
|
@@ -2215,7 +2215,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
2215
2215
|
var currentFilterOption = currentFilterFns == null ? void 0 : currentFilterFns[header.id];
|
2216
2216
|
var isSelectFilter = !!columnDef.filterSelectOptions;
|
2217
2217
|
var filterChipLabel = ['empty', 'notEmpty'].includes(currentFilterOption) ? //@ts-ignore
|
2218
|
-
localization["filter" + (currentFilterOption.charAt(0)
|
2218
|
+
localization["filter" + ((currentFilterOption == null ? void 0 : (_currentFilterOption$ = currentFilterOption.charAt(0)) == null ? void 0 : _currentFilterOption$.toUpperCase()) + (currentFilterOption == null ? void 0 : currentFilterOption.slice(1)))] : '';
|
2219
2219
|
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 : '';
|
2220
2220
|
var allowedColumnFilterOptions = (_columnDef$enabledCol = columnDef == null ? void 0 : columnDef.enabledColumnFilterOptions) != null ? _columnDef$enabledCol : enabledColumnFilterOptions;
|
2221
2221
|
var showChangeModeButton = enableColumnFilterChangeMode && columnDef.enableColumnFilterChangeMode !== false && !isSelectFilter && !inputIndex && (allowedColumnFilterOptions === undefined || !!(allowedColumnFilterOptions != null && allowedColumnFilterOptions.length));
|
@@ -2233,7 +2233,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
|
|
2233
2233
|
helperText: showChangeModeButton ? React.createElement("label", {
|
2234
2234
|
htmlFor: filterId
|
2235
2235
|
}, localization.filterMode.replace('{filterType}', // @ts-ignore
|
2236
|
-
localization["filter" + (currentFilterOption.charAt(0).toUpperCase() + currentFilterOption.slice(1))])) : null,
|
2236
|
+
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,
|
2237
2237
|
FormHelperTextProps: {
|
2238
2238
|
sx: {
|
2239
2239
|
fontSize: '0.6rem',
|
@@ -2370,7 +2370,7 @@ var MRT_TableHeadCellFilterContainer = function MRT_TableHeadCellFilterContainer
|
|
2370
2370
|
};
|
2371
2371
|
|
2372
2372
|
var MRT_TableHeadCellFilterLabel = function MRT_TableHeadCellFilterLabel(_ref) {
|
2373
|
-
var _column$getFilterValu, _column$getFilterValu2;
|
2373
|
+
var _currentFilterOption$, _column$getFilterValu, _column$getFilterValu2;
|
2374
2374
|
|
2375
2375
|
var header = _ref.header,
|
2376
2376
|
table = _ref.table;
|
@@ -2386,7 +2386,7 @@ var MRT_TableHeadCellFilterLabel = function MRT_TableHeadCellFilterLabel(_ref) {
|
|
2386
2386
|
var columnDef = column.columnDef;
|
2387
2387
|
var currentFilterOption = currentFilterFns == null ? void 0 : currentFilterFns[header.id];
|
2388
2388
|
var filterTooltip = localization.filteringByColumn.replace('{column}', String(columnDef.header)).replace('{filterType}', // @ts-ignore
|
2389
|
-
localization["filter" + (currentFilterOption.charAt(0)
|
2389
|
+
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('" "', '');
|
2390
2390
|
return React.createElement(Grow, {
|
2391
2391
|
unmountOnExit: true,
|
2392
2392
|
"in": !!column.getFilterValue() && currentFilterOption !== 'between' || currentFilterOption === 'between' && ( // @ts-ignore
|
@@ -2641,7 +2641,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
|
2641
2641
|
sx: {
|
2642
2642
|
alignItems: 'flex-start',
|
2643
2643
|
display: 'flex',
|
2644
|
-
justifyContent: columnDefType === 'group' ? 'center' : 'space-between',
|
2644
|
+
justifyContent: (tableCellProps == null ? void 0 : tableCellProps.align) === 'right' ? 'flex-end' : columnDefType === 'group' || (tableCellProps == null ? void 0 : tableCellProps.align) === 'center' ? 'center' : 'space-between',
|
2645
2645
|
position: 'relative',
|
2646
2646
|
width: '100%'
|
2647
2647
|
}
|
@@ -2653,7 +2653,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
|
|
2653
2653
|
display: 'flex',
|
2654
2654
|
flexWrap: 'nowrap',
|
2655
2655
|
m: (tableCellProps == null ? void 0 : tableCellProps.align) === 'center' ? 'auto' : undefined,
|
2656
|
-
pl: (tableCellProps == null ? void 0 : tableCellProps.align) === 'center' ? '1rem' : undefined,
|
2656
|
+
pl: (tableCellProps == null ? void 0 : tableCellProps.align) === 'center' && column.getCanSort() ? '1rem' : undefined,
|
2657
2657
|
whiteSpace: ((_columnDef$header$len = (_columnDef$header = columnDef.header) == null ? void 0 : _columnDef$header.length) != null ? _columnDef$header$len : 0) < 24 ? 'nowrap' : 'normal'
|
2658
2658
|
}
|
2659
2659
|
}, headerElement, column.getCanSort() && React.createElement(MRT_TableHeadCellSortLabel, {
|
@@ -3708,7 +3708,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
|
|
3708
3708
|
}));
|
3709
3709
|
};
|
3710
3710
|
|
3711
|
-
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"];
|
3711
|
+
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"];
|
3712
3712
|
var MaterialReactTable = (function (_ref) {
|
3713
3713
|
var _ref$autoResetExpande = _ref.autoResetExpanded,
|
3714
3714
|
autoResetExpanded = _ref$autoResetExpande === void 0 ? false : _ref$autoResetExpande,
|
@@ -3780,6 +3780,8 @@ var MaterialReactTable = (function (_ref) {
|
|
3780
3780
|
localization = _ref.localization,
|
3781
3781
|
_ref$positionActionsC = _ref.positionActionsColumn,
|
3782
3782
|
positionActionsColumn = _ref$positionActionsC === void 0 ? 'first' : _ref$positionActionsC,
|
3783
|
+
_ref$positionExpandCo = _ref.positionExpandColumn,
|
3784
|
+
positionExpandColumn = _ref$positionExpandCo === void 0 ? 'first' : _ref$positionExpandCo,
|
3783
3785
|
_ref$positionGlobalFi = _ref.positionGlobalFilter,
|
3784
3786
|
positionGlobalFilter = _ref$positionGlobalFi === void 0 ? 'right' : _ref$positionGlobalFi,
|
3785
3787
|
_ref$positionPaginati = _ref.positionPagination,
|
@@ -3827,6 +3829,7 @@ var MaterialReactTable = (function (_ref) {
|
|
3827
3829
|
icons: _extends({}, MRT_Default_Icons, icons),
|
3828
3830
|
localization: _extends({}, MRT_DefaultLocalization_EN, localization),
|
3829
3831
|
positionActionsColumn: positionActionsColumn,
|
3832
|
+
positionExpandColumn: positionExpandColumn,
|
3830
3833
|
positionGlobalFilter: positionGlobalFilter,
|
3831
3834
|
positionPagination: positionPagination,
|
3832
3835
|
positionToolbarAlertBanner: positionToolbarAlertBanner,
|