@atlaskit/editor-plugin-table 5.4.11 → 5.4.12

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-plugin-table
 
+## 5.4.12
+
+### Patch Changes
+
+- [#58717](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58717) [`d65ee171dc89`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d65ee171dc89) - Return focus to editor when a mouse up event on drag handle is called - this allows copying of table selection to still work
+- [#58763](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58763) [`0fdbd64522bf`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0fdbd64522bf) - update ADF schema
+- Updated dependencies
+
 ## 5.4.11
 
 ### Patch Changes

package/dist/cjs/plugins/table/toolbar.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getToolbarMenuConfig = exports.getToolbarConfig = exports.getToolbarCellOptionsConfig = exports.getClosestSelectionRect = void 0;
-var _react = require("@emotion/react");
 var _customSteps = require("@atlaskit/custom-steps");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
@@ -30,8 +29,6 @@ var _types = require("./types");
 var _utils4 = require("./utils");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/** @jsx jsx */
-
 var getToolbarMenuConfig = exports.getToolbarMenuConfig = function getToolbarMenuConfig(config, state, _ref, editorAnalyticsAPI) {
   var formatMessage = _ref.formatMessage;
   var options = [{
@@ -98,7 +95,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
     },
     selected: false,
     disabled: false,
-    elemAfter: (0, _react.jsx)("div", {
+    elemAfter: /*#__PURE__*/React.createElement("div", {
       css: _shortcut.shortcutStyle
     }, (0, _keymaps.tooltip)(_keymaps.addColumnAfter))
   }, {
@@ -117,7 +114,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
     },
     selected: false,
     disabled: false,
-    elemAfter: (0, _react.jsx)("div", {
+    elemAfter: /*#__PURE__*/React.createElement("div", {
       css: _shortcut.shortcutStyle
     }, (0, _keymaps.tooltip)(_keymaps.addRowAfter))
   }, {
@@ -249,7 +246,7 @@ var getToolbarCellOptionsConfig = exports.getToolbarCellOptionsConfig = function
     },
     selected: false,
     disabled: false,
-    elemAfter: (0, _react.jsx)("div", {
+    elemAfter: /*#__PURE__*/React.createElement("div", {
       css: _shortcut.shortcutStyle
     }, (0, _keymaps.tooltip)(_keymaps.backspace))
   });

package/dist/cjs/plugins/table/ui/ColumnResizeWidget/index.js

@@ -7,13 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.ColumnResizeWidget = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("@atlaskit/editor-common/messages");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _types = require("../../types");
-/** @jsx jsx */
-
 var ColumnResizeWidget = exports.ColumnResizeWidget = function ColumnResizeWidget(_ref) {
   var startIndex = _ref.startIndex,
     endIndex = _ref.endIndex,
@@ -21,20 +18,20 @@ var ColumnResizeWidget = exports.ColumnResizeWidget = function ColumnResizeWidge
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   if (!includeTooltip) {
-    return (0, _react2.jsx)("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: _types.TableCssClassName.RESIZE_HANDLE_DECORATION,
       "data-start-index": startIndex,
       "data-end-index": endIndex
     });
   }
-  return (0, _react2.jsx)(_tooltip.default, {
+  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: formatMessage(_messages.tableMessages.adjustColumns),
     hideTooltipOnClick: true,
     hideTooltipOnMouseDown: true,
     position: "mouse",
     mousePosition: "auto-start"
   }, function (tooltipProps) {
-    return (0, _react2.jsx)("div", (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
       className: _types.TableCssClassName.RESIZE_HANDLE_DECORATION,
       "data-start-index": startIndex,
       "data-end-index": endIndex

package/dist/cjs/plugins/table/ui/DragHandle/index.js

@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DragHandle = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+var _classnames2 = _interopRequireDefault(require("classnames"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _element = require("@atlaskit/pragmatic-drag-and-drop/adapter/element");
 var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/util/set-custom-native-drag-preview");
@@ -31,7 +32,7 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
     previewHeight = _ref.previewHeight,
     onMouseOver = _ref.onMouseOver,
     onMouseOut = _ref.onMouseOut,
-    onMouseUp = _ref.onMouseUp,
+    _onMouseUp = _ref.onMouseUp,
     onClick = _ref.onClick,
     editorView = _ref.editorView;
   var dragHandleDivRef = (0, _react.useRef)(null);
@@ -112,8 +113,8 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
       });
     }
   }, [tableLocalId, direction, indexes, editorView.state.selection, hasMergedCells]);
-  return /*#__PURE__*/_react.default.createElement("button", {
-    className: (0, _classnames.default)(_types.TableCssClassName.DRAG_HANDLE_BUTTON_CONTAINER, appearance, isDragAndDropEnabled && hasMergedCells && _types.TableCssClassName.DRAG_HANDLE_DISABLED),
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
+    className: (0, _classnames2.default)(_types.TableCssClassName.DRAG_HANDLE_BUTTON_CONTAINER, _types.TableCssClassName.CONTROLS_BUTTON, appearance, (0, _defineProperty2.default)({}, _types.TableCssClassName.DRAG_HANDLE_DISABLED, isDragAndDropEnabled && hasMergedCells)),
     ref: dragHandleDivRef,
     style: {
       transform: direction === 'column' ? 'none' : 'rotate(90deg)',
@@ -122,9 +123,14 @@ var DragHandle = exports.DragHandle = function DragHandle(_ref) {
     "data-testid": "table-floating-column-controls-drag-handle",
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut,
-    onMouseUp: onMouseUp,
+    onMouseUp: function onMouseUp(e) {
+      // return focus to editor so copying table selections whilst still works, i cannot call e.preventDefault in a mousemove event as this stops dragstart events from firing
+      // -> this is bad for a11y but is the current standard new copy/paste keyboard shortcuts should be introduced instead
+      editorView.focus();
+      _onMouseUp && _onMouseUp(e);
+    },
     onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_HandleIconComponent.HandleIconComponent, handleIconProps), previewContainer && previewWidth !== undefined && previewHeight !== undefined && /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_DragPreview.DragPreview, {
+  }, /*#__PURE__*/_react.default.createElement(_HandleIconComponent.HandleIconComponent, handleIconProps)), previewContainer && previewWidth !== undefined && previewHeight !== undefined && /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_DragPreview.DragPreview, {
     direction: direction,
     width: previewWidth,
     height: previewHeight

package/dist/cjs/plugins/table/ui/DragPreview/index.js

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DragPreview = void 0;
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _primitives = require("@atlaskit/primitives");
 var _DragInMotionIcon = require("../icons/DragInMotionIcon");

package/dist/cjs/plugins/table/ui/FloatingContextualButton/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _errorBoundary = require("@atlaskit/editor-common/error-boundary");
@@ -20,8 +19,6 @@ var _commands = require("../../commands");
 var _types = require("../../types");
 var _FixedButton = _interopRequireDefault(require("./FixedButton"));
 var _styles = require("./styles");
-/** @jsx jsx */
-
 var BUTTON_OFFSET = 3;
 var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (props) {
   var editorView = props.editorView,
@@ -52,7 +49,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
     return null;
   }
   var labelCellOptions = formatMessage(_messages.tableMessages.cellOptions);
-  var button = (0, _react2.jsx)("div", {
+  var button = /*#__PURE__*/_react.default.createElement("div", {
     css: function css(theme) {
       return [(0, _styles.tableFloatingCellButtonStyles)({
         theme: theme
@@ -60,19 +57,19 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
         theme: theme
       })];
     }
-  }, (0, _react2.jsx)(_uiMenu.ToolbarButton, {
+  }, /*#__PURE__*/_react.default.createElement(_uiMenu.ToolbarButton, {
     className: _types.TableCssClassName.CONTEXTUAL_MENU_BUTTON,
     selected: isContextualMenuOpen,
     title: labelCellOptions,
     onClick: handleClick,
-    iconBefore: (0, _react2.jsx)(_chevronDown.default, {
+    iconBefore: /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
       label: ""
     }),
     "aria-label": labelCellOptions
   }));
   var parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
   if (stickyHeader && parentSticky && tableWrapper) {
-    return (0, _react2.jsx)(_FixedButton.default, {
+    return /*#__PURE__*/_react.default.createElement(_FixedButton.default, {
       offset: BUTTON_OFFSET,
       stickyHeader: stickyHeader,
       tableWrapper: tableWrapper,
@@ -82,7 +79,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
       isContextualMenuOpen: isContextualMenuOpen
     }, button);
   }
-  return (0, _react2.jsx)(_ui.Popup, {
+  return /*#__PURE__*/_react.default.createElement(_ui.Popup, {
     alignX: "right",
     alignY: "start",
     target: targetCellRef,
@@ -97,9 +94,9 @@ var FloatingContextualButtonInner = /*#__PURE__*/_react.default.memo(function (p
 });
 var FloatingContextualButton = (0, _reactIntlNext.injectIntl)(FloatingContextualButtonInner);
 function _default(props) {
-  return (0, _react2.jsx)(_errorBoundary.ErrorBoundary, {
+  return /*#__PURE__*/_react.default.createElement(_errorBoundary.ErrorBoundary, {
     component: _analytics.ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     fallbackComponent: null
-  }, (0, _react2.jsx)(FloatingContextualButton, props));
+  }, /*#__PURE__*/_react.default.createElement(FloatingContextualButton, props));
 }

package/dist/cjs/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -13,7 +13,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");
-var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _customSteps = require("@atlaskit/custom-steps");
 var _analytics = require("@atlaskit/editor-common/analytics");
@@ -38,7 +37,7 @@ var _styles2 = require("./styles");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(ContextualMenu, _Component);
   var _super = _createSuper(ContextualMenu);
@@ -88,15 +87,15 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
           value: {
             name: 'background'
           },
-          elemAfter: (0, _react2.jsx)("div", {
+          elemAfter: /*#__PURE__*/React.createElement("div", {
             className: _styles.DropdownMenuSharedCssClassName.SUBMENU
-          }, (0, _react2.jsx)("div", {
+          }, /*#__PURE__*/React.createElement("div", {
             css: (0, _styles2.cellColourPreviewStyles)(background),
             className: _types.TableCssClassName.CONTEXTUAL_MENU_ICON
-          }), isSubmenuOpen && (0, _react2.jsx)("div", {
+          }), isSubmenuOpen && /*#__PURE__*/React.createElement("div", {
             className: _types.TableCssClassName.CONTEXTUAL_SUBMENU,
             ref: _this.handleSubMenuRef
-          }, (0, _react2.jsx)(_uiColor.ColorPalette, {
+          }, /*#__PURE__*/React.createElement(_uiColor.ColorPalette, {
             cols: 7,
             onClick: _this.setColor,
             selectedColor: background,
@@ -113,7 +112,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         value: {
           name: 'insert_column'
         },
-        elemAfter: (0, _react2.jsx)("div", {
+        elemAfter: /*#__PURE__*/React.createElement("div", {
           css: _shortcut.shortcutStyle
         }, (0, _keymaps.tooltip)(_keymaps.addColumnAfter))
       });
@@ -122,7 +121,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         value: {
           name: 'insert_row'
         },
-        elemAfter: (0, _react2.jsx)("div", {
+        elemAfter: /*#__PURE__*/React.createElement("div", {
           css: _shortcut.shortcutStyle
         }, (0, _keymaps.tooltip)(_keymaps.addRowAfter))
       });
@@ -202,7 +201,7 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
         value: {
           name: 'clear'
         },
-        elemAfter: (0, _react2.jsx)("div", {
+        elemAfter: /*#__PURE__*/React.createElement("div", {
           css: _shortcut.shortcutStyle
         }, (0, _keymaps.tooltip)(_keymaps.backspace))
       });
@@ -364,10 +363,10 @@ var ContextualMenu = exports.ContextualMenu = /*#__PURE__*/function (_Component)
       if (!items) {
         return null;
       }
-      return (0, _react2.jsx)("div", {
+      return /*#__PURE__*/React.createElement("div", {
         "data-testid": "table-cell-contextual-menu",
         onMouseLeave: this.closeSubmenu
-      }, (0, _react2.jsx)(_uiMenu.DropdownMenu, {
+      }, /*#__PURE__*/React.createElement(_uiMenu.DropdownMenu, {
         mountTo: mountPoint
         //This needs be removed when the a11y is completely handled
         //Disabling key navigation now as it works only partially

package/dist/cjs/plugins/table/ui/FloatingContextualMenu/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
@@ -14,8 +13,6 @@ var _pluginFactory = require("../../pm-plugins/plugin-factory");
 var _consts = require("../consts");
 var _ContextualMenu = _interopRequireDefault(require("./ContextualMenu"));
 var _styles = require("./styles");
-/** @jsx jsx */
-
 var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
   var mountPoint = _ref.mountPoint,
     boundariesElement = _ref.boundariesElement,
@@ -42,7 +39,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     return null;
   }
   var parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
-  return (0, _react.jsx)(_ui.Popup, {
+  return /*#__PURE__*/React.createElement(_ui.Popup, {
     alignX: "right",
     alignY: "top",
     target: targetCellRef,
@@ -58,9 +55,9 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     forcePlacement: true,
     offset: [-7, 0],
     stick: true
-  }, (0, _react.jsx)("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: _styles.tablePopupStyles
-  }, (0, _react.jsx)(_ContextualMenu.default, {
+  }, /*#__PURE__*/React.createElement(_ContextualMenu.default, {
     editorView: editorView,
     offset: [_consts.contextualMenuTriggerSize / 2, -_consts.contextualMenuTriggerSize],
     isOpen: isOpen,

package/dist/cjs/plugins/table/ui/FloatingDragMenu/DragMenu.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DragMenu = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = require("@emotion/react");
 var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _shortcut = require("@atlaskit/editor-shared-styles/shortcut");
 var _tableMap = require("@atlaskit/editor-tables/table-map");
@@ -17,8 +16,6 @@ var _pluginFactory = require("../../pm-plugins/drag-and-drop/plugin-factory");
 var _utils2 = require("../../utils");
 var _dragMenu = require("../../utils/drag-menu");
 var _consts = require("../consts");
-/** @jsx jsx */
-
 var groupedDragMenuConfig = [['add_row_above', 'add_row_below', 'add_column_left', 'add_column_right', 'distribute_columns', 'clear_cells', 'delete_row', 'delete_column'], ['move_column_left', 'move_column_right', 'move_row_up', 'move_row_down'], ['sort_column_asc', 'sort_column_desc']];
 var convertToDropdownItems = function convertToDropdownItems(dragMenuConfig) {
   var menuItemsArr = (0, _toConsumableArray2.default)(Array(groupedDragMenuConfig.length)).map(function () {
@@ -39,15 +36,15 @@ var convertToDropdownItems = function convertToDropdownItems(dragMenuConfig) {
         name: item.id
       },
       isDisabled: item.disabled,
-      elemBefore: item.icon ? (0, _react.jsx)("div", {
+      elemBefore: item.icon ? /*#__PURE__*/React.createElement("div", {
         style: {
           marginRight: "var(--ds-space-negative-075, -6px)",
           display: 'flex'
         }
-      }, (0, _react.jsx)(item.icon, {
+      }, /*#__PURE__*/React.createElement(item.icon, {
         label: item.title
       })) : undefined,
-      elemAfter: item.keymap ? (0, _react.jsx)("div", {
+      elemAfter: item.keymap ? /*#__PURE__*/React.createElement("div", {
         css: _shortcut.shortcutStyle
       }, item.keymap) : undefined
     });
@@ -139,7 +136,7 @@ var DragMenu = exports.DragMenu = function DragMenu(_ref) {
   if (!menuItems) {
     return null;
   }
-  return (0, _react.jsx)(_uiMenu.DropdownMenu, {
+  return /*#__PURE__*/React.createElement(_uiMenu.DropdownMenu, {
     mountTo: mountPoint
     //This needs be removed when the a11y is completely handled
     //Disabling key navigation now as it works only partially

package/dist/cjs/plugins/table/ui/TableFloatingColumnControls/index.js

@@ -99,14 +99,11 @@ var TableFloatingColumnControls = exports.TableFloatingColumnControls = function
     }
     return [0];
   }, [tableRef, tableRect.height]);
-  if (!tableRef) {
+  if (!tableRef || !tableActive) {
     return null;
   }
   var colWidths = (0, _utils.getColumnsWidths)(editorView);
   var stickyTop = stickyHeader && stickyHeader.sticky && hasHeaderRow ? stickyHeader.top : undefined;
-  if (!tableActive) {
-    return null;
-  }
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _types.TableCssClassName.DRAG_COLUMN_CONTROLS_WRAPPER,
     "data-testid": "table-floating-column-controls-wrapper"

package/dist/es2019/plugins/table/toolbar.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
@@ -89,7 +87,7 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
     },
     selected: false,
     disabled: false,
-    elemAfter: jsx("div", {
+    elemAfter: /*#__PURE__*/React.createElement("div", {
       css: shortcutStyle
     }, tooltip(addColumnAfter))
   }, {
@@ -108,7 +106,7 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
     },
     selected: false,
     disabled: false,
-    elemAfter: jsx("div", {
+    elemAfter: /*#__PURE__*/React.createElement("div", {
       css: shortcutStyle
     }, tooltip(addRowAfter))
   }, {
@@ -241,7 +239,7 @@ export const getToolbarCellOptionsConfig = (editorState, editorView, initialSele
     },
     selected: false,
     disabled: false,
-    elemAfter: jsx("div", {
+    elemAfter: /*#__PURE__*/React.createElement("div", {
       css: shortcutStyle
     }, tooltip(backspace))
   });

package/dist/es2019/plugins/table/ui/ColumnResizeWidget/index.js

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import Tooltip from '@atlaskit/tooltip';
@@ -15,19 +13,19 @@ export const ColumnResizeWidget = ({
     formatMessage
   } = useIntl();
   if (!includeTooltip) {
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: TableCssClassName.RESIZE_HANDLE_DECORATION,
       "data-start-index": startIndex,
       "data-end-index": endIndex
     });
   }
-  return jsx(Tooltip, {
+  return /*#__PURE__*/React.createElement(Tooltip, {
     content: formatMessage(messages.adjustColumns),
     hideTooltipOnClick: true,
     hideTooltipOnMouseDown: true,
     position: "mouse",
     mousePosition: "auto-start"
-  }, tooltipProps => jsx("div", _extends({
+  }, tooltipProps => /*#__PURE__*/React.createElement("div", _extends({
     className: TableCssClassName.RESIZE_HANDLE_DECORATION,
     "data-start-index": startIndex,
     "data-end-index": endIndex

package/dist/es2019/plugins/table/ui/DragHandle/index.js

@@ -100,8 +100,10 @@ export const DragHandle = ({
       });
     }
   }, [tableLocalId, direction, indexes, editorView.state.selection, hasMergedCells]);
-  return /*#__PURE__*/React.createElement("button", {
-    className: classnames(ClassName.DRAG_HANDLE_BUTTON_CONTAINER, appearance, isDragAndDropEnabled && hasMergedCells && ClassName.DRAG_HANDLE_DISABLED),
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+    className: classnames(ClassName.DRAG_HANDLE_BUTTON_CONTAINER, ClassName.CONTROLS_BUTTON, appearance, {
+      [ClassName.DRAG_HANDLE_DISABLED]: isDragAndDropEnabled && hasMergedCells
+    }),
     ref: dragHandleDivRef,
     style: {
       transform: direction === 'column' ? 'none' : 'rotate(90deg)',
@@ -110,9 +112,14 @@ export const DragHandle = ({
     "data-testid": "table-floating-column-controls-drag-handle",
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut,
-    onMouseUp: onMouseUp,
+    onMouseUp: e => {
+      // return focus to editor so copying table selections whilst still works, i cannot call e.preventDefault in a mousemove event as this stops dragstart events from firing
+      // -> this is bad for a11y but is the current standard new copy/paste keyboard shortcuts should be introduced instead
+      editorView.focus();
+      onMouseUp && onMouseUp(e);
+    },
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(HandleIconComponent, handleIconProps), previewContainer && previewWidth !== undefined && previewHeight !== undefined && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(DragPreview, {
+  }, /*#__PURE__*/React.createElement(HandleIconComponent, handleIconProps)), previewContainer && previewWidth !== undefined && previewHeight !== undefined && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(DragPreview, {
     direction: direction,
     width: previewWidth,
     height: previewHeight

package/dist/es2019/plugins/table/ui/DragPreview/index.js

@@ -1,3 +1,5 @@
+/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { Box, xcss } from '@atlaskit/primitives';
 import { DragInMotionIcon } from '../icons/DragInMotionIcon';

package/dist/es2019/plugins/table/ui/FloatingContextualButton/index.js

@@ -1,6 +1,4 @@
-/** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
@@ -50,25 +48,25 @@ const FloatingContextualButtonInner = /*#__PURE__*/React.memo(props => {
     return null;
   }
   const labelCellOptions = formatMessage(messages.cellOptions);
-  const button = jsx("div", {
+  const button = /*#__PURE__*/React.createElement("div", {
     css: theme => [tableFloatingCellButtonStyles({
       theme
     }), isContextualMenuOpen && tableFloatingCellButtonSelectedStyles({
       theme
     })]
-  }, jsx(ToolbarButton, {
+  }, /*#__PURE__*/React.createElement(ToolbarButton, {
     className: ClassName.CONTEXTUAL_MENU_BUTTON,
     selected: isContextualMenuOpen,
     title: labelCellOptions,
     onClick: handleClick,
-    iconBefore: jsx(ExpandIcon, {
+    iconBefore: /*#__PURE__*/React.createElement(ExpandIcon, {
       label: ""
     }),
     "aria-label": labelCellOptions
   }));
   const parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
   if (stickyHeader && parentSticky && tableWrapper) {
-    return jsx(FixedButton, {
+    return /*#__PURE__*/React.createElement(FixedButton, {
       offset: BUTTON_OFFSET,
       stickyHeader: stickyHeader,
       tableWrapper: tableWrapper,
@@ -78,7 +76,7 @@ const FloatingContextualButtonInner = /*#__PURE__*/React.memo(props => {
       isContextualMenuOpen: isContextualMenuOpen
     }, button);
   }
-  return jsx(Popup, {
+  return /*#__PURE__*/React.createElement(Popup, {
     alignX: "right",
     alignY: "start",
     target: targetCellRef,
@@ -93,9 +91,9 @@ const FloatingContextualButtonInner = /*#__PURE__*/React.memo(props => {
 });
 const FloatingContextualButton = injectIntl(FloatingContextualButtonInner);
 export default function (props) {
-  return jsx(ErrorBoundary, {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
     component: ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     fallbackComponent: null
-  }, jsx(FloatingContextualButton, props));
+  }, /*#__PURE__*/React.createElement(FloatingContextualButton, props));
 }

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import { Component } from 'react';
-import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
@@ -75,15 +73,15 @@ export class ContextualMenu extends Component {
           value: {
             name: 'background'
           },
-          elemAfter: jsx("div", {
+          elemAfter: /*#__PURE__*/React.createElement("div", {
             className: DropdownMenuSharedCssClassName.SUBMENU
-          }, jsx("div", {
+          }, /*#__PURE__*/React.createElement("div", {
             css: cellColourPreviewStyles(background),
             className: ClassName.CONTEXTUAL_MENU_ICON
-          }), isSubmenuOpen && jsx("div", {
+          }), isSubmenuOpen && /*#__PURE__*/React.createElement("div", {
             className: ClassName.CONTEXTUAL_SUBMENU,
             ref: this.handleSubMenuRef
-          }, jsx(ColorPalette, {
+          }, /*#__PURE__*/React.createElement(ColorPalette, {
             cols: 7,
             onClick: this.setColor,
             selectedColor: background,
@@ -100,7 +98,7 @@ export class ContextualMenu extends Component {
         value: {
           name: 'insert_column'
         },
-        elemAfter: jsx("div", {
+        elemAfter: /*#__PURE__*/React.createElement("div", {
           css: shortcutStyle
         }, tooltip(addColumnAfter))
       });
@@ -109,7 +107,7 @@ export class ContextualMenu extends Component {
         value: {
           name: 'insert_row'
         },
-        elemAfter: jsx("div", {
+        elemAfter: /*#__PURE__*/React.createElement("div", {
           css: shortcutStyle
         }, tooltip(addRowAfter))
       });
@@ -193,7 +191,7 @@ export class ContextualMenu extends Component {
         value: {
           name: 'clear'
         },
-        elemAfter: jsx("div", {
+        elemAfter: /*#__PURE__*/React.createElement("div", {
           css: shortcutStyle
         }, tooltip(backspace))
       });
@@ -375,10 +373,10 @@ export class ContextualMenu extends Component {
     if (!items) {
       return null;
     }
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       "data-testid": "table-cell-contextual-menu",
       onMouseLeave: this.closeSubmenu
-    }, jsx(DropdownMenu, {
+    }, /*#__PURE__*/React.createElement(DropdownMenu, {
       mountTo: mountPoint
       //This needs be removed when the a11y is completely handled
       //Disabling key navigation now as it works only partially

package/dist/es2019/plugins/table/ui/FloatingContextualMenu/index.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
@@ -38,7 +36,7 @@ const FloatingContextualMenu = ({
     return null;
   }
   const parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
-  return jsx(Popup, {
+  return /*#__PURE__*/React.createElement(Popup, {
     alignX: "right",
     alignY: "top",
     target: targetCellRef,
@@ -54,9 +52,9 @@ const FloatingContextualMenu = ({
     forcePlacement: true,
     offset: [-7, 0],
     stick: true
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: tablePopupStyles
-  }, jsx(ContextualMenu, {
+  }, /*#__PURE__*/React.createElement(ContextualMenu, {
     editorView: editorView,
     offset: [contextualMenuTriggerSize / 2, -contextualMenuTriggerSize],
     isOpen: isOpen,

package/dist/es2019/plugins/table/ui/FloatingDragMenu/DragMenu.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
@@ -26,15 +24,15 @@ const convertToDropdownItems = dragMenuConfig => {
         name: item.id
       },
       isDisabled: item.disabled,
-      elemBefore: item.icon ? jsx("div", {
+      elemBefore: item.icon ? /*#__PURE__*/React.createElement("div", {
         style: {
           marginRight: "var(--ds-space-negative-075, -6px)",
           display: 'flex'
         }
-      }, jsx(item.icon, {
+      }, /*#__PURE__*/React.createElement(item.icon, {
         label: item.title
       })) : undefined,
-      elemAfter: item.keymap ? jsx("div", {
+      elemAfter: item.keymap ? /*#__PURE__*/React.createElement("div", {
         css: shortcutStyle
       }, item.keymap) : undefined
     });
@@ -137,7 +135,7 @@ export const DragMenu = ({
   if (!menuItems) {
     return null;
   }
-  return jsx(DropdownMenu, {
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
     mountTo: mountPoint
     //This needs be removed when the a11y is completely handled
     //Disabling key navigation now as it works only partially

package/dist/es2019/plugins/table/ui/TableFloatingColumnControls/index.js

@@ -70,14 +70,11 @@ export const TableFloatingColumnControls = ({
     }
     return [0];
   }, [tableRef, tableRect.height]);
-  if (!tableRef) {
+  if (!tableRef || !tableActive) {
     return null;
   }
   const colWidths = getColumnsWidths(editorView);
   const stickyTop = stickyHeader && stickyHeader.sticky && hasHeaderRow ? stickyHeader.top : undefined;
-  if (!tableActive) {
-    return null;
-  }
   return /*#__PURE__*/React.createElement("div", {
     className: ClassName.DRAG_COLUMN_CONTROLS_WRAPPER,
     "data-testid": "table-floating-column-controls-wrapper"

package/dist/esm/plugins/table/toolbar.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '@atlaskit/editor-common/keymaps';
@@ -87,7 +85,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
     },
     selected: false,
     disabled: false,
-    elemAfter: jsx("div", {
+    elemAfter: /*#__PURE__*/React.createElement("div", {
       css: shortcutStyle
     }, tooltip(addColumnAfter))
   }, {
@@ -106,7 +104,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
     },
     selected: false,
     disabled: false,
-    elemAfter: jsx("div", {
+    elemAfter: /*#__PURE__*/React.createElement("div", {
       css: shortcutStyle
     }, tooltip(addRowAfter))
   }, {
@@ -238,7 +236,7 @@ export var getToolbarCellOptionsConfig = function getToolbarCellOptionsConfig(ed
     },
     selected: false,
     disabled: false,
-    elemAfter: jsx("div", {
+    elemAfter: /*#__PURE__*/React.createElement("div", {
       css: shortcutStyle
     }, tooltip(backspace))
   });

package/dist/esm/plugins/table/ui/ColumnResizeWidget/index.js

@@ -1,7 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-/** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
 import { tableMessages as messages } from '@atlaskit/editor-common/messages';
 import Tooltip from '@atlaskit/tooltip';
@@ -13,20 +11,20 @@ export var ColumnResizeWidget = function ColumnResizeWidget(_ref) {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   if (!includeTooltip) {
-    return jsx("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: TableCssClassName.RESIZE_HANDLE_DECORATION,
       "data-start-index": startIndex,
       "data-end-index": endIndex
     });
   }
-  return jsx(Tooltip, {
+  return /*#__PURE__*/React.createElement(Tooltip, {
     content: formatMessage(messages.adjustColumns),
     hideTooltipOnClick: true,
     hideTooltipOnMouseDown: true,
     position: "mouse",
     mousePosition: "auto-start"
   }, function (tooltipProps) {
-    return jsx("div", _extends({
+    return /*#__PURE__*/React.createElement("div", _extends({
       className: TableCssClassName.RESIZE_HANDLE_DECORATION,
       "data-start-index": startIndex,
       "data-end-index": endIndex

package/dist/esm/plugins/table/ui/DragHandle/index.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import classnames from 'classnames';
@@ -21,7 +22,7 @@ export var DragHandle = function DragHandle(_ref) {
     previewHeight = _ref.previewHeight,
     onMouseOver = _ref.onMouseOver,
     onMouseOut = _ref.onMouseOut,
-    onMouseUp = _ref.onMouseUp,
+    _onMouseUp = _ref.onMouseUp,
     onClick = _ref.onClick,
     editorView = _ref.editorView;
   var dragHandleDivRef = useRef(null);
@@ -102,8 +103,8 @@ export var DragHandle = function DragHandle(_ref) {
       });
     }
   }, [tableLocalId, direction, indexes, editorView.state.selection, hasMergedCells]);
-  return /*#__PURE__*/React.createElement("button", {
-    className: classnames(ClassName.DRAG_HANDLE_BUTTON_CONTAINER, appearance, isDragAndDropEnabled && hasMergedCells && ClassName.DRAG_HANDLE_DISABLED),
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+    className: classnames(ClassName.DRAG_HANDLE_BUTTON_CONTAINER, ClassName.CONTROLS_BUTTON, appearance, _defineProperty({}, ClassName.DRAG_HANDLE_DISABLED, isDragAndDropEnabled && hasMergedCells)),
     ref: dragHandleDivRef,
     style: {
       transform: direction === 'column' ? 'none' : 'rotate(90deg)',
@@ -112,9 +113,14 @@ export var DragHandle = function DragHandle(_ref) {
     "data-testid": "table-floating-column-controls-drag-handle",
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut,
-    onMouseUp: onMouseUp,
+    onMouseUp: function onMouseUp(e) {
+      // return focus to editor so copying table selections whilst still works, i cannot call e.preventDefault in a mousemove event as this stops dragstart events from firing
+      // -> this is bad for a11y but is the current standard new copy/paste keyboard shortcuts should be introduced instead
+      editorView.focus();
+      _onMouseUp && _onMouseUp(e);
+    },
     onClick: onClick
-  }, /*#__PURE__*/React.createElement(HandleIconComponent, handleIconProps), previewContainer && previewWidth !== undefined && previewHeight !== undefined && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(DragPreview, {
+  }, /*#__PURE__*/React.createElement(HandleIconComponent, handleIconProps)), previewContainer && previewWidth !== undefined && previewHeight !== undefined && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(DragPreview, {
     direction: direction,
     width: previewWidth,
     height: previewHeight

package/dist/esm/plugins/table/ui/DragPreview/index.js

@@ -1,3 +1,5 @@
+/* index.tsx generated by @compiled/babel-plugin v0.26.1 */
+import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { Box, xcss } from '@atlaskit/primitives';
 import { DragInMotionIcon } from '../icons/DragInMotionIcon';

package/dist/esm/plugins/table/ui/FloatingContextualButton/index.js

@@ -1,6 +1,4 @@
-/** @jsx jsx */
 import React from 'react';
-import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { ErrorBoundary } from '@atlaskit/editor-common/error-boundary';
@@ -44,7 +42,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
     return null;
   }
   var labelCellOptions = formatMessage(messages.cellOptions);
-  var button = jsx("div", {
+  var button = /*#__PURE__*/React.createElement("div", {
     css: function css(theme) {
       return [tableFloatingCellButtonStyles({
         theme: theme
@@ -52,19 +50,19 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
         theme: theme
       })];
     }
-  }, jsx(ToolbarButton, {
+  }, /*#__PURE__*/React.createElement(ToolbarButton, {
     className: ClassName.CONTEXTUAL_MENU_BUTTON,
     selected: isContextualMenuOpen,
     title: labelCellOptions,
     onClick: handleClick,
-    iconBefore: jsx(ExpandIcon, {
+    iconBefore: /*#__PURE__*/React.createElement(ExpandIcon, {
       label: ""
     }),
     "aria-label": labelCellOptions
   }));
   var parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
   if (stickyHeader && parentSticky && tableWrapper) {
-    return jsx(FixedButton, {
+    return /*#__PURE__*/React.createElement(FixedButton, {
       offset: BUTTON_OFFSET,
       stickyHeader: stickyHeader,
       tableWrapper: tableWrapper,
@@ -74,7 +72,7 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
       isContextualMenuOpen: isContextualMenuOpen
     }, button);
   }
-  return jsx(Popup, {
+  return /*#__PURE__*/React.createElement(Popup, {
     alignX: "right",
     alignY: "start",
     target: targetCellRef,
@@ -89,9 +87,9 @@ var FloatingContextualButtonInner = /*#__PURE__*/React.memo(function (props) {
 });
 var FloatingContextualButton = injectIntl(FloatingContextualButtonInner);
 export default function (props) {
-  return jsx(ErrorBoundary, {
+  return /*#__PURE__*/React.createElement(ErrorBoundary, {
     component: ACTION_SUBJECT.FLOATING_CONTEXTUAL_BUTTON,
     dispatchAnalyticsEvent: props.dispatchAnalyticsEvent,
     fallbackComponent: null
-  }, jsx(FloatingContextualButton, props));
+  }, /*#__PURE__*/React.createElement(FloatingContextualButton, props));
 }

package/dist/esm/plugins/table/ui/FloatingContextualMenu/ContextualMenu.js

@@ -9,9 +9,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/** @jsx jsx */
 import { Component } from 'react';
-import { jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
 import { TableSortOrder as SortOrder } from '@atlaskit/custom-steps';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
@@ -82,15 +80,15 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           value: {
             name: 'background'
           },
-          elemAfter: jsx("div", {
+          elemAfter: /*#__PURE__*/React.createElement("div", {
             className: DropdownMenuSharedCssClassName.SUBMENU
-          }, jsx("div", {
+          }, /*#__PURE__*/React.createElement("div", {
             css: cellColourPreviewStyles(background),
             className: ClassName.CONTEXTUAL_MENU_ICON
-          }), isSubmenuOpen && jsx("div", {
+          }), isSubmenuOpen && /*#__PURE__*/React.createElement("div", {
             className: ClassName.CONTEXTUAL_SUBMENU,
             ref: _this.handleSubMenuRef
-          }, jsx(ColorPalette, {
+          }, /*#__PURE__*/React.createElement(ColorPalette, {
             cols: 7,
             onClick: _this.setColor,
             selectedColor: background,
@@ -107,7 +105,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         value: {
           name: 'insert_column'
         },
-        elemAfter: jsx("div", {
+        elemAfter: /*#__PURE__*/React.createElement("div", {
           css: shortcutStyle
         }, tooltip(addColumnAfter))
       });
@@ -116,7 +114,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         value: {
           name: 'insert_row'
         },
-        elemAfter: jsx("div", {
+        elemAfter: /*#__PURE__*/React.createElement("div", {
           css: shortcutStyle
         }, tooltip(addRowAfter))
       });
@@ -196,7 +194,7 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         value: {
           name: 'clear'
         },
-        elemAfter: jsx("div", {
+        elemAfter: /*#__PURE__*/React.createElement("div", {
           css: shortcutStyle
         }, tooltip(backspace))
       });
@@ -358,10 +356,10 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
       if (!items) {
         return null;
       }
-      return jsx("div", {
+      return /*#__PURE__*/React.createElement("div", {
         "data-testid": "table-cell-contextual-menu",
         onMouseLeave: this.closeSubmenu
-      }, jsx(DropdownMenu, {
+      }, /*#__PURE__*/React.createElement(DropdownMenu, {
         mountTo: mountPoint
         //This needs be removed when the a11y is completely handled
         //Disabling key navigation now as it works only partially

package/dist/esm/plugins/table/ui/FloatingContextualMenu/index.js

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorFloatingDialogZIndex, akEditorFloatingOverlapPanelZIndex } from '@atlaskit/editor-shared-styles';
@@ -34,7 +32,7 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     return null;
   }
   var parentSticky = targetCellRef.parentElement && targetCellRef.parentElement.className.indexOf('sticky') > -1;
-  return jsx(Popup, {
+  return /*#__PURE__*/React.createElement(Popup, {
     alignX: "right",
     alignY: "top",
     target: targetCellRef,
@@ -50,9 +48,9 @@ var FloatingContextualMenu = function FloatingContextualMenu(_ref) {
     forcePlacement: true,
     offset: [-7, 0],
     stick: true
-  }, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     css: tablePopupStyles
-  }, jsx(ContextualMenu, {
+  }, /*#__PURE__*/React.createElement(ContextualMenu, {
     editorView: editorView,
     offset: [contextualMenuTriggerSize / 2, -contextualMenuTriggerSize],
     isOpen: isOpen,

package/dist/esm/plugins/table/ui/FloatingDragMenu/DragMenu.js

@@ -1,6 +1,4 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-/** @jsx jsx */
-import { jsx } from '@emotion/react';
 import { ArrowKeyNavigationType, DropdownMenu } from '@atlaskit/editor-common/ui-menu';
 import { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
 import { TableMap } from '@atlaskit/editor-tables/table-map';
@@ -31,15 +29,15 @@ var convertToDropdownItems = function convertToDropdownItems(dragMenuConfig) {
         name: item.id
       },
       isDisabled: item.disabled,
-      elemBefore: item.icon ? jsx("div", {
+      elemBefore: item.icon ? /*#__PURE__*/React.createElement("div", {
         style: {
           marginRight: "var(--ds-space-negative-075, -6px)",
           display: 'flex'
         }
-      }, jsx(item.icon, {
+      }, /*#__PURE__*/React.createElement(item.icon, {
         label: item.title
       })) : undefined,
-      elemAfter: item.keymap ? jsx("div", {
+      elemAfter: item.keymap ? /*#__PURE__*/React.createElement("div", {
         css: shortcutStyle
       }, item.keymap) : undefined
     });
@@ -131,7 +129,7 @@ export var DragMenu = function DragMenu(_ref) {
   if (!menuItems) {
     return null;
   }
-  return jsx(DropdownMenu, {
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
     mountTo: mountPoint
     //This needs be removed when the a11y is completely handled
     //Disabling key navigation now as it works only partially

package/dist/esm/plugins/table/ui/TableFloatingColumnControls/index.js

@@ -89,14 +89,11 @@ export var TableFloatingColumnControls = function TableFloatingColumnControls(_r
     }
     return [0];
   }, [tableRef, tableRect.height]);
-  if (!tableRef) {
+  if (!tableRef || !tableActive) {
     return null;
   }
   var colWidths = getColumnsWidths(editorView);
   var stickyTop = stickyHeader && stickyHeader.sticky && hasHeaderRow ? stickyHeader.top : undefined;
-  if (!tableActive) {
-    return null;
-  }
   return /*#__PURE__*/React.createElement("div", {
     className: ClassName.DRAG_COLUMN_CONTROLS_WRAPPER,
     "data-testid": "table-floating-column-controls-wrapper"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-table",
-  "version": "5.4.11",
+  "version": "5.4.12",
   "description": "Table plugin for the @atlaskit/editor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,8 +27,8 @@
     "releaseModel": "continuous"
   },
   "dependencies": {
-    "@atlaskit/adf-schema": "^34.0.1",
-    "@atlaskit/custom-steps": "^0.0.5",
+    "@atlaskit/adf-schema": "^35.0.0",
+    "@atlaskit/custom-steps": "^0.0.6",
     "@atlaskit/editor-common": "^76.24.0",
     "@atlaskit/editor-palette": "1.5.2",
     "@atlaskit/editor-plugin-analytics": "^0.3.0",

package/src/plugins/table/ui/DragHandle/index.tsx

@@ -134,26 +134,35 @@ export const DragHandle = ({
   ]);
 
   return (
-    <button
-      className={classnames(
-        ClassName.DRAG_HANDLE_BUTTON_CONTAINER,
-        appearance,
-        isDragAndDropEnabled &&
-          hasMergedCells &&
-          ClassName.DRAG_HANDLE_DISABLED,
-      )}
-      ref={dragHandleDivRef}
-      style={{
-        transform: direction === 'column' ? 'none' : 'rotate(90deg)',
-        pointerEvents: 'auto',
-      }}
-      data-testid="table-floating-column-controls-drag-handle"
-      onMouseOver={onMouseOver}
-      onMouseOut={onMouseOut}
-      onMouseUp={onMouseUp}
-      onClick={onClick}
-    >
-      <HandleIconComponent {...handleIconProps} />
+    <>
+      <button
+        className={classnames(
+          ClassName.DRAG_HANDLE_BUTTON_CONTAINER,
+          ClassName.CONTROLS_BUTTON,
+          appearance,
+          {
+            [ClassName.DRAG_HANDLE_DISABLED]:
+              isDragAndDropEnabled && hasMergedCells,
+          },
+        )}
+        ref={dragHandleDivRef}
+        style={{
+          transform: direction === 'column' ? 'none' : 'rotate(90deg)',
+          pointerEvents: 'auto',
+        }}
+        data-testid="table-floating-column-controls-drag-handle"
+        onMouseOver={onMouseOver}
+        onMouseOut={onMouseOut}
+        onMouseUp={(e) => {
+          // return focus to editor so copying table selections whilst still works, i cannot call e.preventDefault in a mousemove event as this stops dragstart events from firing
+          // -> this is bad for a11y but is the current standard new copy/paste keyboard shortcuts should be introduced instead
+          editorView.focus();
+          onMouseUp && onMouseUp(e);
+        }}
+        onClick={onClick}
+      >
+        <HandleIconComponent {...handleIconProps} />
+      </button>
       {previewContainer &&
         previewWidth !== undefined &&
         previewHeight !== undefined &&
@@ -165,6 +174,6 @@ export const DragHandle = ({
           />,
           previewContainer,
         )}
-    </button>
+    </>
   );
 };

package/src/plugins/table/ui/TableFloatingColumnControls/index.tsx

@@ -108,7 +108,7 @@ export const TableFloatingColumnControls: React.FC<Props> = ({
     return [0];
   }, [tableRef, tableRect.height]);
 
-  if (!tableRef) {
+  if (!tableRef || !tableActive) {
     return null;
   }
 
@@ -119,10 +119,6 @@ export const TableFloatingColumnControls: React.FC<Props> = ({
       ? stickyHeader.top
       : undefined;
 
-  if (!tableActive) {
-    return null;
-  }
-
   return (
     <div
       className={ClassName.DRAG_COLUMN_CONTROLS_WRAPPER}