material-react-table 1.2.7 → 1.2.8

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.
@@ -1426,7 +1426,7 @@ const MRT_TableHeadCellColumnActionsButton = ({ header, table, }) => {
1426
1426
  const iconButtonProps = Object.assign(Object.assign({}, mTableHeadCellColumnActionsButtonProps), mcTableHeadCellColumnActionsButtonProps);
1427
1427
  return (React.createElement(React.Fragment, null,
1428
1428
  React.createElement(Tooltip, { arrow: true, enterDelay: 1000, enterNextDelay: 1000, placement: "top", title: (_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _a !== void 0 ? _a : localization.columnActions },
1429
- React.createElement(IconButton, Object.assign({ "aria-label": localization.columnActions, onClick: handleClick, size: "small" }, iconButtonProps, { sx: (theme) => (Object.assign({ height: '2rem', m: '-0.2rem', opacity: 0.5, transform: 'scale(0.85)', transition: 'opacity 150ms', width: '2rem', '&:hover': {
1429
+ React.createElement(IconButton, Object.assign({ "aria-label": localization.columnActions, onClick: handleClick, size: "small" }, iconButtonProps, { sx: (theme) => (Object.assign({ height: '2rem', m: '-6px -3px', opacity: 0.5, transform: 'scale(0.85)', transition: 'opacity 150ms', width: '2rem', '&:hover': {
1430
1430
  opacity: 1,
1431
1431
  } }, ((iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx) instanceof Function
1432
1432
  ? iconButtonProps.sx(theme)
@@ -1710,11 +1710,12 @@ const MRT_TableHeadCellFilterLabel = ({ header, table }) => {
1710
1710
  React.createElement(IconButton, { disableRipple: true, onClick: (event) => {
1711
1711
  event.stopPropagation();
1712
1712
  }, size: "small", sx: {
1713
+ height: '12px',
1713
1714
  m: 0,
1714
1715
  opacity: 0.8,
1715
1716
  p: '2px',
1716
1717
  transform: 'scale(0.66)',
1717
- width: '1.5ch',
1718
+ width: '12px',
1718
1719
  } },
1719
1720
  React.createElement(FilterAltIcon, null))))));
1720
1721
  };
@@ -1803,7 +1804,7 @@ const MRT_TableHeadCellSortLabel = ({ header, table, tableCellProps, }) => {
1803
1804
  ? column.getIsSorted()
1804
1805
  : undefined, sx: {
1805
1806
  flex: '0 0',
1806
- width: '2ch',
1807
+ width: '2.3ch',
1807
1808
  transform: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) !== 'right'
1808
1809
  ? 'translateX(-0.5ch)'
1809
1810
  : undefined,