material-react-table 0.14.1 → 0.14.2

package/dist/{buttons/MRT_ToggleColumnActionMenuButton.d.ts → head/MRT_TableHeadCellColumnActionsButton.d.ts}

@@ -4,5 +4,5 @@ interface Props {
     header: MRT_Header;
     instance: MRT_TableInstance;
 }
-export declare const MRT_ToggleColumnActionMenuButton: FC<Props>;
+export declare const MRT_TableHeadCellColumnActionsButton: FC<Props>;
 export {};

package/dist/material-react-table.cjs.development.js

@@ -6052,7 +6052,8 @@ var MRT_TableHeadCellFilterLabel = function MRT_TableHeadCellFilterLabel(_ref) {
       '&:hover': {
         backgroundColor: 'transparent',
         opacity: 0.8
-      }
+      },
+      width: '1.5ch'
     }
   }, showFilters && !column.getFilterValue() ? React__default.createElement(FilterAltOffIcon, null) : React__default.createElement(FilterAltIcon, null)));
 };
@@ -6081,6 +6082,7 @@ var MRT_TableHeadCellResizeHandle = function MRT_TableHeadCellResizeHandle(_ref)
         height: showFilters && columnDefType === 'data' ? '4rem' : '2rem',
         opacity: 0.8,
         position: 'absolute',
+        mr: '-1rem',
         right: '1px',
         touchAction: 'none',
         transition: column.getIsResizing() ? undefined : 'all 0.2s ease-in-out',
@@ -6114,11 +6116,15 @@ var MRT_TableHeadCellSortLabel = function MRT_TableHeadCellSortLabel(_ref) {
   }, React__default.createElement(material.TableSortLabel, {
     "aria-label": sortTooltip,
     active: !!column.getIsSorted(),
-    direction: column.getIsSorted() ? column.getIsSorted() : undefined
+    direction: column.getIsSorted() ? column.getIsSorted() : undefined,
+    sx: {
+      width: '2ch',
+      transform: 'translateX(-0.5ch)'
+    }
   }));
 };
 
-var MRT_ToggleColumnActionMenuButton = function MRT_ToggleColumnActionMenuButton(_ref) {
+var MRT_TableHeadCellColumnActionsButton = function MRT_TableHeadCellColumnActionsButton(_ref) {
   var header = _ref.header,
       instance = _ref.instance;
   var _instance$options = instance.options,
@@ -6162,7 +6168,6 @@ var MRT_ToggleColumnActionMenuButton = function MRT_ToggleColumnActionMenuButton
   }, iconButtonProps, {
     sx: _extends({
       height: '2rem',
-      mr: '2px',
       mt: '-0.2rem',
       opacity: 0.5,
       transition: 'opacity 0.2s',
@@ -6268,6 +6273,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
       display: 'flex',
       justifyContent: columnDefType === 'group' ? 'center' : 'space-between',
       opacity: isDragging ? 0.5 : 1,
+      position: 'relative',
       width: '100%'
     }
   }, React__default.createElement(material.Box, {
@@ -6294,7 +6300,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
   }, columnDefType === 'data' && (enableColumnOrdering && columnDef.enableColumnOrdering !== false || enableGrouping && columnDef.enableGrouping !== false) && React__default.createElement(MRT_GrabHandleButton, {
     ref: dragRef,
     instance: instance
-  }), (enableColumnActions || columnDef.enableColumnActions) && columnDef.enableColumnActions !== false && columnDefType !== 'group' && React__default.createElement(MRT_ToggleColumnActionMenuButton, {
+  }), (enableColumnActions || columnDef.enableColumnActions) && columnDef.enableColumnActions !== false && columnDefType !== 'group' && React__default.createElement(MRT_TableHeadCellColumnActionsButton, {
     header: header,
     instance: instance
   })), column.getCanResize() && React__default.createElement(MRT_TableHeadCellResizeHandle, {