@atlaskit/editor-core 163.0.0 → 164.0.2

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

@@ -20,8 +20,6 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _utils = require("@atlaskit/editor-tables/utils");
-
 var _prosemirrorModel = require("prosemirror-model");
 
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
@@ -40,45 +38,33 @@ var _mediaSingle = require("../../media/utils/media-single");
 
 var _util = require("../util");
 
-var _utils2 = require("../../hyperlink/utils");
-
-var _actions = require("../../extension/actions");
-
-var _utils3 = require("../../layout/utils");
-
-var _utils4 = require("../../expand/utils");
+var _utils = require("../../hyperlink/utils");
 
-var _utils5 = require("../../table/utils");
-
-var _commands = require("../../table/commands");
+var _utils2 = require("../../expand/utils");
 
 var _handlers = require("../handlers");
 
-var _utils6 = require("../../code-block/utils");
+var _utils3 = require("../../code-block/utils");
 
 var _analytics = require("./analytics");
 
 var _analytics2 = require("../../analytics");
 
-var _utils7 = require("../../../utils");
+var _utils4 = require("../../../utils");
 
-var _utils8 = require("@atlaskit/editor-common/utils");
+var _utils5 = require("@atlaskit/editor-common/utils");
 
 var _mediaCommon = require("../../media/utils/media-common");
 
-var _misc = require("../../table/commands/misc");
-
 var _transforms = require("../../list/transforms");
 
 var _md = require("../md");
 
-var _pluginFactory = require("../../table/pm-plugins/plugin-factory");
+var _utils6 = require("../../card/utils");
 
-var _utils9 = require("../../card/utils");
+var _utils7 = require("../../tasks-and-decisions/utils");
 
-var _utils10 = require("../../tasks-and-decisions/utils");
-
-var _utils11 = require("../../annotation/utils");
+var _utils8 = require("../../annotation/utils");
 
 var _betterTypeHistory = require("../../base/pm-plugins/better-type-history");
 
@@ -86,30 +72,16 @@ var _clipboardTextSerializer = require("./clipboard-text-serializer");
 
 var _tinyMCE = require("../util/tinyMCE");
 
+var _utils9 = require("@atlaskit/editor-tables/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; }
 
-// @ts-ignore: outdated type definitions
 _analytics.sendPasteAnalyticsEvent;
 var stateKey = new _prosemirrorState.PluginKey('pastePlugin');
 exports.stateKey = stateKey;
 
-function isHeaderRowRequired(state) {
-  var tableState = (0, _pluginFactory.getPluginState)(state);
-  return tableState && tableState.pluginConfig.isHeaderRowRequired;
-}
-
-function isAllowResizingEnabled(state) {
-  var tableState = (0, _pluginFactory.getPluginState)(state);
-  return tableState && tableState.pluginConfig.allowColumnResizing;
-}
-
-function isBackgroundCellAllowed(state) {
-  var tableState = (0, _pluginFactory.getPluginState)(state);
-  return tableState && tableState.pluginConfig.allowBackgroundColor;
-}
-
 function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkification, cardOptions, sanitizePrivateContent, providerFactory) {
   var atlassianMarkDownParser = new _editorMarkdownTransformer.MarkdownTransformer(schema, _md.md);
 
@@ -179,6 +151,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkificatio
   }
 
   var mostRecentPasteEvent;
+  var pastedFromBitBucket = false;
   return new _safePlugin.SafePlugin({
     key: stateKey,
     props: {
@@ -191,7 +164,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkificatio
         }
       },
       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;
 
@@ -247,8 +220,8 @@ function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkificatio
         if (pasteTrackingEnabled) {
           var content = (0, _analytics.getContentNodeTypes)(slice.content);
           var pasteId = (0, _uuid.default)();
-          var measureName = "".concat(_utils7.measurements.PASTE, "_").concat(pasteId);
-          (0, _utils8.measureRender)(measureName, function (duration) {
+          var measureName = "".concat(_utils4.measurements.PASTE, "_").concat(pasteId);
+          (0, _utils5.measureRender)(measureName, function (duration) {
             var payload = (0, _analytics.createPasteMeasurePayload)(view, duration, content);
 
             if (payload) {
@@ -274,7 +247,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkificatio
         };
 
         slice = (0, _handlers.handleParagraphBlockMarks)(state, slice);
-        var plainTextPasteSlice = plainTextPasteLinkification === true ? (0, _utils2.linkifyContent)(state.schema)(slice) : slice;
+        var plainTextPasteSlice = plainTextPasteLinkification === true ? (0, _utils.linkifyContent)(state.schema)(slice) : slice;
 
         if ((0, _analytics.handlePasteAsPlainTextWithAnalytics)(view, event, plainTextPasteSlice)(state, dispatch, view)) {
           return true;
@@ -304,7 +277,20 @@ function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkificatio
           }
         }
 
-        slice = (0, _utils9.transformUnsupportedBlockCardToInline)(slice, state);
+        slice = (0, _utils6.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 ((0, _analytics.handlePasteIntoTaskAndDecisionWithAnalytics)(view, event, slice, isPlainText ? _analytics2.PasteTypes.plain : _analytics2.PasteTypes.richText)(state, dispatch)) {
           return true;
@@ -335,7 +321,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkificatio
 
         if (isRichText) {
           // linkify the text where possible
-          slice = (0, _utils2.linkifyContent)(state.schema)(slice);
+          slice = (0, _utils.linkifyContent)(state.schema)(slice);
 
           if ((0, _analytics.handlePasteLinkOnSelectedTextWithAnalytics)(view, event, slice, _analytics2.PasteTypes.richText)(state, dispatch)) {
             return true;
@@ -348,28 +334,11 @@ function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkificatio
               type: _analytics2.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 (!(0, _utils7.insideTable)(state) && isHeaderRowRequired(state)) {
-            slice = (0, _commands.transformSliceToAddTableHeaders)(slice, state.schema);
-          }
-
-          if (!isAllowResizingEnabled(state)) {
-            slice = (0, _misc.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 = (0, _misc.transformSliceRemoveCellBackgroundColor)(slice, state.schema);
           } // get editor-tables to handle pasting tables if it can
           // otherwise, just the replace the selection with the content
 
 
-          if ((0, _utils.handlePaste)(view, null, slice)) {
+          if ((0, _utils9.handlePaste)(view, null, slice)) {
             (0, _analytics.sendPasteAnalyticsEvent)(view, event, slice, {
               type: _analytics2.PasteTypes.richText
             });
@@ -378,8 +347,8 @@ function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkificatio
           // for the cases when they are pasted from external pages
 
 
-          if (slice.content.size && (0, _utils11.containsAnyAnnotations)(slice, state)) {
-            (0, _utils11.stripNonExistingAnnotations)(slice, state);
+          if (slice.content.size && (0, _utils8.containsAnyAnnotations)(slice, state)) {
+            (0, _utils8.stripNonExistingAnnotations)(slice, state);
           } // ED-4732
 
 
@@ -391,8 +360,8 @@ function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkificatio
             return true;
           }
 
-          if (!(0, _utils7.insideTable)(state)) {
-            slice = (0, _utils4.transformSliceNestedExpandToExpand)(slice, state.schema);
+          if (!(0, _utils4.insideTable)(state)) {
+            slice = (0, _utils2.transformSliceNestedExpandToExpand)(slice, state.schema);
           }
 
           return (0, _analytics.handleRichTextWithAnalytics)(view, event, slice)(state, dispatch);
@@ -404,28 +373,17 @@ function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkificatio
         if (sanitizePrivateContent) {
           slice = (0, _handlers.handleMention)(slice, schema);
         }
-
-        slice = (0, _utils5.transformSliceToFixHardBreakProblemOnCopyFromCell)(slice, schema); // We do this separately so it also applies to drag/drop events
-        // This needs to go before `transformSliceToRemoveOpenExpand`
-
-        slice = (0, _utils3.transformSliceToRemoveOpenLayoutNodes)(slice, schema); // If a partial paste of expand, paste only the content
-        // This needs to go before `transformSliceToRemoveOpenTable`
-
-        slice = (0, _utils4.transformSliceToRemoveOpenExpand)(slice, schema);
-        /** If a partial paste of table, paste only table's content */
-
-        slice = (0, _utils5.transformSliceToRemoveOpenTable)(slice, schema);
-        /** If a partial paste of bodied extension, paste only text */
-
-        slice = (0, _actions.transformSliceToRemoveOpenBodiedExtension)(slice, schema);
         /* Bitbucket copies diffs as multiple adjacent code blocks
          * so we merge ALL adjacent code blocks to support paste here */
 
-        slice = (0, _utils6.transformSliceToJoinAdjacentCodeBlocks)(slice);
-        slice = (0, _utils6.transformSingleLineCodeBlockToCodeMark)(slice, schema);
+
+        if (pastedFromBitBucket) {
+          slice = (0, _utils3.transformSliceToJoinAdjacentCodeBlocks)(slice);
+        }
+
+        slice = (0, _utils3.transformSingleLineCodeBlockToCodeMark)(slice, schema);
         slice = (0, _mediaCommon.transformSliceToCorrectMediaWrapper)(slice, schema);
-        slice = (0, _utils5.transformSliceToCorrectEmptyTableCells)(slice, schema);
-        slice = (0, _utils10.transformSliceToDecisionList)(slice, schema); // splitting linebreaks into paragraphs must happen before upgrading text to lists
+        slice = (0, _utils7.transformSliceToDecisionList)(slice, schema); // splitting linebreaks into paragraphs must happen before upgrading text to lists
 
         slice = (0, _transforms.splitParagraphs)(slice, schema);
         slice = (0, _transforms.upgradeTextToLists)(slice, schema);
@@ -464,8 +422,10 @@ function createPlugin(schema, dispatchAnalyticsEvent, plainTextPasteLinkificatio
 
         if ((0, _util.htmlHasInvalidLinkTags)(html)) {
           html = (0, _util.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/cjs/plugins/status/nodeviews/status.js

@@ -5,27 +5,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledStatus = exports.StatusNodeView = exports.IntlStatusContainerView = void 0;
+exports.StatusNodeView = exports.IntlStatusContainerView = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntlNext = require("react-intl-next");
+var _react2 = require("@emotion/react");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _reactIntlNext = require("react-intl-next");
 
 var _element = require("@atlaskit/status/element");
 
 var _messages = require("./messages");
 
-var _templateObject;
-
-var StyledStatus = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  opacity: ", ";\n"])), function (props) {
-  return props.placeholderStyle ? 0.5 : 1;
-});
+var _templateObject, _templateObject2;
 
-exports.StyledStatus = StyledStatus;
+var styledStatus = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  opacity: 1;\n"])));
+var styledStatusPlaceholder = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  opacity: 0.5;\n"])));
 
 var StatusContainerView = function StatusContainerView(props) {
   var text = props.text,
@@ -42,9 +39,9 @@ var StatusContainerView = function StatusContainerView(props) {
 
   };
 
-  return /*#__PURE__*/_react.default.createElement(StyledStatus, {
-    placeholderStyle: !text
-  }, /*#__PURE__*/_react.default.createElement(_element.Status, {
+  return (0, _react2.jsx)("span", {
+    css: text ? styledStatus : styledStatusPlaceholder
+  }, (0, _react2.jsx)(_element.Status, {
     text: statusText,
     color: color,
     localId: localId,
@@ -63,7 +60,7 @@ var StatusNodeView = function StatusNodeView(props) {
       color = _props$node$attrs.color,
       localId = _props$node$attrs.localId,
       style = _props$node$attrs.style;
-  return /*#__PURE__*/_react.default.createElement(IntlStatusContainerView, {
+  return (0, _react2.jsx)(IntlStatusContainerView, {
     view: view,
     text: text,
     color: color,

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

@@ -25,7 +25,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react2 = require("@emotion/react");
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
@@ -63,7 +63,7 @@ exports.InputMethod = InputMethod;
   InputMethod["enterKey"] = "enterKey";
 })(InputMethod || (exports.InputMethod = InputMethod = {}));
 
-var PickerContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  padding: ", "px 0;\n  border-radius: ", "px;\n  ", ";\n  input {\n    text-transform: uppercase;\n  }\n"])), _colors.N0, (0, _constants.gridSize)(), (0, _constants.borderRadius)(), _styles.dropShadow);
+var pickerContainer = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  padding: ", "px 0;\n  border-radius: ", "px;\n  ", ";\n  input {\n    text-transform: uppercase;\n  }\n"])), _colors.N0, (0, _constants.gridSize)(), (0, _constants.borderRadius)(), _styles.dropShadow);
 
 var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(StatusPickerWithoutAnalytcs, _React$Component);
@@ -249,16 +249,17 @@ var StatusPickerWithoutAnalytcs = /*#__PURE__*/function (_React$Component) {
       var _this$state3 = this.state,
           color = _this$state3.color,
           text = _this$state3.text;
-      return target && /*#__PURE__*/_react.default.createElement(PopupWithListeners, {
+      return target && (0, _react2.jsx)(PopupWithListeners, {
         target: target,
         offset: [0, 8],
         handleClickOutside: this.handleClickOutside,
         handleEscapeKeydown: this.handleEscapeKeydown,
         zIndex: _editorSharedStyles.akEditorFloatingDialogZIndex,
         fitHeight: 40
-      }, /*#__PURE__*/_react.default.createElement(PickerContainer, {
+      }, (0, _react2.jsx)("div", {
+        css: pickerContainer,
         onClick: this.handlePopupClick
-      }, /*#__PURE__*/_react.default.createElement(_picker.StatusPicker, {
+      }, (0, _react2.jsx)(_picker.StatusPicker, {
         autoFocus: isNew,
         selectedColor: color,
         text: text,

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

@@ -17,8 +17,6 @@ var _prosemirrorUtils = require("prosemirror-utils");
 
 var _steps = require("@atlaskit/adf-schema/steps");
 
-var _pluginFactory = require("../pm-plugins/plugin-factory");
-
 var _utils2 = require("../utils");
 
 var _getAllowAddColumnCustomStep = require("../utils/get-allow-add-column-custom-step");
@@ -164,10 +162,6 @@ exports.insertRow = insertRow;
 
 var createTable = function createTable() {
   return function (state, dispatch) {
-    if (!(0, _pluginFactory.getPluginState)(state)) {
-      return false;
-    }
-
     var table = (0, _utils.createTable)({
       schema: state.schema
     });

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

@@ -43,6 +43,18 @@ var _pluginKey = require("./plugin-key");
 
 var _tableCell = _interopRequireDefault(require("../nodeviews/tableCell"));
 
+var _misc = require("../commands/misc");
+
+var _utils4 = require("../../layout/utils");
+
+var _utils5 = require("../../expand/utils");
+
+var _actions = require("../../extension/actions");
+
+var _utils6 = require("../../../utils");
+
+var _paste = require("../utils/paste");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -87,6 +99,18 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
   } : {}; // 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.SafePlugin({
     state: state,
     key: _pluginKey.pluginKey,
@@ -130,6 +154,7 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
     },
     view: function view(editorView) {
       var domAtPos = editorView.domAtPos.bind(editorView);
+      editorViewRef = editorView;
       return {
         update: function update(view) {
           var state = view.state,
@@ -179,6 +204,48 @@ var createPlugin = function createPlugin(dispatchAnalyticsEvent, dispatch, porta
       };
     },
     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 (!(0, _utils6.insideTable)(editorState) && (0, _paste.isHeaderRowRequired)(editorState)) {
+          slice = (0, _misc.transformSliceToAddTableHeaders)(slice, schema);
+        }
+
+        slice = (0, _utils3.transformSliceToFixHardBreakProblemOnCopyFromCell)(slice, schema); // We do this separately, so it also applies to drag/drop events
+        // This needs to go before `transformSliceToRemoveOpenExpand`
+
+        slice = (0, _utils4.transformSliceToRemoveOpenLayoutNodes)(slice, schema); // If a partial paste of expand, paste only the content
+        // This needs to go before `transformSliceToRemoveOpenTable`
+
+        slice = (0, _utils5.transformSliceToRemoveOpenExpand)(slice, schema);
+        /** If a partial paste of table, paste only table's content */
+
+        slice = (0, _utils3.transformSliceToRemoveOpenTable)(slice, schema);
+        /** If a partial paste of bodied extension, paste only text */
+
+        slice = (0, _actions.transformSliceToRemoveOpenBodiedExtension)(slice, schema);
+        slice = (0, _utils3.transformSliceToCorrectEmptyTableCells)(slice, schema);
+
+        if (!pluginConfig.allowColumnResizing) {
+          slice = (0, _misc.transformSliceToRemoveColumnsWidths)(slice, schema);
+        } // If we don't allow background on cells, we need to remove it
+        // from the paste slice
+
+
+        if (!pluginConfig.allowBackgroundColor) {
+          slice = (0, _misc.transformSliceRemoveCellBackgroundColor)(slice, schema);
+        }
+
+        return slice;
+      },
       handleClick: function handleClick(_ref2, _pos, event) {
         var state = _ref2.state,
             dispatch = _ref2.dispatch;

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

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,7 +21,9 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
+
+var _react2 = require("@emotion/react");
 
 var _utils = require("@atlaskit/editor-tables/utils");
 
@@ -63,10 +63,6 @@ var _consts = require("../consts");
 
 var _resizeState = require("../../pm-plugins/table-resizing/utils/resize-state");
 
-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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -178,13 +174,13 @@ var ContextualMenu = /*#__PURE__*/function (_Component) {
           value: {
             name: 'background'
           },
-          elemAfter: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_styles.CellColourPreview, {
-            selectedColor: background,
+          elemAfter: (0, _react2.jsx)("div", null, (0, _react2.jsx)("div", {
+            css: (0, _styles.cellColourPreviewStyles)(background),
             className: _types.TableCssClassName.CONTEXTUAL_MENU_ICON
-          }), isSubmenuOpen && /*#__PURE__*/_react.default.createElement("div", {
+          }), isSubmenuOpen && (0, _react2.jsx)("div", {
             className: _types.TableCssClassName.CONTEXTUAL_SUBMENU,
             ref: _this.handleSubMenuRef
-          }, /*#__PURE__*/_react.default.createElement(_ColorPalette.default, {
+          }, (0, _react2.jsx)(_ColorPalette.default, {
             cols: 7,
             palette: _cellBackgroundColorPalette.default,
             onClick: _this.setColor,
@@ -198,14 +194,18 @@ var ContextualMenu = /*#__PURE__*/function (_Component) {
         value: {
           name: 'insert_column'
         },
-        elemAfter: /*#__PURE__*/_react.default.createElement(_styles.Shortcut, null, (0, _keymaps.tooltip)(_keymaps.addColumnAfter))
+        elemAfter: (0, _react2.jsx)("div", {
+          css: _styles.shortcutStyle
+        }, (0, _keymaps.tooltip)(_keymaps.addColumnAfter))
       });
       items.push({
         content: formatMessage(_messages.default.insertRow),
         value: {
           name: 'insert_row'
         },
-        elemAfter: /*#__PURE__*/_react.default.createElement(_styles.Shortcut, null, (0, _keymaps.tooltip)(_keymaps.addRowAfter))
+        elemAfter: (0, _react2.jsx)("div", {
+          css: _styles.shortcutStyle
+        }, (0, _keymaps.tooltip)(_keymaps.addRowAfter))
       });
       var top = selectionRect.top,
           bottom = selectionRect.bottom,
@@ -288,7 +288,9 @@ var ContextualMenu = /*#__PURE__*/function (_Component) {
         value: {
           name: 'clear'
         },
-        elemAfter: /*#__PURE__*/_react.default.createElement(_styles.Shortcut, null, (0, _keymaps.tooltip)(_keymaps.backspace))
+        elemAfter: (0, _react2.jsx)("div", {
+          css: _styles.shortcutStyle
+        }, (0, _keymaps.tooltip)(_keymaps.backspace))
       });
       return items.length ? [{
         items: items
@@ -490,10 +492,10 @@ var ContextualMenu = /*#__PURE__*/function (_Component) {
         return null;
       }
 
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return (0, _react2.jsx)("div", {
         "data-testid": "table-cell-contextual-menu",
         onMouseLeave: this.closeSubmenu
-      }, /*#__PURE__*/_react.default.createElement(_DropdownMenu.default, {
+      }, (0, _react2.jsx)(_DropdownMenu.default, {
         mountTo: mountPoint,
         items: items,
         isOpen: isOpen,