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.
@@ -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).toUpperCase() + currentFilterOption.slice(1))] : '';
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).toUpperCase() + currentFilterOption.slice(1))]).replace('{filterValue}', "\"" + (Array.isArray(column.getFilterValue()) ? column.getFilterValue().join("\" " + localization.and + " \"") : column.getFilterValue()) + "\"").replace('" "', '');
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,