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