material-react-table 0.26.3 → 0.26.4
Sign up to get free protection for your applications and to get access to all the features.
- 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,
|