@atlaskit/editor-core 162.0.2 → 164.0.1

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/placeholder/styles.js

@@ -9,7 +9,7 @@ exports.placeholderStyles = exports.placeHolderClassName = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _styledComponents = require("styled-components");
+var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -17,5 +17,5 @@ var _templateObject;
 
 var placeHolderClassName = 'placeholder-decoration';
 exports.placeHolderClassName = placeHolderClassName;
-var placeholderStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror .", " {\n    position: relative;\n    color: ", ";\n    width: 100%;\n\n    pointer-events: none;\n    display: block;\n    user-select: none;\n\n    > span {\n      position: absolute;\n      pointer-events: none;\n    }\n\n    &.align-end > span {\n      right: 0;\n    }\n\n    &.align-center > span {\n      left: 0;\n    }\n  }\n"])), placeHolderClassName, _colors.N200);
+var placeholderStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror .", " {\n    position: relative;\n    color: ", ";\n    width: 100%;\n\n    pointer-events: none;\n    display: block;\n    user-select: none;\n\n    > span {\n      position: absolute;\n      pointer-events: none;\n    }\n\n    &.align-end > span {\n      right: 0;\n    }\n\n    &.align-center > span {\n      left: 0;\n    }\n  }\n"])), placeHolderClassName, _colors.N200);
 exports.placeholderStyles = placeholderStyles;

package/dist/cjs/plugins/placeholder-text/styles.js

@@ -9,7 +9,7 @@ exports.placeholderTextStyles = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _styledComponents = require("styled-components");
+var _react = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -17,5 +17,5 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _templateObject;
 
-var placeholderTextStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror span[data-placeholder] {\n    color: ", ";\n    display: inline;\n  }\n\n  .ProseMirror span.pm-placeholder {\n    display: inline;\n    color: ", ";\n  }\n  .ProseMirror span.pm-placeholder__text {\n    display: inline;\n    color: ", ";\n  }\n\n  .ProseMirror span.pm-placeholder.", " {\n    ", "\n  }\n\n  .ProseMirror span.pm-placeholder__text[data-placeholder]::after {\n    color: ", ";\n    cursor: text;\n    content: attr(data-placeholder);\n    display: inline;\n  }\n"])), _colors.N300, _colors.N300, _colors.N300, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Background]), _colors.N300);
+var placeholderTextStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror span[data-placeholder] {\n    color: ", ";\n    display: inline;\n  }\n\n  .ProseMirror span.pm-placeholder {\n    display: inline;\n    color: ", ";\n  }\n  .ProseMirror span.pm-placeholder__text {\n    display: inline;\n    color: ", ";\n  }\n\n  .ProseMirror span.pm-placeholder.", " {\n    ", "\n  }\n\n  .ProseMirror span.pm-placeholder__text[data-placeholder]::after {\n    color: ", ";\n    cursor: text;\n    content: attr(data-placeholder);\n    display: inline;\n  }\n"])), _colors.N300, _colors.N300, _colors.N300, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Background]), _colors.N300);
 exports.placeholderTextStyles = placeholderTextStyles;

package/dist/cjs/plugins/rule/pm-plugins/input-rule.js

@@ -24,6 +24,7 @@ var createHorizontalRule = function createHorizontalRule(state, start, end, inpu
   }
 
   var tr = null;
+  var rule = state.schema.nodes.rule;
 
   var _getFeatureFlags = (0, _featureFlagsContext.getFeatureFlags)(state),
       newInsertionBehaviour = _getFeatureFlags.newInsertionBehaviour;
@@ -35,7 +36,7 @@ var createHorizontalRule = function createHorizontalRule(state, start, end, inpu
      * without considering the extra text after the `/` command.
      **/
     tr = state.tr.replaceWith(start, end, _prosemirrorModel.Fragment.empty);
-    tr = (0, _insert.safeInsert)(state.schema.nodes.rule.createChecked(), tr.selection.from)(tr);
+    tr = (0, _insert.safeInsert)(rule.createChecked(), tr.selection.from)(tr);
   }
 
   if (!tr) {

package/dist/cjs/plugins/rule/styles.js

@@ -9,7 +9,7 @@ exports.ruleStyles = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _styledComponents = require("styled-components");
+var _react = require("@emotion/react");
 
 var _styles = require("@atlaskit/editor-common/styles");
 
@@ -17,5 +17,8 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _templateObject;
 
-var ruleStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", ";\n\n    hr {\n      cursor: pointer;\n      padding: 4px 0;\n      margin: calc(", "em - 4px) 0;\n      background-clip: content-box;\n\n      &.", " {\n        outline: none;\n        background-color: ", ";\n      }\n    }\n  }\n"])), _styles.ruleSharedStyles, _editorSharedStyles.akEditorLineHeight, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderColor);
+var ruleStyles = function ruleStyles(props) {
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    ", ";\n\n    hr {\n      cursor: pointer;\n      padding: 4px 0;\n      margin: calc(", "em - 4px) 0;\n      background-clip: content-box;\n\n      &.", " {\n        outline: none;\n        background-color: ", ";\n      }\n    }\n  }\n"])), (0, _styles.ruleSharedStyles)(props), _editorSharedStyles.akEditorLineHeight, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderColor);
+};
+
 exports.ruleStyles = ruleStyles;

package/dist/cjs/plugins/selection/gap-cursor/styles.js

@@ -9,16 +9,16 @@ exports.hideCaretModifier = exports.gapCursorStyles = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _styledComponents = require("styled-components");
+var _react = require("@emotion/react");
 
-var _templateObject;
+var _templateObject, _templateObject2;
 
-var gapCursorBlink = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  from, to {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n"])));
+var gapCursorBlink = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  from, to {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n"])));
 var hideCaretModifier = 'ProseMirror-hide-gapcursor';
 exports.hideCaretModifier = hideCaretModifier;
 var gapCursor = '.ProseMirror-gapcursor';
 var prosemirrorwidget = '.ProseMirror-widget';
 var wrapLeft = '[layout="wrap-left"]';
 var wrapRight = '[layout="wrap-right"]';
-var gapCursorStyles = "\n  /* =============== GAP CURSOR ================== */\n  .ProseMirror {\n    &.".concat(hideCaretModifier, " {\n      caret-color: transparent;\n    }\n\n    ").concat(gapCursor, " {\n      display: none;\n      pointer-events: none;\n      position: relative;\n\n      & span {\n        caret-color: transparent;\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        display: block;\n      }\n\n      & span::after {\n        animation: 1s ").concat(gapCursorBlink, " step-end infinite;\n        border-left: 1px solid;\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        height: 100%;\n      }\n      &.-left span::after {\n        left: -3px;\n      }\n      &.-right span::after {\n        right: -3px;\n      }\n      & span[layout='full-width'],\n      & span[layout='wide'] {\n        margin-left: 50%;\n        transform: translateX(-50%);\n      }\n      &").concat(wrapRight, " {\n        float: right;\n      }\n\n      /* fix vertical alighment of gap cursor */\n      &:first-child + ul,\n      &:first-child + span + ul,\n      &:first-child + ol,\n      &:first-child + span + ol,\n      &:first-child + pre,\n      &:first-child + span + pre,\n      &:first-child + blockquote,\n      &:first-child + span + blockquote {\n        margin-top: 0;\n      }\n    }\n    &.ProseMirror-focused ").concat(gapCursor, " {\n      display: block;\n      border-color: transparent;\n    }\n  }\n\n  /* This hack below is for two images aligned side by side */\n  ").concat(gapCursor).concat(wrapLeft, " + span + ").concat(wrapLeft, ",\n  ").concat(gapCursor).concat(wrapRight, " + span + ").concat(wrapRight, ",\n  ").concat(gapCursor, " + ").concat(wrapLeft, " + ").concat(wrapRight, ",\n  ").concat(gapCursor, " + ").concat(wrapLeft, " + span + ").concat(wrapRight, ",\n  ").concat(gapCursor, " + ").concat(wrapRight, " + ").concat(wrapLeft, ",\n  ").concat(gapCursor, " + ").concat(wrapRight, " + span + ").concat(wrapLeft, ",\n  ").concat(wrapLeft, " + ").concat(gapCursor, " + ").concat(wrapRight, ",\n  ").concat(wrapLeft, " + ").concat(gapCursor, " + span ").concat(wrapRight, ",\n  ").concat(wrapRight, " + ").concat(gapCursor, " + ").concat(wrapLeft, ",\n  ").concat(wrapRight, " + ").concat(gapCursor, " + span + ").concat(wrapLeft, ",\n  ").concat(wrapLeft, " + ").concat(gapCursor, " {\n    clear: none;\n  }\n\n  ").concat(wrapLeft, " + ").concat(gapCursor, " + ").concat(wrapRight, " > div,\n  ").concat(wrapLeft, " + ").concat(gapCursor, " + span + ").concat(wrapRight, " > div,\n  ").concat(wrapRight, " + ").concat(gapCursor, " + ").concat(wrapLeft, " > div,\n  ").concat(wrapRight, " + ").concat(gapCursor, " + span + ").concat(wrapLeft, " > div,\n  ").concat(gapCursor, " + ").concat(wrapRight, " + ").concat(wrapLeft, " > div,\n  ").concat(gapCursor, " + ").concat(wrapRight, " + span + ").concat(wrapLeft, " > div,\n  ").concat(gapCursor, " + ").concat(wrapLeft, " + ").concat(wrapRight, " > div,\n  ").concat(gapCursor, " + ").concat(wrapLeft, " + span + ").concat(wrapRight, " > div {\n    margin-right: 0;\n    margin-left: 0;\n    margin-bottom: 0;\n  }\n\n  ").concat(wrapLeft, " + ").concat(gapCursor, ",\n  ").concat(wrapRight, " + ").concat(gapCursor, " {\n    float: left;\n  }\n\n  ").concat(gapCursor, " + ").concat(wrapLeft, " + span + ").concat(wrapRight, "::after,\n  ").concat(gapCursor, " + ").concat(wrapRight, " + span + ").concat(wrapLeft, "::after,\n  ").concat(wrapLeft, " + ").concat(gapCursor, " + ").concat(wrapRight, "::after,\n  ").concat(wrapLeft, " + ").concat(gapCursor, " + span + ").concat(wrapRight, "::after,\n  ").concat(wrapRight, " + ").concat(gapCursor, " + ").concat(wrapLeft, "::after,\n  ").concat(wrapRight, " + ").concat(gapCursor, " + span + ").concat(wrapLeft, "::after {\n    visibility: hidden;\n    display: block;\n    font-size: 0;\n    content: ' ';\n    clear: both;\n    height: 0;\n  }\n\n  ").concat(wrapLeft, " + ").concat(gapCursor, " + ").concat(wrapRight, " + *,\n  ").concat(wrapLeft, " + ").concat(gapCursor, " + ").concat(wrapRight, " + span + *,\n  ").concat(wrapRight, " + ").concat(gapCursor, " + ").concat(wrapLeft, " + *,\n  ").concat(wrapRight, " + ").concat(gapCursor, " + ").concat(wrapLeft, " + span + *,\n  ").concat(wrapLeft, " + ").concat(gapCursor, " + span + ").concat(wrapRight, " + *,\n  ").concat(wrapRight, " + ").concat(gapCursor, " + span + ").concat(wrapLeft, " + *,\n  ").concat(gapCursor, " + ").concat(wrapLeft, " + span + ").concat(wrapRight, " + *,\n  ").concat(gapCursor, " + ").concat(wrapRight, " + span + ").concat(wrapLeft, " + *,\n  ").concat(wrapLeft, " + ").concat(gapCursor, " + ").concat(wrapRight, " + * > *,\n  ").concat(wrapLeft, " + ").concat(gapCursor, " + ").concat(wrapRight, " + span + * > *,\n  ").concat(wrapRight, " + ").concat(gapCursor, " + ").concat(wrapLeft, " + * > *,\n  ").concat(wrapRight, " + ").concat(gapCursor, " + ").concat(wrapLeft, " + span + * > *,\n  ").concat(wrapLeft, " + ").concat(gapCursor, " + span + ").concat(wrapRight, " + * > *,\n  ").concat(wrapRight, " + ").concat(gapCursor, " + span + ").concat(wrapLeft, " + * > *,\n  ").concat(gapCursor, " + ").concat(wrapLeft, " + span + ").concat(wrapRight, " + * > *,\n  ").concat(gapCursor, " + ").concat(wrapRight, " + span + ").concat(wrapLeft, " + * > *,\n  ").concat(prosemirrorwidget, " + ").concat(gapCursor, " + *,\n  ").concat(prosemirrorwidget, " + ").concat(gapCursor, " + span + * {\n    margin-top: 0;\n  }\n");
+var gapCursorStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  /* =============== GAP CURSOR ================== */\n  .ProseMirror {\n    &.", " {\n      caret-color: transparent;\n    }\n\n    ", " {\n      display: none;\n      pointer-events: none;\n      position: relative;\n\n      & span {\n        caret-color: transparent;\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        display: block;\n      }\n\n      & span::after {\n        animation: 1s ", " step-end infinite;\n        border-left: 1px solid;\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        height: 100%;\n      }\n      &.-left span::after {\n        left: -3px;\n      }\n      &.-right span::after {\n        right: -3px;\n      }\n      & span[layout='full-width'],\n      & span[layout='wide'] {\n        margin-left: 50%;\n        transform: translateX(-50%);\n      }\n      &", " {\n        float: right;\n      }\n\n      /* fix vertical alighment of gap cursor */\n      &:first-child + ul,\n      &:first-child + span + ul,\n      &:first-child + ol,\n      &:first-child + span + ol,\n      &:first-child + pre,\n      &:first-child + span + pre,\n      &:first-child + blockquote,\n      &:first-child + span + blockquote {\n        margin-top: 0;\n      }\n    }\n    &.ProseMirror-focused ", " {\n      display: block;\n      border-color: transparent;\n    }\n  }\n\n  /* This hack below is for two images aligned side by side */\n  ", "", " + span + ", ",\n  ", "", " + span + ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span + ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span + ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span ", ",\n  ", " + ", " + ", ",\n  ", " + ", " + span + ", ",\n  ", " + ", " {\n    clear: none;\n  }\n\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div,\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div,\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div,\n  ", " + ", " + ", " > div,\n  ", " + ", " + span + ", " > div {\n    margin-right: 0;\n    margin-left: 0;\n    margin-bottom: 0;\n  }\n\n  ", " + ", ",\n  ", " + ", " {\n    float: left;\n  }\n\n  ", " + ", " + span + ", "::after,\n  ", " + ", " + span + ", "::after,\n  ", " + ", " + ", "::after,\n  ", " + ", " + span + ", "::after,\n  ", " + ", " + ", "::after,\n  ", " + ", " + span + ", "::after {\n    visibility: hidden;\n    display: block;\n    font-size: 0;\n    content: ' ';\n    clear: both;\n    height: 0;\n  }\n\n  ", " + ", " + ", " + *,\n  ", " + ", " + ", " + span + *,\n  ", " + ", " + ", " + *,\n  ", " + ", " + ", " + span + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + span + ", " + *,\n  ", " + ", " + ", " + * > *,\n  ", " + ", " + ", " + span + * > *,\n  ", " + ", " + ", " + * > *,\n  ", " + ", " + ", " + span + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + span + ", " + * > *,\n  ", " + ", " + *,\n  ", " + ", " + span + * {\n    margin-top: 0;\n  }\n"])), hideCaretModifier, gapCursor, gapCursorBlink, wrapRight, gapCursor, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapRight, wrapLeft, gapCursor, wrapRight, gapCursor, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, prosemirrorwidget, gapCursor, prosemirrorwidget, gapCursor);
 exports.gapCursorStyles = gapCursorStyles;

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

@@ -9,19 +9,17 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 
 var _prosemirrorState = require("prosemirror-state");
 
-var _utils = require("@atlaskit/editor-common/utils");
-
 var _pluginFactory = require("../plugin-factory");
 
 var _types = require("../types");
 
-var _utils2 = require("../utils");
+var _utils = require("../utils");
 
 var _actions = require("../actions");
 
 var getInitialState = function getInitialState(state) {
   return {
-    decorationSet: (0, _utils2.getDecorations)(state.tr),
+    decorationSet: (0, _utils.getDecorations)(state.tr),
     selection: state.selection
   };
 };
@@ -60,16 +58,16 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent) {
         update: function update(editorView, oldEditorState) {
           var state = editorView.state;
 
-          if (!(0, _utils2.shouldRecalcDecorations)({
+          if (!(0, _utils.shouldRecalcDecorations)({
             oldEditorState: oldEditorState,
             newEditorState: state
           })) {
             return;
           }
 
-          var analyticsPayload = (0, _utils2.getNodeSelectionAnalyticsPayload)(state.selection) || (0, _utils2.getAllSelectionAnalyticsPayload)(state.selection) || // We handle all range/cell selections except click and drag here, which is
+          var analyticsPayload = (0, _utils.getNodeSelectionAnalyticsPayload)(state.selection) || (0, _utils.getAllSelectionAnalyticsPayload)(state.selection) || // We handle all range/cell selections except click and drag here, which is
           // handled in mouseup handler below
-          !editorView.mouseDown && ((0, _utils2.getRangeSelectionAnalyticsPayload)(state.selection, state.doc) || (0, _utils2.getCellSelectionAnalyticsPayload)(state)); // We have to use dispatchAnalyticsEvent over any of the analytics plugin helpers
+          !editorView.mouseDown && ((0, _utils.getRangeSelectionAnalyticsPayload)(state.selection, state.doc) || (0, _utils.getCellSelectionAnalyticsPayload)(state)); // We have to use dispatchAnalyticsEvent over any of the analytics plugin helpers
           // as there were several issues caused by the fact that adding analytics through
           // the plugin adds a new step to the transaction
           // This causes prosemirror to run through some different code paths, eg. attempting
@@ -82,7 +80,7 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent) {
       };
     },
     appendTransaction: function appendTransaction(_transactions, oldEditorState, newEditorState) {
-      if (!(0, _utils2.shouldRecalcDecorations)({
+      if (!(0, _utils.shouldRecalcDecorations)({
         oldEditorState: oldEditorState,
         newEditorState: newEditorState
       })) {
@@ -93,7 +91,7 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent) {
       tr.setMeta(_types.selectionPluginKey, {
         type: _actions.SelectionActionTypes.SET_DECORATIONS,
         selection: tr.selection,
-        decorationSet: (0, _utils2.getDecorations)(tr)
+        decorationSet: (0, _utils.getDecorations)(tr)
       });
       return tr;
     },
@@ -124,7 +122,7 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent) {
           var mouseEvent = event;
 
           if (!mouseEvent.shiftKey) {
-            var analyticsPayload = (0, _utils2.getRangeSelectionAnalyticsPayload)(editorView.state.selection, editorView.state.doc) || (0, _utils2.getCellSelectionAnalyticsPayload)(editorView.state);
+            var analyticsPayload = (0, _utils.getRangeSelectionAnalyticsPayload)(editorView.state.selection, editorView.state.doc) || (0, _utils.getCellSelectionAnalyticsPayload)(editorView.state);
 
             if (analyticsPayload) {
               dispatchAnalyticsEvent(analyticsPayload);
@@ -134,27 +132,12 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent) {
           return false;
         },
         keydown: function keydown(editorView, event) {
-          var state = editorView.state; // Firefox bugfix to bypass issue with editing text adjacent to a DOM node with
-          // contenteditable="false". (See https://product-fabric.atlassian.net/browse/ED-9452)
-          // On keypress, if the head of cursor selection touches a node with contenteditable="false",
-          // we temporarily remove the attribute, wait one tick, then restore it with its original value.
-
-          if (_utils.browser.gecko) {
-            var node = editorView.nodeDOM(editorView.state.selection.head);
-
-            if (node instanceof HTMLElement && node.getAttribute('contenteditable') === 'false') {
-              node.removeAttribute('contenteditable');
-              requestAnimationFrame(function () {
-                node.setAttribute('contenteditable', 'false');
-              });
-            }
-          } // Bugfix for block ReactNodeViews like table and extension
+          // Bugfix for block ReactNodeViews like table and extension
           // They could not be selected with Shift + ArrowDown/ArrowUp
           // Fixed when contenteditable = false, but then you couldn't edit their contents
           // Therefore, briefly set contenteditable=false to allow the selection through, then set it back to true
-
-
           if (event instanceof KeyboardEvent && event.shiftKey && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {
+            var state = editorView.state;
             var pos;
 
             if (event.key === 'ArrowDown') {
@@ -167,11 +150,11 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent) {
               }
             }
 
-            var _node = editorView.nodeDOM(pos);
+            var node = editorView.nodeDOM(pos);
 
-            if (_node instanceof HTMLDivElement && _node.className.includes('View-content-wrap') // class added by ReactNodeView
+            if (node instanceof HTMLDivElement && node.className.includes('View-content-wrap') // class added by ReactNodeView
             ) {
-              toggleContentEditable(_node, true);
+              toggleContentEditable(node, true);
             }
           }
 

package/dist/cjs/plugins/status/index.js

@@ -43,27 +43,24 @@ var baseStatusPlugin = function baseStatusPlugin(options) {
     pmPlugins: function pmPlugins() {
       return [{
         name: 'status',
-        plugin: function plugin(_ref) {
-          var dispatch = _ref.dispatch,
-              portalProviderAPI = _ref.portalProviderAPI,
-              eventDispatcher = _ref.eventDispatcher;
-          return (0, _plugin.default)(dispatch, portalProviderAPI, eventDispatcher, options);
+        plugin: function plugin(pmPluginFactoryParams) {
+          return (0, _plugin.default)(pmPluginFactoryParams, options);
         }
       }, {
         name: 'statusKeymap',
         plugin: _keymap.keymapPlugin
       }];
     },
-    contentComponent: function contentComponent(_ref2) {
-      var editorView = _ref2.editorView;
+    contentComponent: function contentComponent(_ref) {
+      var editorView = _ref.editorView;
       var domAtPos = editorView.domAtPos.bind(editorView);
       return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
         plugins: {
           statusState: _pluginKey.pluginKey
         },
-        render: function render(_ref3) {
-          var _ref3$statusState = _ref3.statusState,
-              statusState = _ref3$statusState === void 0 ? {} : _ref3$statusState;
+        render: function render(_ref2) {
+          var _ref2$statusState = _ref2.statusState,
+              statusState = _ref2$statusState === void 0 ? {} : _ref2$statusState;
           var showStatusPickerAt = statusState.showStatusPickerAt;
 
           if (typeof showStatusPickerAt !== 'number') {
@@ -112,8 +109,8 @@ var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, optio
   }
 
   plugin.pluginsOptions = {
-    quickInsert: function quickInsert(_ref4) {
-      var formatMessage = _ref4.formatMessage;
+    quickInsert: function quickInsert(_ref3) {
+      var formatMessage = _ref3.formatMessage;
       return [{
         id: 'status',
         title: formatMessage(_messages.messages.status),