material-react-table 0.6.5 → 0.6.6

package/dist/MaterialReactTable.d.ts

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

package/dist/buttons/MRT_CopyButton.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { MRT_Cell } from '..';
+interface Props {
+    cell: MRT_Cell;
+}
+export declare const MRT_CopyButton: FC<Props>;
+export {};

package/dist/icons.d.ts

@@ -1,8 +1,10 @@
 export interface MRT_Icons {
     ArrowRightIcon: any;
     CancelIcon: any;
+    CheckBoxIcon: any;
     ClearAllIcon: any;
     CloseIcon: any;
+    ContentCopyIcon: any;
     DensityMediumIcon: any;
     DensitySmallIcon: any;
     DoubleArrowDownIcon: any;

package/dist/localization.d.ts

@@ -5,7 +5,9 @@ export interface MRT_Localization {
     clearFilter: string;
     clearSearch: string;
     clearSort: string;
+    clickToCopy: string;
     columnActions: string;
+    copiedToClipboard: string;
     edit: string;
     expand: string;
     expandAll: string;

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

@@ -11,8 +11,10 @@ var material = require('@mui/material');
 var matchSorter = require('match-sorter');
 var ArrowRightIcon = _interopDefault(require('@mui/icons-material/ArrowRight'));
 var CancelIcon = _interopDefault(require('@mui/icons-material/Cancel'));
+var CheckBoxIcon = _interopDefault(require('@mui/icons-material/CheckBox'));
 var ClearAllIcon = _interopDefault(require('@mui/icons-material/ClearAll'));
 var CloseIcon = _interopDefault(require('@mui/icons-material/Close'));
+var ContentCopyIcon = _interopDefault(require('@mui/icons-material/ContentCopy'));
 var DensityMediumIcon = _interopDefault(require('@mui/icons-material/DensityMedium'));
 var DensitySmallIcon = _interopDefault(require('@mui/icons-material/DensitySmall'));
 var DoubleArrowDownIcon = _interopDefault(require('@mui/icons-material/KeyboardDoubleArrowDown'));
@@ -452,7 +454,9 @@ var MRT_FilterTypeMenu = function MRT_FilterTypeMenu(_ref) {
       label: localization.filterNotEmpty,
       divider: false,
       fn: notEmpty
-    }];
+    }].filter(function (filterType) {
+      return !column.filterTypes || column.filterTypes.includes(filterType.type);
+    });
   }, []);
 
   var handleSelectFilterType = function handleSelectFilterType(value) {
@@ -1192,6 +1196,52 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
   }, textFieldProps));
 };
 
+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),
+      copied = _useState[0],
+      setCopied = _useState[1];
+
+  var handleCopy = function handleCopy(text) {
+    navigator.clipboard.writeText(text);
+    setCopied(true);
+    setTimeout(function () {
+      return setCopied(false);
+    }, 2000);
+  };
+
+  return React__default.createElement(material.Tooltip, {
+    arrow: true,
+    title: copied ? localization.copiedToClipboard : localization.clickToCopy
+  }, React__default.createElement(material.IconButton, {
+    "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"
+  })));
+};
+
 var commonTableBodyCellStyles = function commonTableBodyCellStyles(densePadding) {
   return {
     p: densePadding ? '0.5rem' : '1rem',
@@ -1210,6 +1260,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
   var cell = _ref.cell;
 
   var _useMRT = useMRT(),
+      enableCellCopyButtons = _useMRT.enableCellCopyButtons,
       isLoading = _useMRT.isLoading,
       muiTableBodyCellProps = _useMRT.muiTableBodyCellProps,
       muiTableBodyCellSkeletonProps = _useMRT.muiTableBodyCellSkeletonProps,
@@ -1237,7 +1288,13 @@ 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, ")") : cell.render('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: cell
+  })) : cell.render('Cell'));
 };
 
 var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
@@ -3019,7 +3076,9 @@ var MRT_DefaultLocalization_EN = {
   clearFilter: 'Clear filter',
   clearSearch: 'Clear search',
   clearSort: 'Clear sort',
+  clickToCopy: 'Click to copy',
   columnActions: 'Column Actions',
+  copiedToClipboard: 'Copied to clipboard',
   edit: 'Edit',
   expand: 'Expand',
   expandAll: 'Expand all',
@@ -3062,8 +3121,10 @@ var MRT_DefaultLocalization_EN = {
 var MRT_Default_Icons = {
   ArrowRightIcon: ArrowRightIcon,
   CancelIcon: CancelIcon,
+  CheckBoxIcon: CheckBoxIcon,
   ClearAllIcon: ClearAllIcon,
   CloseIcon: CloseIcon,
+  ContentCopyIcon: ContentCopyIcon,
   DensityMediumIcon: DensityMediumIcon,
   DensitySmallIcon: DensitySmallIcon,
   DoubleArrowDownIcon: DoubleArrowDownIcon,