material-react-table 0.6.6 → 0.6.7

package/dist/MaterialReactTable.d.ts

@@ -31,9 +31,9 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = ColumnInterface<D>
     Header?: string;
     accessor?: string;
     columns?: MRT_ColumnInterface<D>[];
+    disableClickToCopy?: boolean;
     disableEditing?: boolean;
     disableFilters?: boolean;
-    disableCellCopyButton?: boolean;
     filter?: MRT_FilterType | string | FilterType<D>;
     filterSelectOptions?: (string | {
         text: string;
@@ -79,7 +79,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
     disableFullScreenToggle?: boolean;
     disableSelectAll?: boolean;
     disableSubRowTree?: boolean;
-    enableCellCopyButtons?: boolean;
+    enableClickToCopy?: boolean;
     enableColumnGrouping?: boolean;
     enableColumnResizing?: boolean;
     enableRowActions?: boolean;

package/dist/head/MRT_TableHeadCell.d.ts

@@ -1,6 +1,13 @@
-import { FC } from 'react';
+import { CSSProperties, FC } from 'react';
 import type { MRT_HeaderGroup } from '..';
-export declare const commonTableHeadCellStyles: (densePadding: boolean, enableColumnResizing?: boolean | undefined) => {
+export declare const commonTableHeadCellStyles: (densePadding: boolean, enableColumnResizing?: boolean | undefined, widths?: {
+    maxWidth?: CSSProperties['maxWidth'];
+    minWidth?: CSSProperties['minWidth'];
+    width?: CSSProperties['width'];
+} | undefined) => {
+    maxWidth?: CSSProperties['maxWidth'];
+    minWidth?: CSSProperties['minWidth'];
+    width?: CSSProperties['width'];
     fontWeight: string;
     height: string;
     p: string;

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

@@ -1033,15 +1033,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;
@@ -1076,7 +1076,11 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
   return React__default.createElement(material.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__default.createElement(material.Box, {
     sx: {
       alignItems: 'flex-start',
@@ -1200,9 +1204,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 = React.useState(false),
@@ -1214,32 +1215,34 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
     setCopied(true);
     setTimeout(function () {
       return setCopied(false);
-    }, 2000);
+    }, 4000);
   };
 
   return React__default.createElement(material.Tooltip, {
     arrow: true,
+    enterDelay: 1000,
+    enterNextDelay: 1000,
+    placement: "top",
     title: copied ? localization.copiedToClipboard : localization.clickToCopy
-  }, React__default.createElement(material.IconButton, {
+  }, React__default.createElement(material.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__default.createElement(CheckBoxIcon, {
-    color: "success",
-    fontSize: "small"
-  }) : React__default.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) {
@@ -1260,7 +1263,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,
@@ -1288,13 +1291,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__default.createElement(MRT_EditCellTextField, {
     cell: cell
-  }) : cell.isPlaceholder ? null : cell.isAggregated ? cell.render('Aggregated') : cell.isGrouped ? React__default.createElement("span", null, cell.render('Cell'), " (", cell.row.subRows.length, ")") : enableCellCopyButtons && !cell.column.disableCellCopyButton ? React__default.createElement(material.Box, {
-    sx: {
-      whiteSpace: 'nowrap'
-    }
-  }, cell.render('Cell'), React__default.createElement(MRT_CopyButton, {
+  }) : cell.isPlaceholder ? null : cell.isAggregated ? cell.render('Aggregated') : cell.isGrouped ? React__default.createElement("span", null, cell.render('Cell'), " (", cell.row.subRows.length, ")") : enableClickToCopy && !cell.column.disableClickToCopy ? React__default.createElement(MRT_CopyButton, {
     cell: cell
-  })) : cell.render('Cell'));
+  }) : cell.render('Cell'));
 };
 
 var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
@@ -1390,7 +1389,9 @@ var MRT_TableHeadCellActions = function MRT_TableHeadCellActions() {
       textAlign: 'center'
     },
     sx: _extends({}, commonTableHeadCellStyles(densePadding), {
-      textAlign: 'center'
+      textAlign: 'center',
+      maxWidth: '4rem',
+      width: '4rem'
     })
   }, localization.actions);
 };