material-react-table 0.6.6 → 0.6.7

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

@@ -1026,15 +1026,15 @@ var MRT_ToggleColumnActionMenuButton = function MRT_ToggleColumnActionMenuButton
   }));
 };
 
-var commonTableHeadCellStyles = function commonTableHeadCellStyles(densePadding, enableColumnResizing) {
-  return {
+var commonTableHeadCellStyles = function commonTableHeadCellStyles(densePadding, enableColumnResizing, widths) {
+  return _extends({
     fontWeight: 'bold',
     height: '100%',
     p: densePadding ? '0.5rem' : '1rem',
     pt: densePadding ? '0.75rem' : '1.25rem',
     transition: "all " + (enableColumnResizing ? '10ms' : '0.2s') + " ease-in-out",
     verticalAlign: 'text-top'
-  };
+  }, widths);
 };
 var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
   var _column$columns, _localization$sortByC, _localization$sortByC2;
@@ -1069,7 +1069,11 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
   return React.createElement(TableCell, Object.assign({
     align: isParentHeader ? 'center' : 'left'
   }, tableCellProps, {
-    sx: _extends({}, commonTableHeadCellStyles(tableInstance.state.densePadding, enableColumnResizing), tableCellProps == null ? void 0 : tableCellProps.sx)
+    sx: _extends({}, commonTableHeadCellStyles(tableInstance.state.densePadding, enableColumnResizing, {
+      maxWidth: column.maxWidth,
+      minWidth: column.minWidth,
+      width: column.width
+    }), tableCellProps == null ? void 0 : tableCellProps.sx)
   }), React.createElement(Box, {
     sx: {
       alignItems: 'flex-start',
@@ -1193,9 +1197,6 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
   var cell = _ref.cell;
 
   var _useMRT = useMRT(),
-      _useMRT$icons = _useMRT.icons,
-      CheckBoxIcon = _useMRT$icons.CheckBoxIcon,
-      ContentCopyIcon = _useMRT$icons.ContentCopyIcon,
       localization = _useMRT.localization;
 
   var _useState = useState(false),
@@ -1207,32 +1208,34 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
     setCopied(true);
     setTimeout(function () {
       return setCopied(false);
-    }, 2000);
+    }, 4000);
   };
 
   return React.createElement(Tooltip, {
     arrow: true,
+    enterDelay: 1000,
+    enterNextDelay: 1000,
+    placement: "top",
     title: copied ? localization.copiedToClipboard : localization.clickToCopy
-  }, React.createElement(IconButton, {
+  }, React.createElement(Button, {
     "aria-label": localization.clickToCopy,
     onClick: function onClick() {
       return handleCopy(cell.value);
     },
     size: "small",
     sx: {
-      opacity: 0.05,
-      m: '0 0.5rem',
-      transition: 'all 0.2s ease-in-out',
-      '&:hover': {
-        opacity: 1
-      }
-    }
-  }, copied ? React.createElement(CheckBoxIcon, {
-    color: "success",
-    fontSize: "small"
-  }) : React.createElement(ContentCopyIcon, {
-    fontSize: "small"
-  })));
+      backgroundColor: 'transparent',
+      color: 'inherit',
+      letterSpacing: 'inherit',
+      fontFamily: 'inherit',
+      fontSize: 'inherit',
+      m: '-0.25rem',
+      textTransform: 'inherit',
+      textAlign: 'inherit',
+      minWidth: 'unset'
+    },
+    variant: "text"
+  }, cell.render('Cell')));
 };
 
 var commonTableBodyCellStyles = function commonTableBodyCellStyles(densePadding) {
@@ -1253,7 +1256,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
   var cell = _ref.cell;
 
   var _useMRT = useMRT(),
-      enableCellCopyButtons = _useMRT.enableCellCopyButtons,
+      enableClickToCopy = _useMRT.enableClickToCopy,
       isLoading = _useMRT.isLoading,
       muiTableBodyCellProps = _useMRT.muiTableBodyCellProps,
       muiTableBodyCellSkeletonProps = _useMRT.muiTableBodyCellSkeletonProps,
@@ -1281,13 +1284,9 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
     width: Math.random() * (120 - 60) + 60
   }, muiTableBodyCellSkeletonProps)) : !cell.column.disableEditing && (currentEditingRow == null ? void 0 : currentEditingRow.id) === cell.row.id ? React.createElement(MRT_EditCellTextField, {
     cell: cell
-  }) : cell.isPlaceholder ? null : cell.isAggregated ? cell.render('Aggregated') : cell.isGrouped ? React.createElement("span", null, cell.render('Cell'), " (", cell.row.subRows.length, ")") : enableCellCopyButtons && !cell.column.disableCellCopyButton ? React.createElement(Box, {
-    sx: {
-      whiteSpace: 'nowrap'
-    }
-  }, cell.render('Cell'), React.createElement(MRT_CopyButton, {
+  }) : cell.isPlaceholder ? null : cell.isAggregated ? cell.render('Aggregated') : cell.isGrouped ? React.createElement("span", null, cell.render('Cell'), " (", cell.row.subRows.length, ")") : enableClickToCopy && !cell.column.disableClickToCopy ? React.createElement(MRT_CopyButton, {
     cell: cell
-  })) : cell.render('Cell'));
+  }) : cell.render('Cell'));
 };
 
 var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
@@ -1383,7 +1382,9 @@ var MRT_TableHeadCellActions = function MRT_TableHeadCellActions() {
       textAlign: 'center'
     },
     sx: _extends({}, commonTableHeadCellStyles(densePadding), {
-      textAlign: 'center'
+      textAlign: 'center',
+      maxWidth: '4rem',
+      width: '4rem'
     })
   }, localization.actions);
 };