material-react-table 0.26.6 → 0.27.0

package/dist/material-react-table.esm.js

@@ -175,7 +175,8 @@ var MRT_ExpandAllButton = function MRT_ExpandAllButton(_ref) {
   }, iconButtonProps, {
     sx: _extends({
       height: density === 'compact' ? '1.75rem' : '2.25rem',
-      width: density === 'compact' ? '1.75rem' : '2.25rem'
+      width: density === 'compact' ? '1.75rem' : '2.25rem',
+      mt: density !== 'compact' ? '-0.25rem' : undefined
     }, iconButtonProps == null ? void 0 : iconButtonProps.sx)
   }), React.createElement(KeyboardDoubleArrowDownIcon, {
     style: {
@@ -232,7 +233,7 @@ var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
 };
 
 var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
-  var _columnDef$enabledCol;
+  var _columnDef$columnFilt;
 
   var anchorEl = _ref.anchorEl,
       header = _ref.header,
@@ -242,7 +243,7 @@ var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
   var getState = table.getState,
       _table$options = table.options,
       enabledGlobalFilterOptions = _table$options.enabledGlobalFilterOptions,
-      enabledColumnFilterOptions = _table$options.enabledColumnFilterOptions,
+      columnFilterModeOptions = _table$options.columnFilterModeOptions,
       localization = _table$options.localization,
       setCurrentFilterFns = table.setCurrentFilterFns,
       setCurrentGlobalFilterFn = table.setCurrentGlobalFilterFn;
@@ -258,7 +259,7 @@ var MRT_FilterOptionMenu = function MRT_FilterOptionMenu(_ref) {
   var _ref3 = column != null ? column : {},
       columnDef = _ref3.columnDef;
 
-  var allowedColumnFilterOptions = (_columnDef$enabledCol = columnDef == null ? void 0 : columnDef.enabledColumnFilterOptions) != null ? _columnDef$enabledCol : enabledColumnFilterOptions;
+  var allowedColumnFilterOptions = (_columnDef$columnFilt = columnDef == null ? void 0 : columnDef.columnFilterModeOptions) != null ? _columnDef$columnFilt : columnFilterModeOptions;
   var filterOptions = useMemo(function () {
     return [{
       option: 'fuzzy',
@@ -980,7 +981,7 @@ var commonListItemStyles = {
   alignItems: 'center'
 };
 var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
-  var _columnDef$enabledCol, _localization$sortByC, _localization$sortByC2, _localization$filterB, _localization, _localization$hideCol, _localization$showAll;
+  var _columnDef$columnFilt, _localization$sortByC, _localization$sortByC2, _localization$filterB, _localization, _localization$hideCol, _localization$showAll;
 
   var anchorEl = _ref.anchorEl,
       header = _ref.header,
@@ -997,7 +998,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
       enableHiding = _table$options.enableHiding,
       enablePinning = _table$options.enablePinning,
       enableSorting = _table$options.enableSorting,
-      enabledColumnFilterOptions = _table$options.enabledColumnFilterOptions,
+      columnFilterModeOptions = _table$options.columnFilterModeOptions,
       _table$options$icons = _table$options.icons,
       ArrowRightIcon = _table$options$icons.ArrowRightIcon,
       ClearAllIcon = _table$options$icons.ClearAllIcon,
@@ -1098,7 +1099,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
   };
 
   var isSelectFilter = !!columnDef.filterSelectOptions;
-  var allowedColumnFilterOptions = (_columnDef$enabledCol = columnDef == null ? void 0 : columnDef.enabledColumnFilterOptions) != null ? _columnDef$enabledCol : enabledColumnFilterOptions;
+  var allowedColumnFilterOptions = (_columnDef$columnFilt = columnDef == null ? void 0 : columnDef.columnFilterModeOptions) != null ? _columnDef$columnFilt : columnFilterModeOptions;
   var showFilterModeSubMenu = enableColumnFilterChangeMode && columnDef.enableColumnFilterChangeMode !== false && !isSelectFilter && (allowedColumnFilterOptions === undefined || !!(allowedColumnFilterOptions != null && allowedColumnFilterOptions.length));
   return React.createElement(Menu, {
     anchorEl: anchorEl,
@@ -1445,9 +1446,9 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
   }, checkboxProps, {
     sx: function sx(theme) {
       return _extends({
-        height: density === 'compact' ? '1.5rem' : '2rem',
-        width: density === 'compact' ? '1.5rem' : '2rem',
-        m: '-1re.m'
+        height: density === 'compact' ? '1.75rem' : '2.5rem',
+        width: density === 'compact' ? '1.75rem' : '2.5rem',
+        m: density !== 'compact' ? '-0.4rem' : undefined
       }, (checkboxProps == null ? void 0 : checkboxProps.sx) instanceof Function ? checkboxProps.sx(theme) : checkboxProps == null ? void 0 : checkboxProps.sx);
     }
   })));
@@ -2113,7 +2114,7 @@ var MRT_TableHeadCellColumnActionsButton = function MRT_TableHeadCellColumnActio
 };
 
 var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
-  var _currentFilterOption$, _localization$filterB, _columnDef$enabledCol, _currentFilterOption$2, _localization$clearFi, _columnDef$filterSele;
+  var _currentFilterOption$, _localization$filterB, _columnDef$columnFilt, _currentFilterOption$2, _localization$clearFi, _columnDef$filterSele;
 
   var header = _ref.header,
       inputIndex = _ref.inputIndex,
@@ -2121,7 +2122,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
   var getState = table.getState,
       _table$options = table.options,
       enableColumnFilterChangeMode = _table$options.enableColumnFilterChangeMode,
-      enabledColumnFilterOptions = _table$options.enabledColumnFilterOptions,
+      columnFilterModeOptions = _table$options.columnFilterModeOptions,
       _table$options$icons = _table$options.icons,
       FilterListIcon = _table$options$icons.FilterListIcon,
       CloseIcon = _table$options$icons.CloseIcon,
@@ -2218,7 +2219,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
   var filterChipLabel = ['empty', 'notEmpty'].includes(currentFilterOption) ? //@ts-ignore
   localization["filter" + ((currentFilterOption == null ? void 0 : (_currentFilterOption$ = currentFilterOption.charAt(0)) == null ? void 0 : _currentFilterOption$.toUpperCase()) + (currentFilterOption == null ? void 0 : currentFilterOption.slice(1)))] : '';
   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 : '';
-  var allowedColumnFilterOptions = (_columnDef$enabledCol = columnDef == null ? void 0 : columnDef.enabledColumnFilterOptions) != null ? _columnDef$enabledCol : enabledColumnFilterOptions;
+  var allowedColumnFilterOptions = (_columnDef$columnFilt = columnDef == null ? void 0 : columnDef.columnFilterModeOptions) != null ? _columnDef$columnFilt : columnFilterModeOptions;
   var showChangeModeButton = enableColumnFilterChangeMode && columnDef.enableColumnFilterChangeMode !== false && !isSelectFilter && !inputIndex && (allowedColumnFilterOptions === undefined || !!(allowedColumnFilterOptions != null && allowedColumnFilterOptions.length));
   return React.createElement(React.Fragment, null, React.createElement(TextField, Object.assign({
     fullWidth: true,
@@ -2290,7 +2291,6 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
   }, textFieldProps, {
     sx: function sx(theme) {
       return _extends({
-        m: '-0.25rem',
         p: 0,
         minWidth: !filterChipLabel ? '8rem' : 'auto',
         width: 'calc(100% + 0.5rem)',
@@ -2623,7 +2623,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
         left: column.getIsPinned() === 'left' ? column.getStart('left') + "px" : undefined,
         overflow: 'visible',
         opacity: (currentDraggingColumn == null ? void 0 : currentDraggingColumn.id) === column.id || (currentHoveredColumn == null ? void 0 : currentHoveredColumn.id) === column.id ? 0.5 : 1,
-        p: density === 'compact' ? columnDefType === 'display' ? '0 0.5rem' : '0.5rem' : density === 'comfortable' ? columnDefType === 'display' ? '0.5rem 0.75rem' : '1rem' : columnDefType === 'display' ? '1rem 1.25rem' : '1.5rem',
+        p: density === 'compact' ? '0.5rem' : density === 'comfortable' ? columnDefType === 'display' ? '0.75rem' : '1rem' : columnDefType === 'display' ? '1rem 1.25rem' : '1.5rem',
         pb: columnDefType === 'display' ? 0 : undefined,
         position: column.getIsPinned() && columnDefType !== 'group' ? 'sticky' : undefined,
         pt: columnDefType === 'group' ? 0 : density === 'compact' ? '0.25' : density === 'comfortable' ? '.75rem' : '1.25rem',
@@ -2924,6 +2924,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
       enableClickToCopy = _table$options.enableClickToCopy,
       enableColumnOrdering = _table$options.enableColumnOrdering,
       enableEditing = _table$options.enableEditing,
+      enablePagination = _table$options.enablePagination,
       enableRowNumbers = _table$options.enableRowNumbers,
       muiTableBodyCellProps = _table$options.muiTableBodyCellProps,
       muiTableBodyCellSkeletonProps = _table$options.muiTableBodyCellSkeletonProps,
@@ -2998,7 +2999,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
   var draggingBorders = draggingBorder ? {
     borderLeft: draggingBorder,
     borderRight: draggingBorder,
-    borderBottom: row.index === table.getRowModel().rows.length - 1 ? draggingBorder : undefined
+    borderBottom: row.index === (enablePagination ? table.getRowModel() : table.getPrePaginationRowModel()).rows.length - 1 ? draggingBorder : undefined
   } : undefined;
   return React.createElement(TableCell, Object.assign({
     onDoubleClick: handleDoubleClick,
@@ -3726,7 +3727,7 @@ var MaterialReactTable = (function (_ref) {
       _ref$enableColumnActi = _ref.enableColumnActions,
       enableColumnActions = _ref$enableColumnActi === void 0 ? true : _ref$enableColumnActi,
       _ref$enableColumnFilt = _ref.enableColumnFilterChangeMode,
-      enableColumnFilterChangeMode = _ref$enableColumnFilt === void 0 ? true : _ref$enableColumnFilt,
+      enableColumnFilterChangeMode = _ref$enableColumnFilt === void 0 ? false : _ref$enableColumnFilt,
       _ref$enableColumnFilt2 = _ref.enableColumnFilters,
       enableColumnFilters = _ref$enableColumnFilt2 === void 0 ? true : _ref$enableColumnFilt2,
       _ref$enableColumnOrde = _ref.enableColumnOrdering,
@@ -3744,7 +3745,7 @@ var MaterialReactTable = (function (_ref) {
       _ref$enableGlobalFilt = _ref.enableGlobalFilter,
       enableGlobalFilter = _ref$enableGlobalFilt === void 0 ? true : _ref$enableGlobalFilt,
       _ref$enableGlobalFilt2 = _ref.enableGlobalFilterChangeMode,
-      enableGlobalFilterChangeMode = _ref$enableGlobalFilt2 === void 0 ? true : _ref$enableGlobalFilt2,
+      enableGlobalFilterChangeMode = _ref$enableGlobalFilt2 === void 0 ? false : _ref$enableGlobalFilt2,
       _ref$enableGlobalFilt3 = _ref.enableGlobalFilterRankedResults,
       enableGlobalFilterRankedResults = _ref$enableGlobalFilt3 === void 0 ? true : _ref$enableGlobalFilt3,
       _ref$enableGrouping = _ref.enableGrouping,