@atlaskit/editor-core 163.0.0 → 164.0.0

package/dist/esm/plugins/panel/nodeviews/panel.js

@@ -5,7 +5,7 @@ import ReactDOM from 'react-dom';
 import { DOMSerializer } from 'prosemirror-model';
 import TipIcon from '@atlaskit/icon/glyph/editor/hint';
 import { PanelType } from '@atlaskit/adf-schema';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { Emoji } from '@atlaskit/editor-common/emoji';
 import { panelAttrsToDom } from '../utils';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';

package/dist/esm/plugins/panel/pm-plugins/main.js

@@ -1,5 +1,5 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { getPanelNodeView } from '../nodeviews/panel';
 import { pluginKey } from '../types';
 import { createSelectionClickHandler } from '../../selection/utils';

package/dist/esm/plugins/panel/styles.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 
 import { css } from '@emotion/react';
-import { panelSharedStyles, PanelSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { panelSharedStyles, PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { SelectionStyle, getSelectionStyles, akEditorDeleteBackground, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorDeleteIconColor, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 export var panelStyles = function panelStyles(props) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    .", " {\n      cursor: pointer;\n\n      /* Danger when top level node */\n      &.danger {\n        box-shadow: 0 0 0 ", "px\n          ", ";\n        background-color: ", " !important;\n\n        .", " {\n          color: ", " !important;\n        }\n      }\n    }\n\n    .", " {\n      cursor: text;\n    }\n\n    /* Danger when nested node */\n    .danger .", " {\n      &[data-panel-type] {\n        background-color: ", ";\n\n        .", " {\n          color: ", ";\n        }\n      }\n    }\n\n    ", ";\n  }\n\n  .", ".", ":not(.danger) {\n    ", "\n  }\n"])), PanelSharedCssClassName.prefix, akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackground, PanelSharedCssClassName.icon, akEditorDeleteIconColor, PanelSharedCssClassName.content, PanelSharedCssClassName.prefix, akEditorDeleteBackgroundWithOpacity, PanelSharedCssClassName.icon, akEditorDeleteIconColor, panelSharedStyles(props), PanelSharedCssClassName.prefix, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]));

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

@@ -17,7 +17,7 @@ import commonMessages from '../../messages';
 import { removePanel, changePanelType } from './actions';
 import { hoverDecoration } from '../base/pm-plugins/decoration';
 import { panelBackgroundPalette } from '../../ui/ColorPalette/Palettes/panelBackgroundPalette';
-import { getPanelTypeBackground } from '@atlaskit/editor-common/styles';
+import { getPanelTypeBackground } from '@atlaskit/editor-common/panel';
 import { findPanel } from './utils';
 import { findDomRefAtPos } from 'prosemirror-utils';
 import { DEFAULT_BORDER_COLOR } from '../../ui/ColorPalette/Palettes';

package/dist/esm/plugins/panel/utils.js

@@ -6,7 +6,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { findSelectedNodeOfType, findParentNodeOfType } from 'prosemirror-utils';
 import { PanelType } from '@atlaskit/adf-schema';
-import { PanelSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 export var findPanel = function findPanel(state, selection) {
   var panel = state.schema.nodes.panel;
   return findSelectedNodeOfType(panel)(selection || state.selection) || findParentNodeOfType(panel)(selection || state.selection);

package/dist/esm/plugins/paste/handlers.js

@@ -644,12 +644,13 @@ export function insertIntoPanel(tr, slice, panel) {
 }
 export function handleRichText(slice) {
   return function (state, dispatch) {
-    var _slice$content;
+    var _slice$content, _panelParentOverCurre;
 
     var _state$schema$nodes2 = state.schema.nodes,
         codeBlock = _state$schema$nodes2.codeBlock,
         heading = _state$schema$nodes2.heading,
-        paragraph = _state$schema$nodes2.paragraph;
+        paragraph = _state$schema$nodes2.paragraph,
+        panel = _state$schema$nodes2.panel;
     var selection = state.selection;
     var firstChildOfSlice = (_slice$content = slice.content) === null || _slice$content === void 0 ? void 0 : _slice$content.firstChild; // In case user is pasting inline code,
     // any backtick ` immediately preceding it should be removed.
@@ -674,8 +675,10 @@ export function handleRichText(slice) {
     var textNodes = [heading, paragraph];
     var selectionParent = selection.$to.node(selection.$to.depth - 1);
     var noNeedForSafeInsert = selection.$to.node().type.validContent(slice.content) || textNodes.includes(selection.$to.node().type) && selectionParent.type.validContent(slice.content);
+    var panelParentOverCurrentSelection = findParentNodeOfType(panel)(tr.selection);
+    var isTargetPanelEmpty = panelParentOverCurrentSelection && ((_panelParentOverCurre = panelParentOverCurrentSelection.node) === null || _panelParentOverCurre === void 0 ? void 0 : _panelParentOverCurre.content.size) === 2;
 
-    if (isSliceContentListNodes) {
+    if (isSliceContentListNodes || isTargetPanelEmpty) {
       insertSliceForLists({
         tr: tr,
         slice: slice

package/dist/esm/plugins/paste/pm-plugins/main.js

@@ -1,7 +1,5 @@
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-// @ts-ignore: outdated type definitions
-import { handlePaste as handlePasteTable } from '@atlaskit/editor-tables/utils';
 import { Slice, Fragment } from 'prosemirror-model';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
@@ -13,11 +11,7 @@ import * as clipboard from '../../../utils/clipboard';
 import { transformSliceForMedia } from '../../media/utils/media-single';
 import { escapeLinks, htmlContainsSingleFile, isPastedFromWord, isPastedFromExcel, htmlHasInvalidLinkTags, removeDuplicateInvalidLinks } from '../util';
 import { linkifyContent } from '../../hyperlink/utils';
-import { transformSliceToRemoveOpenBodiedExtension } from '../../extension/actions';
-import { transformSliceToRemoveOpenLayoutNodes } from '../../layout/utils';
-import { transformSliceNestedExpandToExpand, transformSliceToRemoveOpenExpand } from '../../expand/utils';
-import { transformSliceToRemoveOpenTable, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell } from '../../table/utils';
-import { transformSliceToAddTableHeaders } from '../../table/commands';
+import { transformSliceNestedExpandToExpand } from '../../expand/utils';
 import { handleMacroAutoConvert, handleMention, handleParagraphBlockMarks } from '../handlers';
 import { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToCodeMark } from '../../code-block/utils';
 import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent } from './analytics';
@@ -25,34 +19,17 @@ import { analyticsPluginKey, PasteTypes } from '../../analytics';
 import { insideTable, measurements } from '../../../utils';
 import { measureRender } from '@atlaskit/editor-common/utils';
 import { transformSliceToCorrectMediaWrapper, unwrapNestedMediaElements } from '../../media/utils/media-common';
-import { transformSliceToRemoveColumnsWidths, transformSliceRemoveCellBackgroundColor } from '../../table/commands/misc';
 import { upgradeTextToLists, splitParagraphs } from '../../list/transforms';
 import { md } from '../md';
-import { getPluginState as getTablePluginState } from '../../table/pm-plugins/plugin-factory';
 import { transformUnsupportedBlockCardToInline } from '../../card/utils';
 import { transformSliceToDecisionList } from '../../tasks-and-decisions/utils';
 import { containsAnyAnnotations, stripNonExistingAnnotations } from '../../annotation/utils';
 import { pluginKey as betterTypePluginKey } from '../../base/pm-plugins/better-type-history';
 import { clipboardTextSerializer } from './clipboard-text-serializer';
 import { htmlHasIncompleteTable, tryRebuildCompleteTableHtml, isPastedFromTinyMCEConfluence } from '../util/tinyMCE';
+import { handlePaste as handlePasteTable } from '@atlaskit/editor-tables/utils';
 export var stateKey = new PluginKey('pastePlugin');
 export { md } from '../md';
-
-function isHeaderRowRequired(state) {
-  var tableState = getTablePluginState(state);
-  return tableState && tableState.pluginConfig.isHeaderRowRequired;
-}
-
-function isAllowResizingEnabled(state) {
-  var tableState = getTablePluginState(state);
-  return tableState && tableState.pluginConfig.allowColumnResizing;
-}
-
-function isBackgroundCellAllowed(state) {
-  var tableState = getTablePluginState(state);
-  return tableState && tableState.pluginConfig.allowBackgroundColor;
-}
-
 export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkification, cardOptions, sanitizePrivateContent, providerFactory) {
   var atlassianMarkDownParser = new MarkdownTransformer(schema, md);
 
@@ -122,6 +99,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
   }
 
   var mostRecentPasteEvent;
+  var pastedFromBitBucket = false;
   return new SafePlugin({
     key: stateKey,
     props: {
@@ -134,7 +112,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
         }
       },
       handlePaste: function handlePaste(view, rawEvent, slice) {
-        var _analyticsPlugin$perf, _analyticsPlugin$perf2;
+        var _analyticsPlugin$perf, _analyticsPlugin$perf2, _schema$nodes, _schema$nodes2, _schema$nodes3;
 
         var event = rawEvent;
 
@@ -245,7 +223,20 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
           }
         }
 
-        slice = transformUnsupportedBlockCardToInline(slice, state);
+        slice = transformUnsupportedBlockCardToInline(slice, state); // Handles edge case so that when copying text from the top level of the document
+        // it can be pasted into nodes like panels/actions/decisions without removing them.
+        // Overriding openStart to be 1 when only pasting a paragraph makes the preferred
+        // depth favour the text, rather than the paragraph node.
+        // https://github.com/ProseMirror/prosemirror-transform/blob/master/src/replace.js#:~:text=Transform.prototype.-,replaceRange,-%3D%20function(from%2C%20to
+
+        var selectionDepth = state.selection.$head.depth;
+        var selectionParentNode = state.selection.$head.node(selectionDepth - 1);
+        var selectionParentType = selectionParentNode === null || selectionParentNode === void 0 ? void 0 : selectionParentNode.type;
+        var edgeCaseNodeTypes = [(_schema$nodes = schema.nodes) === null || _schema$nodes === void 0 ? void 0 : _schema$nodes.panel, (_schema$nodes2 = schema.nodes) === null || _schema$nodes2 === void 0 ? void 0 : _schema$nodes2.taskList, (_schema$nodes3 = schema.nodes) === null || _schema$nodes3 === void 0 ? void 0 : _schema$nodes3.decisionList];
+
+        if (slice.openStart === 0 && selectionParentNode && edgeCaseNodeTypes.includes(selectionParentType)) {
+          slice.openStart = 1;
+        }
 
         if (handlePasteIntoTaskAndDecisionWithAnalytics(view, event, slice, isPlainText ? PasteTypes.plain : PasteTypes.richText)(state, dispatch)) {
           return true;
@@ -289,23 +280,6 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
               type: PasteTypes.richText
             });
             return true;
-          } // if we're pasting to outside a table or outside a table
-          // header, ensure that we apply any table headers to the first
-          // row of content we see, if required
-
-
-          if (!insideTable(state) && isHeaderRowRequired(state)) {
-            slice = transformSliceToAddTableHeaders(slice, state.schema);
-          }
-
-          if (!isAllowResizingEnabled(state)) {
-            slice = transformSliceToRemoveColumnsWidths(slice, state.schema);
-          } // If we don't allow background on cells, we need to remove it
-          // from the paste slice
-
-
-          if (!isBackgroundCellAllowed(state)) {
-            slice = transformSliceRemoveCellBackgroundColor(slice, state.schema);
           } // get editor-tables to handle pasting tables if it can
           // otherwise, just the replace the selection with the content
 
@@ -345,27 +319,16 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
         if (sanitizePrivateContent) {
           slice = handleMention(slice, schema);
         }
-
-        slice = transformSliceToFixHardBreakProblemOnCopyFromCell(slice, schema); // We do this separately so it also applies to drag/drop events
-        // This needs to go before `transformSliceToRemoveOpenExpand`
-
-        slice = transformSliceToRemoveOpenLayoutNodes(slice, schema); // If a partial paste of expand, paste only the content
-        // This needs to go before `transformSliceToRemoveOpenTable`
-
-        slice = transformSliceToRemoveOpenExpand(slice, schema);
-        /** If a partial paste of table, paste only table's content */
-
-        slice = transformSliceToRemoveOpenTable(slice, schema);
-        /** If a partial paste of bodied extension, paste only text */
-
-        slice = transformSliceToRemoveOpenBodiedExtension(slice, schema);
         /* Bitbucket copies diffs as multiple adjacent code blocks
          * so we merge ALL adjacent code blocks to support paste here */
 
-        slice = transformSliceToJoinAdjacentCodeBlocks(slice);
+
+        if (pastedFromBitBucket) {
+          slice = transformSliceToJoinAdjacentCodeBlocks(slice);
+        }
+
         slice = transformSingleLineCodeBlockToCodeMark(slice, schema);
         slice = transformSliceToCorrectMediaWrapper(slice, schema);
-        slice = transformSliceToCorrectEmptyTableCells(slice, schema);
         slice = transformSliceToDecisionList(slice, schema); // splitting linebreaks into paragraphs must happen before upgrading text to lists
 
         slice = splitParagraphs(slice, schema);
@@ -405,8 +368,10 @@ export function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinki
 
         if (htmlHasInvalidLinkTags(html)) {
           html = removeDuplicateInvalidLinks(html);
-        }
+        } // Fix for ED-13568: Code blocks being copied/pasted when next to each other get merged
+
 
+        pastedFromBitBucket = html.indexOf('data-qa="code-line"') >= 0;
         mostRecentPasteEvent = null;
         return html;
       }

package/dist/esm/plugins/status/nodeviews/status.js

@@ -1,15 +1,15 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject;
+var _templateObject, _templateObject2;
 
+/** @jsx jsx */
 import React from 'react';
+import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
-import styled from 'styled-components';
 import { Status } from '@atlaskit/status/element';
 import { messages } from './messages';
-export var StyledStatus = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  opacity: ", ";\n"])), function (props) {
-  return props.placeholderStyle ? 0.5 : 1;
-});
+var styledStatus = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  opacity: 1;\n"])));
+var styledStatusPlaceholder = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  opacity: 0.5;\n"])));
 
 var StatusContainerView = function StatusContainerView(props) {
   var text = props.text,
@@ -26,9 +26,9 @@ var StatusContainerView = function StatusContainerView(props) {
 
   };
 
-  return /*#__PURE__*/React.createElement(StyledStatus, {
-    placeholderStyle: !text
-  }, /*#__PURE__*/React.createElement(Status, {
+  return jsx("span", {
+    css: text ? styledStatus : styledStatusPlaceholder
+  }, jsx(Status, {
     text: statusText,
     color: color,
     localId: localId,
@@ -45,7 +45,7 @@ export var StatusNodeView = function StatusNodeView(props) {
       color = _props$node$attrs.color,
       localId = _props$node$attrs.localId,
       style = _props$node$attrs.style;
-  return /*#__PURE__*/React.createElement(IntlStatusContainerView, {
+  return jsx(IntlStatusContainerView, {
     view: view,
     text: text,
     color: color,

package/dist/esm/plugins/status/ui/statusPicker.js

@@ -13,8 +13,9 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 React from 'react';
-import styled from 'styled-components';
+import { css, jsx } from '@emotion/react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
@@ -34,7 +35,7 @@ export var InputMethod;
   InputMethod["enterKey"] = "enterKey";
 })(InputMethod || (InputMethod = {}));
 
-var PickerContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  padding: ", "px 0;\n  border-radius: ", "px;\n  ", ";\n  input {\n    text-transform: uppercase;\n  }\n"])), N0, gridSize(), borderRadius(), dropShadow);
+var pickerContainer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  padding: ", "px 0;\n  border-radius: ", "px;\n  ", ";\n  input {\n    text-transform: uppercase;\n  }\n"])), N0, gridSize(), borderRadius(), dropShadow);
 export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component) {
   _inherits(StatusPickerWithoutAnalytcs, _React$Component);
 
@@ -228,16 +229,17 @@ export var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component
       var _this$state3 = this.state,
           color = _this$state3.color,
           text = _this$state3.text;
-      return target && /*#__PURE__*/React.createElement(PopupWithListeners, {
+      return target && jsx(PopupWithListeners, {
         target: target,
         offset: [0, 8],
         handleClickOutside: this.handleClickOutside,
         handleEscapeKeydown: this.handleEscapeKeydown,
         zIndex: akEditorFloatingDialogZIndex,
         fitHeight: 40
-      }, /*#__PURE__*/React.createElement(PickerContainer, {
+      }, jsx("div", {
+        css: pickerContainer,
         onClick: this.handlePopupClick
-      }, /*#__PURE__*/React.createElement(AkStatusPicker, {
+      }, jsx(AkStatusPicker, {
         autoFocus: isNew,
         selectedColor: color,
         text: text,

package/dist/esm/plugins/table/commands/insert.js

@@ -4,7 +4,6 @@ import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { addColumnAt as addColumnAtPMUtils, addRowAt, createTable as createTableNode, findTable, selectedRect } from '@atlaskit/editor-tables/utils';
 import { safeInsert } from 'prosemirror-utils';
 import { AddColumnStep } from '@atlaskit/adf-schema/steps';
-import { getPluginState } from '../pm-plugins/plugin-factory';
 import { checkIfHeaderRowEnabled, copyPreviousRow } from '../utils';
 import { getAllowAddColumnCustomStep } from '../utils/get-allow-add-column-custom-step';
 import { rescaleColumns } from '../transforms/column-width';
@@ -133,10 +132,6 @@ export var insertRow = function insertRow(row, moveCursorToTheNewRow) {
 };
 export var createTable = function createTable() {
   return function (state, dispatch) {
-    if (!getPluginState(state)) {
-      return false;
-    }
-
     var table = createTableNode({
       schema: state.schema
     });

package/dist/esm/plugins/table/pm-plugins/main.js

@@ -15,12 +15,18 @@ import { createTableView } from '../nodeviews/table';
 import { pluginKey as decorationsPluginKey } from '../pm-plugins/decorations/plugin';
 import { fixTables, replaceSelectedTable } from '../transforms';
 import { TableCssClassName as ClassName } from '../types';
-import { findControlsHoverDecoration, updateResizeHandles } from '../utils';
+import { findControlsHoverDecoration, transformSliceToCorrectEmptyTableCells, transformSliceToFixHardBreakProblemOnCopyFromCell, transformSliceToRemoveOpenTable, updateResizeHandles } from '../utils';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD } from '../../analytics';
 import { defaultTableSelection } from './default-table-selection';
 import { createPluginState, getPluginState } from './plugin-factory';
 import { pluginKey } from './plugin-key';
 import TableCellNodeView from '../nodeviews/tableCell';
+import { transformSliceRemoveCellBackgroundColor, transformSliceToRemoveColumnsWidths, transformSliceToAddTableHeaders } from '../commands/misc';
+import { transformSliceToRemoveOpenLayoutNodes } from '../../layout/utils';
+import { transformSliceToRemoveOpenExpand } from '../../expand/utils';
+import { transformSliceToRemoveOpenBodiedExtension } from '../../extension/actions';
+import { insideTable } from '../../../utils';
+import { isHeaderRowRequired } from '../utils/paste';
 var isBreakoutEnabled;
 var isDynamicTextSizingEnabled;
 var isFullWidthModeEnabled;
@@ -60,6 +66,18 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
   } : {}; // Used to prevent invalid table cell spans being reported more than once per editor/document
 
   var invalidTableIds = [];
+  var editorViewRef = null;
+
+  var getCurrentEditorState = function getCurrentEditorState() {
+    var editorView = editorViewRef;
+
+    if (!editorView) {
+      return null;
+    }
+
+    return editorView.state;
+  };
+
   return new SafePlugin({
     state: state,
     key: pluginKey,
@@ -103,6 +121,7 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
     },
     view: function view(editorView) {
       var domAtPos = editorView.domAtPos.bind(editorView);
+      editorViewRef = editorView;
       return {
         update: function update(view) {
           var state = view.state,
@@ -152,6 +171,48 @@ export var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch
       };
     },
     props: {
+      transformPasted: function transformPasted(slice) {
+        var editorState = getCurrentEditorState();
+
+        if (!editorState) {
+          return slice;
+        }
+
+        var schema = editorState.schema; // if we're pasting to outside a table or outside a table
+        // header, ensure that we apply any table headers to the first
+        // row of content we see, if required
+
+        if (!insideTable(editorState) && isHeaderRowRequired(editorState)) {
+          slice = transformSliceToAddTableHeaders(slice, schema);
+        }
+
+        slice = transformSliceToFixHardBreakProblemOnCopyFromCell(slice, schema); // We do this separately, so it also applies to drag/drop events
+        // This needs to go before `transformSliceToRemoveOpenExpand`
+
+        slice = transformSliceToRemoveOpenLayoutNodes(slice, schema); // If a partial paste of expand, paste only the content
+        // This needs to go before `transformSliceToRemoveOpenTable`
+
+        slice = transformSliceToRemoveOpenExpand(slice, schema);
+        /** If a partial paste of table, paste only table's content */
+
+        slice = transformSliceToRemoveOpenTable(slice, schema);
+        /** If a partial paste of bodied extension, paste only text */
+
+        slice = transformSliceToRemoveOpenBodiedExtension(slice, schema);
+        slice = transformSliceToCorrectEmptyTableCells(slice, schema);
+
+        if (!pluginConfig.allowColumnResizing) {
+          slice = transformSliceToRemoveColumnsWidths(slice, schema);
+        } // If we don't allow background on cells, we need to remove it
+        // from the paste slice
+
+
+        if (!pluginConfig.allowBackgroundColor) {
+          slice = transformSliceRemoveCellBackgroundColor(slice, schema);
+        }
+
+        return slice;
+      },
       handleClick: function handleClick(_ref2, _pos, event) {
         var state = _ref2.state,
             dispatch = _ref2.dispatch;

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

@@ -14,14 +14,16 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
-import React, { Component } from 'react';
+/** @jsx jsx */
+import { Component } from 'react';
+import { jsx } from '@emotion/react';
 import { splitCell } from '@atlaskit/editor-tables/utils';
 import { defineMessages, injectIntl } from 'react-intl-next';
 import { addColumnAfter, addRowAfter, backspace, tooltip } from '../../../../keymaps';
 import ColorPalette from '../../../../ui/ColorPalette';
 import cellBackgroundColorPalette from '../../../../ui/ColorPalette/Palettes/cellBackgroundColorPalette';
 import DropdownMenu from '../../../../ui/DropdownMenu';
-import { Shortcut, CellColourPreview } from '../../../../ui/styles';
+import { shortcutStyle, cellColourPreviewStyles } from '../../../../ui/styles';
 import { closestElement } from '../../../../utils/dom';
 import { INPUT_METHOD } from '../../../analytics';
 import { clearHoverSelection, hoverColumns, hoverMergedCells, hoverRows, toggleContextualMenu } from '../../commands';
@@ -138,13 +140,13 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
           value: {
             name: 'background'
           },
-          elemAfter: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CellColourPreview, {
-            selectedColor: background,
+          elemAfter: jsx("div", null, jsx("div", {
+            css: cellColourPreviewStyles(background),
             className: ClassName.CONTEXTUAL_MENU_ICON
-          }), isSubmenuOpen && /*#__PURE__*/React.createElement("div", {
+          }), isSubmenuOpen && jsx("div", {
             className: ClassName.CONTEXTUAL_SUBMENU,
             ref: _this.handleSubMenuRef
-          }, /*#__PURE__*/React.createElement(ColorPalette, {
+          }, jsx(ColorPalette, {
             cols: 7,
             palette: cellBackgroundColorPalette,
             onClick: _this.setColor,
@@ -158,14 +160,18 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         value: {
           name: 'insert_column'
         },
-        elemAfter: /*#__PURE__*/React.createElement(Shortcut, null, tooltip(addColumnAfter))
+        elemAfter: jsx("div", {
+          css: shortcutStyle
+        }, tooltip(addColumnAfter))
       });
       items.push({
         content: formatMessage(tableMessages.insertRow),
         value: {
           name: 'insert_row'
         },
-        elemAfter: /*#__PURE__*/React.createElement(Shortcut, null, tooltip(addRowAfter))
+        elemAfter: jsx("div", {
+          css: shortcutStyle
+        }, tooltip(addRowAfter))
       });
       var top = selectionRect.top,
           bottom = selectionRect.bottom,
@@ -248,7 +254,9 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         value: {
           name: 'clear'
         },
-        elemAfter: /*#__PURE__*/React.createElement(Shortcut, null, tooltip(backspace))
+        elemAfter: jsx("div", {
+          css: shortcutStyle
+        }, tooltip(backspace))
       });
       return items.length ? [{
         items: items
@@ -458,10 +466,10 @@ export var ContextualMenu = /*#__PURE__*/function (_Component) {
         return null;
       }
 
-      return /*#__PURE__*/React.createElement("div", {
+      return jsx("div", {
         "data-testid": "table-cell-contextual-menu",
         onMouseLeave: this.closeSubmenu
-      }, /*#__PURE__*/React.createElement(DropdownMenu, {
+      }, jsx(DropdownMenu, {
         mountTo: mountPoint,
         items: items,
         isOpen: isOpen,