material-react-table 0.6.3 → 0.6.6

package/dist/MaterialReactTable.d.ts

@@ -31,8 +31,9 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = ColumnInterface<D>
     Header?: string;
     accessor?: string;
     columns?: MRT_ColumnInterface<D>[];
+    disableEditing?: boolean;
     disableFilters?: boolean;
-    editable?: 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;
@@ -119,7 +121,7 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
     muiTableToolbarBottomProps?: ToolbarProps | ((tableInstance: MRT_TableInstance<D>) => ToolbarProps);
     muiTableToolbarTopProps?: ToolbarProps | ((tableInstance: MRT_TableInstance<D>) => ToolbarProps);
     onCellClick?: (event: MouseEvent<HTMLTableCellElement>, cell: MRT_Cell<D>) => void;
-    onColumnHide?: (column: Column<D>, visibleColumns: Column<D>[]) => void;
+    onColumnHide?: (column: Column<D>, hiddenColumns?: string[]) => void;
     onDetailPanelClick?: (event: MouseEvent<HTMLTableCellElement>, row: Row<D>) => void;
     onGlobalFilterChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     onRowClick?: (event: MouseEvent<HTMLTableRowElement>, row: Row<D>) => void;
@@ -143,5 +145,5 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
         MRT_FullScreenToggleButton: FC<IconButtonProps>;
     }) => ReactNode;
 };
-declare const _default: <D extends {}>({ defaultColumn, filterTypes, globalFilter, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends {} = {}>({ defaultColumn, filterTypes, globalFilter, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

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/filtersFNs.d.ts

@@ -1,41 +1,41 @@
 import { MRT_Row } from '.';
-export declare const fuzzyFilterFN: {
+export declare const fuzzy: {
     (rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const containsFilterFN: {
+export declare const contains: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const startsWithFilterFN: {
+export declare const startsWith: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const endsWithFilterFN: {
+export declare const endsWith: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const equalsFilterFN: {
+export declare const equals: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const notEqualsFilterFN: {
+export declare const notEquals: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const greaterThanFilterFN: {
+export declare const greaterThan: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const lessThanFilterFN: {
+export declare const lessThan: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const emptyFilterFN: {
+export declare const empty: {
     (rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const notEmptyFilterFN: {
+export declare const notEmpty: {
     (rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };

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'));
@@ -190,7 +192,7 @@ var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
     return applyFiltersToColumns(props.columns);
   }, [props.columns, applyFiltersToColumns]);
   var data = React.useMemo(function () {
-    return !props.isLoading || !!props.data.length ? props.data : [].concat(Array(10)).map(function (_) {
+    return !props.isLoading || !!props.data.length ? props.data : [].concat(Array(10).fill(null)).map(function (_) {
       return Object.assign.apply(Object, [{}].concat(findLowestLevelCols(props.columns).map(function (c) {
         var _ref3;
 
@@ -267,7 +269,7 @@ var MRT_FILTER_TYPE;
   MRT_FILTER_TYPE["STARTS_WITH"] = "startsWith";
 })(MRT_FILTER_TYPE || (MRT_FILTER_TYPE = {}));
 
-var fuzzyFilterFN = function fuzzyFilterFN(rows, columnIds, filterValue) {
+var fuzzy = function fuzzy(rows, columnIds, filterValue) {
   return matchSorter.matchSorter(rows, filterValue.toString().trim(), {
     keys: Array.isArray(columnIds) ? columnIds.map(function (c) {
       return "values." + c;
@@ -278,111 +280,111 @@ var fuzzyFilterFN = function fuzzyFilterFN(rows, columnIds, filterValue) {
   });
 };
 
-fuzzyFilterFN.autoRemove = function (val) {
+fuzzy.autoRemove = function (val) {
   return !val;
 };
 
-var containsFilterFN = function containsFilterFN(rows, id, filterValue) {
+var contains = function contains(rows, id, filterValue) {
   return rows.filter(function (row) {
     return row.values[id].toString().toLowerCase().trim().includes(filterValue.toString().toLowerCase().trim());
   });
 };
 
-containsFilterFN.autoRemove = function (val) {
+contains.autoRemove = function (val) {
   return !val;
 };
 
-var startsWithFilterFN = function startsWithFilterFN(rows, id, filterValue) {
+var startsWith = function startsWith(rows, id, filterValue) {
   return rows.filter(function (row) {
     return row.values[id].toString().toLowerCase().trim().startsWith(filterValue.toString().toLowerCase().trim());
   });
 };
 
-startsWithFilterFN.autoRemove = function (val) {
+startsWith.autoRemove = function (val) {
   return !val;
 };
 
-var endsWithFilterFN = function endsWithFilterFN(rows, id, filterValue) {
+var endsWith = function endsWith(rows, id, filterValue) {
   return rows.filter(function (row) {
     return row.values[id].toString().toLowerCase().trim().endsWith(filterValue.toString().toLowerCase().trim());
   });
 };
 
-endsWithFilterFN.autoRemove = function (val) {
+endsWith.autoRemove = function (val) {
   return !val;
 };
 
-var equalsFilterFN = function equalsFilterFN(rows, id, filterValue) {
+var equals = function equals(rows, id, filterValue) {
   return rows.filter(function (row) {
     return row.values[id].toString().toLowerCase().trim() === filterValue.toString().toLowerCase().trim();
   });
 };
 
-equalsFilterFN.autoRemove = function (val) {
+equals.autoRemove = function (val) {
   return !val;
 };
 
-var notEqualsFilterFN = function notEqualsFilterFN(rows, id, filterValue) {
+var notEquals = function notEquals(rows, id, filterValue) {
   return rows.filter(function (row) {
     return row.values[id].toString().toLowerCase().trim() !== filterValue.toString().toLowerCase().trim();
   });
 };
 
-notEqualsFilterFN.autoRemove = function (val) {
+notEquals.autoRemove = function (val) {
   return !val;
 };
 
-var greaterThanFilterFN = function greaterThanFilterFN(rows, id, filterValue) {
+var greaterThan = function greaterThan(rows, id, filterValue) {
   return rows.filter(function (row) {
     return !isNaN(+filterValue) && !isNaN(+row.values[id]) ? +row.values[id] > +filterValue : row.values[id].toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
   });
 };
 
-greaterThanFilterFN.autoRemove = function (val) {
+greaterThan.autoRemove = function (val) {
   return !val;
 };
 
-var lessThanFilterFN = function lessThanFilterFN(rows, id, filterValue) {
+var lessThan = function lessThan(rows, id, filterValue) {
   return rows.filter(function (row) {
     return !isNaN(+filterValue) && !isNaN(+row.values[id]) ? +row.values[id] < +filterValue : row.values[id].toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
   });
 };
 
-lessThanFilterFN.autoRemove = function (val) {
+lessThan.autoRemove = function (val) {
   return !val;
 };
 
-var emptyFilterFN = function emptyFilterFN(rows, id, _filterValue) {
+var empty = function empty(rows, id, _filterValue) {
   return rows.filter(function (row) {
     return !row.values[id].toString().toLowerCase().trim();
   });
 };
 
-emptyFilterFN.autoRemove = function (val) {
+empty.autoRemove = function (val) {
   return !val;
 };
 
-var notEmptyFilterFN = function notEmptyFilterFN(rows, id, _filterValue) {
+var notEmpty = function notEmpty(rows, id, _filterValue) {
   return rows.filter(function (row) {
     return !!row.values[id].toString().toLowerCase().trim();
   });
 };
 
-notEmptyFilterFN.autoRemove = function (val) {
+notEmpty.autoRemove = function (val) {
   return !val;
 };
 
 var defaultFilterFNs = {
-  contains: containsFilterFN,
-  empty: emptyFilterFN,
-  endsWith: endsWithFilterFN,
-  equals: equalsFilterFN,
-  fuzzy: fuzzyFilterFN,
-  greaterThan: greaterThanFilterFN,
-  lessThan: lessThanFilterFN,
-  notEmpty: notEmptyFilterFN,
-  notEquals: notEqualsFilterFN,
-  startsWith: startsWithFilterFN
+  contains: contains,
+  empty: empty,
+  endsWith: endsWith,
+  equals: equals,
+  fuzzy: fuzzy,
+  greaterThan: greaterThan,
+  lessThan: lessThan,
+  notEmpty: notEmpty,
+  notEquals: notEquals,
+  startsWith: startsWith
 };
 
 var commonMenuItemStyles = {
@@ -406,53 +408,55 @@ var MRT_FilterTypeMenu = function MRT_FilterTypeMenu(_ref) {
       type: MRT_FILTER_TYPE.FUZZY,
       label: localization.filterFuzzy,
       divider: false,
-      fn: fuzzyFilterFN
+      fn: fuzzy
     }, {
       type: MRT_FILTER_TYPE.CONTAINS,
       label: localization.filterContains,
       divider: true,
-      fn: containsFilterFN
+      fn: contains
     }, {
       type: MRT_FILTER_TYPE.STARTS_WITH,
       label: localization.filterStartsWith,
       divider: false,
-      fn: startsWithFilterFN
+      fn: startsWith
     }, {
       type: MRT_FILTER_TYPE.ENDS_WITH,
       label: localization.filterEndsWith,
       divider: true,
-      fn: endsWithFilterFN
+      fn: endsWith
     }, {
       type: MRT_FILTER_TYPE.EQUALS,
       label: localization.filterEquals,
       divider: false,
-      fn: equalsFilterFN
+      fn: equals
     }, {
       type: MRT_FILTER_TYPE.NOT_EQUALS,
       label: localization.filterNotEquals,
       divider: true,
-      fn: notEqualsFilterFN
+      fn: notEquals
     }, {
       type: MRT_FILTER_TYPE.GREATER_THAN,
       label: localization.filterGreaterThan,
       divider: false,
-      fn: greaterThanFilterFN
+      fn: greaterThan
     }, {
       type: MRT_FILTER_TYPE.LESS_THAN,
       label: localization.filterLessThan,
       divider: true,
-      fn: lessThanFilterFN
+      fn: lessThan
     }, {
       type: MRT_FILTER_TYPE.EMPTY,
       label: localization.filterEmpty,
       divider: false,
-      fn: emptyFilterFN
+      fn: empty
     }, {
       type: MRT_FILTER_TYPE.NOT_EMPTY,
       label: localization.filterNotEmpty,
       divider: false,
-      fn: notEmptyFilterFN
-    }];
+      fn: notEmpty
+    }].filter(function (filterType) {
+      return !column.filterTypes || column.filterTypes.includes(filterType.type);
+    });
   }, []);
 
   var handleSelectFilterType = function handleSelectFilterType(value) {
@@ -503,7 +507,7 @@ var MRT_FilterTypeMenu = function MRT_FilterTypeMenu(_ref) {
 };
 
 var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
-  var _localization$filterB, _localization$clearFi, _column$filterSelectO;
+  var _localization$filterB, _localization$filterM, _localization$, _localization$clearFi, _column$filterSelectO;
 
   var column = _ref.column;
 
@@ -561,6 +565,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
     }));
   }
 
+  var filterId = "mrt-" + idPrefix + "-" + column.id + "-filter-text-field";
   var filterType = tableInstance.state.currentFilterTypes[column.id];
   var isSelectFilter = !!column.filterSelectOptions;
   var filterChipLabel = !(filterType instanceof Function) && [MRT_FILTER_TYPE.EMPTY, MRT_FILTER_TYPE.NOT_EMPTY].includes(filterType) ? //@ts-ignore
@@ -568,7 +573,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
   var filterPlaceholder = (_localization$filterB = localization.filterByColumn) == null ? void 0 : _localization$filterB.replace('{column}', String(column.Header));
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(material.TextField, Object.assign({
     fullWidth: true,
-    id: "mrt-" + idPrefix + "-" + column.id + "-filter-text-field",
+    id: filterId,
     inputProps: {
       disabled: !!filterChipLabel,
       sx: {
@@ -577,8 +582,11 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
       },
       title: filterPlaceholder
     },
-    helperText: filterType instanceof Function ? '' : localization.filterMode.replace('{filterType}', // @ts-ignore
-    localization["filter" + (filterType.charAt(0).toUpperCase() + filterType.slice(1))]),
+    helperText: React__default.createElement("label", {
+      htmlFor: filterId
+    }, filterType instanceof Function ? (_localization$filterM = localization.filterMode.replace('{filterType}', // @ts-ignore
+    (_localization$ = localization["filter" + (filterType.name.charAt(0).toUpperCase() + filterType.name.slice(1))]) != null ? _localization$ : '')) != null ? _localization$filterM : '' : localization.filterMode.replace('{filterType}', // @ts-ignore
+    localization["filter" + (filterType.charAt(0).toUpperCase() + filterType.slice(1))])),
     FormHelperTextProps: {
       sx: {
         fontSize: '0.6rem',
@@ -686,6 +694,11 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
 
   var column = _ref.column,
       isSubMenu = _ref.isSubMenu;
+
+  var _useMRT = useMRT(),
+      onColumnHide = _useMRT.onColumnHide,
+      tableInstance = _useMRT.tableInstance;
+
   var isParentHeader = !!(column != null && (_column$columns = column.columns) != null && _column$columns.length);
   var allChildColumnsVisible = isParentHeader && !!((_column$columns2 = column.columns) != null && _column$columns2.every(function (childColumn) {
     return childColumn.isVisible;
@@ -702,6 +715,8 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
     } else {
       column.toggleHidden();
     }
+
+    onColumnHide == null ? void 0 : onColumnHide(column, tableInstance.state.hiddenColumns);
   };
 
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(material.MenuItem, {
@@ -784,7 +799,6 @@ var commonMenuItemStyles$1 = {
 };
 var commonListItemStyles = {
   display: 'flex',
-  gap: '0.75rem',
   alignItems: 'center'
 };
 var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
@@ -893,14 +907,14 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
     sx: commonMenuItemStyles$1
   }, React__default.createElement(material.Box, {
     sx: commonListItemStyles
-  }, React__default.createElement(ClearAllIcon, null), localization.clearSort)), React__default.createElement(material.MenuItem, {
+  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(ClearAllIcon, null)), localization.clearSort)), React__default.createElement(material.MenuItem, {
     disabled: column.isSorted && !column.isSortedDesc,
     key: 1,
     onClick: handleSortAsc,
     sx: commonMenuItemStyles$1
   }, React__default.createElement(material.Box, {
     sx: commonListItemStyles
-  }, React__default.createElement(SortIcon, null), (_localization$sortByC = localization.sortByColumnAsc) == null ? void 0 : _localization$sortByC.replace('{column}', String(column.Header)))), React__default.createElement(material.MenuItem, {
+  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(SortIcon, null)), (_localization$sortByC = localization.sortByColumnAsc) == null ? void 0 : _localization$sortByC.replace('{column}', String(column.Header)))), React__default.createElement(material.MenuItem, {
     divider: !disableFilters || enableColumnGrouping || !disableColumnHiding,
     key: 2,
     disabled: column.isSorted && column.isSortedDesc,
@@ -908,25 +922,25 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
     sx: commonMenuItemStyles$1
   }, React__default.createElement(material.Box, {
     sx: commonListItemStyles
-  }, React__default.createElement(SortIcon, {
+  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(SortIcon, {
     style: {
       transform: 'rotate(180deg) scaleX(-1)'
     }
-  }), (_localization$sortByC2 = localization.sortByColumnDesc) == null ? void 0 : _localization$sortByC2.replace('{column}', String(column.Header))))], !disableFilters && column.canFilter && [React__default.createElement(material.MenuItem, {
+  })), (_localization$sortByC2 = localization.sortByColumnDesc) == null ? void 0 : _localization$sortByC2.replace('{column}', String(column.Header))))], !disableFilters && column.canFilter && [React__default.createElement(material.MenuItem, {
     disabled: !column.filterValue,
     key: 0,
     onClick: handleClearFilter,
     sx: commonMenuItemStyles$1
   }, React__default.createElement(material.Box, {
     sx: commonListItemStyles
-  }, React__default.createElement(FilterListOffIcon, null), localization.clearFilter)), React__default.createElement(material.MenuItem, {
+  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(FilterListOffIcon, null)), localization.clearFilter)), React__default.createElement(material.MenuItem, {
     divider: enableColumnGrouping || !disableColumnHiding,
     key: 1,
     onClick: handleFilterByColumn,
     sx: commonMenuItemStyles$1
   }, React__default.createElement(material.Box, {
     sx: commonListItemStyles
-  }, React__default.createElement(FilterListIcon, null), (_localization$filterB = localization.filterByColumn) == null ? void 0 : _localization$filterB.replace('{column}', String(column.Header))), !column.filterSelectOptions && React__default.createElement(material.IconButton, {
+  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(FilterListIcon, null)), (_localization$filterB = localization.filterByColumn) == null ? void 0 : _localization$filterB.replace('{column}', String(column.Header))), !column.filterSelectOptions && React__default.createElement(material.IconButton, {
     onClick: handleOpenFilterModeMenu,
     onMouseEnter: handleOpenFilterModeMenu,
     size: "small",
@@ -946,20 +960,20 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
     sx: commonMenuItemStyles$1
   }, React__default.createElement(material.Box, {
     sx: commonListItemStyles
-  }, React__default.createElement(DynamicFeedIcon, null), (_localization = localization[column.isGrouped ? 'ungroupByColumn' : 'groupByColumn']) == null ? void 0 : _localization.replace('{column}', String(column.Header))))], !disableColumnHiding && [React__default.createElement(material.MenuItem, {
+  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(DynamicFeedIcon, null)), (_localization = localization[column.isGrouped ? 'ungroupByColumn' : 'groupByColumn']) == null ? void 0 : _localization.replace('{column}', String(column.Header))))], !disableColumnHiding && [React__default.createElement(material.MenuItem, {
     key: 0,
     onClick: handleHideColumn,
     sx: commonMenuItemStyles$1
   }, React__default.createElement(material.Box, {
     sx: commonListItemStyles
-  }, React__default.createElement(VisibilityOffIcon, null), (_localization$hideCol = localization.hideColumn) == null ? void 0 : _localization$hideCol.replace('{column}', String(column.Header)))), React__default.createElement(material.MenuItem, {
+  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(VisibilityOffIcon, null)), (_localization$hideCol = localization.hideColumn) == null ? void 0 : _localization$hideCol.replace('{column}', String(column.Header)))), React__default.createElement(material.MenuItem, {
     disabled: !((_tableInstance$state$ = tableInstance.state.hiddenColumns) != null && _tableInstance$state$.length),
     key: 1,
     onClick: handleShowAllColumns,
     sx: commonMenuItemStyles$1
   }, React__default.createElement(material.Box, {
     sx: commonListItemStyles
-  }, React__default.createElement(ViewColumnIcon, null), (_localization$showAll = localization.showAllColumns) == null ? void 0 : _localization$showAll.replace('{column}', String(column.Header))), !column.filterSelectOptions && React__default.createElement(material.IconButton, {
+  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(ViewColumnIcon, null)), (_localization$showAll = localization.showAllColumns) == null ? void 0 : _localization$showAll.replace('{column}', String(column.Header))), !column.filterSelectOptions && React__default.createElement(material.IconButton, {
     onClick: handleOpenShowHideColumnsMenu,
     onMouseEnter: handleOpenShowHideColumnsMenu,
     size: "small",
@@ -1164,7 +1178,7 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
     style: _extends({}, muiTableBodyCellEditTextFieldProps == null ? void 0 : muiTableBodyCellEditTextFieldProps.style, (_cell$column$muiTable = cell.column.muiTableBodyCellEditTextFieldProps) == null ? void 0 : _cell$column$muiTable.style)
   });
 
-  if (cell.column.editable && cell.column.Edit) {
+  if (!cell.column.disableEditing && cell.column.Edit) {
     return React__default.createElement(React__default.Fragment, null, cell.column.Edit(_extends({}, textFieldProps, {
       cell: cell
     })));
@@ -1182,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',
@@ -1200,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,
@@ -1225,9 +1286,15 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
     animation: "wave",
     height: 20,
     width: Math.random() * (120 - 60) + 60
-  }, muiTableBodyCellSkeletonProps)) : (currentEditingRow == null ? void 0 : currentEditingRow.id) === cell.row.id ? React__default.createElement(MRT_EditCellTextField, {
+  }, 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: 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.render('Cell'));
 };
 
 var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
@@ -1421,9 +1488,18 @@ var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
   var _useMRT = useMRT(),
       ExpandMoreIcon = _useMRT.icons.ExpandMoreIcon,
       localization = _useMRT.localization,
+      onRowExpandChange = _useMRT.onRowExpandChange,
       renderDetailPanel = _useMRT.renderDetailPanel,
       densePadding = _useMRT.tableInstance.state.densePadding;
 
+  var handleToggleExpand = function handleToggleExpand(event) {
+    var _row$getToggleRowExpa;
+
+    // @ts-ignore
+    (_row$getToggleRowExpa = row.getToggleRowExpandedProps()) == null ? void 0 : _row$getToggleRowExpa.onClick(event);
+    onRowExpandChange == null ? void 0 : onRowExpandChange(event, row);
+  };
+
   return React__default.createElement(material.TableCell, {
     size: "small",
     sx: _extends({}, commonTableBodyButtonCellStyles(densePadding), {
@@ -1434,7 +1510,9 @@ var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
     "aria-label": localization.expand,
     disabled: !row.canExpand && !renderDetailPanel,
     title: localization.expand
-  }, row.getToggleRowExpandedProps()), React__default.createElement(ExpandMoreIcon, {
+  }, row.getToggleRowExpandedProps(), {
+    onClick: handleToggleExpand
+  }), React__default.createElement(ExpandMoreIcon, {
     style: {
       transform: "rotate(" + (!row.canExpand && !renderDetailPanel ? -90 : row.isExpanded ? -180 : 0) + "deg)",
       transition: 'transform 0.2s'
@@ -1469,7 +1547,9 @@ var MRT_RowActionMenu = function MRT_RowActionMenu(_ref) {
   }, enableRowEditing && React__default.createElement(material.MenuItem, {
     onClick: handleEdit,
     sx: commonMenuItemStyles$1
-  }, React__default.createElement(EditIcon, null), localization.edit), (_renderRowActionMenuI = renderRowActionMenuItems == null ? void 0 : renderRowActionMenuItems(row, tableInstance, function () {
+  }, React__default.createElement(material.Box, {
+    sx: commonListItemStyles
+  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(EditIcon, null)), localization.edit)), (_renderRowActionMenuI = renderRowActionMenuItems == null ? void 0 : renderRowActionMenuItems(row, tableInstance, function () {
     return setAnchorEl(null);
   })) != null ? _renderRowActionMenuI : null);
 };
@@ -2392,14 +2472,9 @@ var MRT_TableBodyRow = function MRT_TableBodyRow(_ref) {
     hover: true,
     onClick: function onClick(event) {
       return onRowClick == null ? void 0 : onRowClick(event, row);
-    }
-  }, tableRowProps, {
-    sx: function sx(theme) {
-      return _extends({
-        backgroundColor: row.isSelected ? material.alpha(theme.palette.primary.light, 0.1) : 'transparent'
-      }, tableRowProps == null ? void 0 : tableRowProps.sx);
-    }
-  }), enableRowNumbers && React__default.createElement(material.TableCell, {
+    },
+    selected: row.isSelected
+  }, tableRowProps), enableRowNumbers && React__default.createElement(material.TableCell, {
     sx: _extends({}, commonTableBodyCellStyles(densePadding))
   }, row.index + 1), (enableRowActions || enableRowEditing) && positionActionsColumn === 'first' && React__default.createElement(MRT_ToggleRowActionMenuButton, {
     row: row
@@ -2978,7 +3053,7 @@ var MRT_TableContainer = function MRT_TableContainer() {
       height: fullScreen ? '100%' : undefined,
       left: fullScreen ? '0' : undefined,
       m: fullScreen ? '0' : undefined,
-      overflowY: 'hidden',
+      overflowY: !fullScreen ? 'hidden' : undefined,
       position: fullScreen ? 'fixed' : undefined,
       right: fullScreen ? '0' : undefined,
       top: fullScreen ? '0' : undefined,
@@ -3001,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',
@@ -3044,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,