@atlaskit/editor-core 153.1.4 → 154.0.0

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

@@ -17,34 +17,28 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 
 var _prosemirrorModel = require("prosemirror-model");
 
-var _info = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/info"));
-
-var _success = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/success"));
-
-var _note = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/note"));
-
-var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/warning"));
-
-var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/error"));
-
 var _hint = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/hint"));
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
+
+var _emoji = require("@atlaskit/editor-common/emoji");
 
 var _utils = require("../utils");
 
 var _consts = require("@atlaskit/editor-shared-styles/consts");
 
+var _icons = require("@atlaskit/editor-common/icons");
+
 var panelIcons = {
-  info: _info.default,
-  success: _success.default,
-  note: _note.default,
+  info: _icons.PanelInfoIcon,
+  success: _icons.PanelSuccessIcon,
+  note: _icons.PanelNoteIcon,
   tip: _hint.default,
-  warning: _warning.default,
-  error: _error.default,
-  custom: _info.default
+  warning: _icons.PanelWarningIcon,
+  error: _icons.PanelErrorIcon,
+  custom: _icons.PanelInfoIcon
 };
 exports.panelIcons = panelIcons;
 
@@ -53,12 +47,16 @@ var PanelIcon = function PanelIcon(props) {
       providerFactory = props.providerFactory,
       _props$panelAttribute = props.panelAttributes,
       panelType = _props$panelAttribute.panelType,
-      panelIcon = _props$panelAttribute.panelIcon;
+      panelIcon = _props$panelAttribute.panelIcon,
+      panelIconId = _props$panelAttribute.panelIconId,
+      panelIconText = _props$panelAttribute.panelIconText;
 
   if (allowCustomPanel && panelIcon && panelType === _adfSchema.PanelType.CUSTOM) {
-    return /*#__PURE__*/_react.default.createElement(_editorCommon.Emoji, {
+    return /*#__PURE__*/_react.default.createElement(_emoji.Emoji, {
       providers: providerFactory,
       shortName: panelIcon,
+      id: panelIconId,
+      fallback: panelIconText,
       showTooltip: false,
       allowTextFallback: false,
       fitToHeight: _consts.akEditorCustomIconSize
@@ -88,7 +86,7 @@ var PanelNodeView = /*#__PURE__*/function () {
     this.getPos = getPos;
     this.dom = dom;
     this.contentDOM = contentDOM;
-    this.icon = this.dom.querySelector(".".concat(_editorCommon.PanelSharedCssClassName.icon));
+    this.icon = this.dom.querySelector(".".concat(_styles.PanelSharedCssClassName.icon));
 
     if (!this.icon) {
       return;
@@ -108,7 +106,7 @@ var PanelNodeView = /*#__PURE__*/function () {
     key: "ignoreMutation",
     value: function ignoreMutation(mutation) {
       // ignore mutation if it caused by the icon.
-      return mutation.target === this.icon;
+      return mutation.target === this.icon || mutation.target.parentNode === this.icon;
     }
   }]);
   return PanelNodeView;

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

@@ -7,7 +7,7 @@ exports.createPlugin = void 0;
 
 var _prosemirrorState = require("prosemirror-state");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _panel = require("../nodeviews/panel");
 
@@ -25,7 +25,7 @@ var createPlugin = function createPlugin(dispatch, providerFactory, pluginOption
         panel: (0, _panel.getPanelNodeView)(pluginOptions, providerFactory)
       },
       handleClickOn: (0, _utils.createSelectionClickHandler)(['panel'], function (target) {
-        return !!target.closest(".".concat(_editorCommon.PanelSharedCssClassName.prefix));
+        return !!target.closest(".".concat(_styles.PanelSharedCssClassName.prefix));
       }, {
         useLongPressSelection: useLongPressSelection
       })

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

@@ -11,11 +11,11 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _styledComponents = require("styled-components");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _templateObject;
 
-var panelStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), _editorCommon.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, _editorSharedStyles.akEditorDeleteBackground, _editorCommon.PanelSharedCssClassName.icon, _editorSharedStyles.akEditorDeleteIconColor, _editorCommon.PanelSharedCssClassName.content, _editorCommon.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorDeleteBackgroundWithOpacity, _editorCommon.PanelSharedCssClassName.icon, _editorSharedStyles.akEditorDeleteIconColor, _editorCommon.panelSharedStyles, _editorCommon.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]));
+var panelStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), _styles.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, _editorSharedStyles.akEditorDeleteBackground, _styles.PanelSharedCssClassName.icon, _editorSharedStyles.akEditorDeleteIconColor, _styles.PanelSharedCssClassName.content, _styles.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorDeleteBackgroundWithOpacity, _styles.PanelSharedCssClassName.icon, _editorSharedStyles.akEditorDeleteIconColor, _styles.panelSharedStyles, _styles.PanelSharedCssClassName.prefix, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]));
 exports.panelStyles = panelStyles;

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

@@ -31,7 +31,7 @@ var _decoration = require("../base/pm-plugins/decoration");
 
 var _panelBackgroundPalette = require("../../ui/ColorPalette/Palettes/panelBackgroundPalette");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _utils = require("./utils");
 
@@ -51,7 +51,25 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
-var panelIconMap = (_panelIconMap = {}, (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.INFO, ':info:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.NOTE, ':note:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.WARNING, ':warning:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.ERROR, ':cross_mark:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.SUCCESS, ':check_mark:'), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.TIP, ':tip:'), _panelIconMap);
+var panelIconMap = (_panelIconMap = {}, (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.INFO, {
+  shortName: ':info:',
+  id: 'atlassian-info'
+}), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.NOTE, {
+  shortName: ':note:',
+  id: 'atlassian-note'
+}), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.WARNING, {
+  shortName: ':warning:',
+  id: 'atlassian-warning'
+}), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.ERROR, {
+  shortName: ':cross_mark:',
+  id: 'atlassian-cross_mark'
+}), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.SUCCESS, {
+  shortName: ':check_mark:',
+  id: 'atlassian-check_mark'
+}), (0, _defineProperty2.default)(_panelIconMap, _adfSchema.PanelType.TIP, {
+  shortName: ':tip:',
+  id: 'atlassian-tip'
+}), _panelIconMap);
 exports.panelIconMap = panelIconMap;
 
 var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isCustomPanelEnabled, isCustomPanelEditable, providerFactory, activePanelType, activePanelColor, activePanelIcon) {
@@ -101,11 +119,12 @@ var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isC
           return false;
         }
 
-        var previousColor = panelNode.node.attrs.panelColor || (0, _editorCommon.getPanelTypeBackground)(panelNode.node.attrs.panelType);
+        var previousColor = panelNode.node.attrs.panelColor || (0, _styles.getPanelTypeBackground)(panelNode.node.attrs.panelType);
         var emojiInfo = panelNode.node.attrs.panelType;
-        var panelInfo = panelIconMap[emojiInfo];
-        var previousEmoji = panelInfo ? {
-          emoji: panelInfo
+        var panelEmoji = panelIconMap[emojiInfo];
+        var previousEmoji = panelEmoji ? {
+          emoji: panelEmoji.shortName,
+          emojiId: panelEmoji.id
         } : {};
 
         if (previousColor === color) {
@@ -142,9 +161,11 @@ var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isC
 
         var previousIcon = panelNode.node.attrs.panelIcon || '';
 
-        if (previousIcon === emoji) {
+        if (previousIcon === emoji.shortName) {
           (0, _actions.changePanelType)(_adfSchema.PanelType.CUSTOM, {
-            emoji: emoji
+            emoji: emoji.shortName,
+            emojiId: emoji.id,
+            emojiText: emoji.fallback
           }, true)(state, dispatch);
           return false;
         }
@@ -154,13 +175,15 @@ var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isC
           actionSubject: _analytics.ACTION_SUBJECT.PANEL,
           actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
           attributes: {
-            newIcon: emoji,
+            newIcon: emoji.shortName,
             previousIcon: previousIcon
           },
           eventType: _analytics.EVENT_TYPE.TRACK
         };
         (0, _analytics.withAnalytics)(payload)((0, _actions.changePanelType)(_adfSchema.PanelType.CUSTOM, {
-          emoji: emoji
+          emoji: emoji.shortName,
+          emojiId: emoji.id,
+          emojiText: emoji.fallback
         }, true))(state, dispatch);
         return false;
       };
@@ -188,13 +211,15 @@ var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isC
           eventType: _analytics.EVENT_TYPE.TRACK
         };
         (0, _analytics.withAnalytics)(payload)((0, _actions.changePanelType)(_adfSchema.PanelType.CUSTOM, {
-          emoji: undefined
+          emoji: undefined,
+          emojiId: undefined,
+          emojiText: undefined
         }, isCustomPanelEnabled))(state, dispatch);
         return false;
       };
     };
 
-    var panelColor = activePanelType === _adfSchema.PanelType.CUSTOM ? activePanelColor || (0, _editorCommon.getPanelTypeBackground)(_adfSchema.PanelType.INFO) : (0, _editorCommon.getPanelTypeBackground)(activePanelType);
+    var panelColor = activePanelType === _adfSchema.PanelType.CUSTOM ? activePanelColor || (0, _styles.getPanelTypeBackground)(_adfSchema.PanelType.INFO) : (0, _styles.getPanelTypeBackground)(activePanelType);
     var defaultPalette = _panelBackgroundPalette.panelBackgroundPalette.find(function (item) {
       return item.value === panelColor;
     }) || {
@@ -222,8 +247,8 @@ var getToolbarItems = function getToolbarItems(formatMessage, panelNodeType, isC
         selectType: 'emoji',
         options: [],
         selected: activePanelType === _adfSchema.PanelType.CUSTOM && !!activePanelIcon,
-        onChange: function onChange(emojiShortName) {
-          return changeEmoji(emojiShortName);
+        onChange: function onChange(emoji) {
+          return changeEmoji(emoji);
         }
       };
       var removeEmojiButton = {

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

@@ -13,7 +13,7 @@ var _prosemirrorUtils = require("prosemirror-utils");
 
 var _adfSchema = require("@atlaskit/adf-schema");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 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; }
 
@@ -29,27 +29,31 @@ exports.findPanel = findPanel;
 var panelAttrsToDom = function panelAttrsToDom(attrs, allowCustomPanel) {
   var panelColor = attrs.panelColor,
       panelType = attrs.panelType,
-      panelIcon = attrs.panelIcon;
+      panelIcon = attrs.panelIcon,
+      panelIconId = attrs.panelIconId,
+      panelIconText = attrs.panelIconText;
   var isCustomPanel = panelType === _adfSchema.PanelType.CUSTOM && allowCustomPanel;
   var style = panelColor && isCustomPanel ? "background-color: ".concat(panelColor) : '';
-  var hasIcon = !isCustomPanel || !!panelIcon;
+  var hasIcon = !isCustomPanel || !!panelIcon || !!panelIconId;
   var panelAttrs = {
-    class: _editorCommon.PanelSharedCssClassName.prefix,
+    class: _styles.PanelSharedCssClassName.prefix,
     'data-panel-type': panelType || _adfSchema.PanelType.INFO,
     style: style
   };
 
   if (panelColor && isCustomPanel) {
     panelAttrs = _objectSpread(_objectSpread({}, panelAttrs), {}, {
-      'data-panel-color': panelColor
+      'data-panel-color': panelColor,
+      'data-panel-icon-id': panelIconId,
+      'data-panel-icon-text': panelIconText
     });
   }
 
   var iconDiv = ['div', {
-    class: _editorCommon.PanelSharedCssClassName.icon
+    class: _styles.PanelSharedCssClassName.icon
   }];
   var contentDiv = ['div', {
-    class: _editorCommon.PanelSharedCssClassName.content
+    class: _styles.PanelSharedCssClassName.content
   }, 0];
 
   if (hasIcon) {

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

@@ -60,7 +60,7 @@ var _analytics2 = require("../../analytics");
 
 var _utils7 = require("../../../utils");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils8 = require("@atlaskit/editor-common/utils");
 
 var _mediaCommon = require("../../media/utils/media-common");
 
@@ -72,11 +72,11 @@ var _md = require("../md");
 
 var _pluginFactory = require("../../table/pm-plugins/plugin-factory");
 
-var _utils8 = require("../../card/utils");
+var _utils9 = require("../../card/utils");
 
-var _utils9 = require("../../tasks-and-decisions/utils");
+var _utils10 = require("../../tasks-and-decisions/utils");
 
-var _utils10 = require("../../annotation/utils");
+var _utils11 = require("../../annotation/utils");
 
 var _betterTypeHistory = require("../../base/pm-plugins/better-type-history");
 
@@ -232,7 +232,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, cardOptions, sanitizePriva
           var content = (0, _analytics.getContentNodeTypes)(slice.content);
           var pasteId = (0, _uuid.default)();
           var measureName = "".concat(_utils7.measurements.PASTE, "_").concat(pasteId);
-          (0, _editorCommon.measureRender)(measureName, function (duration) {
+          (0, _utils8.measureRender)(measureName, function (duration) {
             var payload = (0, _analytics.createPasteMeasurePayload)(view, duration, content);
 
             if (payload) {
@@ -287,7 +287,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, cardOptions, sanitizePriva
           }
         }
 
-        slice = (0, _utils8.transformUnsupportedBlockCardToInline)(slice, state);
+        slice = (0, _utils9.transformUnsupportedBlockCardToInline)(slice, state);
 
         if ((0, _analytics.handlePasteIntoTaskAndDecisionWithAnalytics)(view, event, slice, isPlainText ? _analytics2.PasteTypes.plain : _analytics2.PasteTypes.richText)(state, dispatch)) {
           return true;
@@ -361,8 +361,8 @@ function createPlugin(schema, dispatchAnalyticsEvent, cardOptions, sanitizePriva
           // for the cases when they are pasted from external pages
 
 
-          if (slice.content.size && (0, _utils10.containsAnyAnnotations)(slice, state)) {
-            (0, _utils10.stripNonExistingAnnotations)(slice, state);
+          if (slice.content.size && (0, _utils11.containsAnyAnnotations)(slice, state)) {
+            (0, _utils11.stripNonExistingAnnotations)(slice, state);
           } // ED-4732
 
 
@@ -408,7 +408,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, cardOptions, sanitizePriva
         slice = (0, _utils6.transformSingleLineCodeBlockToCodeMark)(slice, schema);
         slice = (0, _mediaCommon.transformSliceToCorrectMediaWrapper)(slice, schema);
         slice = (0, _utils5.transformSliceToCorrectEmptyTableCells)(slice, schema);
-        slice = (0, _utils9.transformSliceToDecisionList)(slice, schema); // splitting linebreaks into paragraphs must happen before upgrading text to lists
+        slice = (0, _utils10.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);

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

@@ -11,11 +11,11 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _styledComponents = require("styled-components");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 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"])), _editorCommon.ruleSharedStyles, _editorSharedStyles.akEditorLineHeight, _editorSharedStyles.akEditorSelectedNodeClassName, _editorSharedStyles.akEditorSelectedBorderColor);
+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);
 exports.ruleStyles = ruleStyles;

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

@@ -13,13 +13,13 @@ var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _direction = require("./direction");
 
 var _selection = require("./selection");
 
-var _utils = require("./utils");
+var _utils2 = require("./utils");
 
 var _isValidTargetNode = require("./utils/is-valid-target-node");
 
@@ -40,7 +40,7 @@ function shouldHandleMediaGapCursor(dir, state) {
   if (selection instanceof _prosemirrorState.TextSelection) {
     // Should not use gap cursor if I am moving from a text selection into a media node
     if (dir === _direction.Direction.UP && !(0, _position.atTheBeginningOfDoc)(state) || dir === _direction.Direction.DOWN && !(0, _position.atTheEndOfDoc)(state)) {
-      var media = (0, _utils.getMediaNearPos)(doc, $pos, schema, mapDirection[dir]);
+      var media = (0, _utils2.getMediaNearPos)(doc, $pos, schema, mapDirection[dir]);
 
       if (media) {
         return false;
@@ -49,7 +49,7 @@ function shouldHandleMediaGapCursor(dir, state) {
 
 
     if (dir === _direction.Direction.LEFT || dir === _direction.Direction.RIGHT) {
-      var _media = (0, _utils.getMediaNearPos)(doc, $pos, schema, mapDirection[dir]);
+      var _media = (0, _utils2.getMediaNearPos)(doc, $pos, schema, mapDirection[dir]);
 
       var mediaSingle = schema.nodes.mediaSingle;
 
@@ -90,7 +90,7 @@ var arrow = function arrow(dir, endOfTextblock) {
       } // UP/DOWN jumps to the nearest texblock skipping gapcursor whenever possible
 
 
-      if (dir === _direction.Direction.UP && !(0, _position.atTheBeginningOfDoc)(state) && (0, _utils.isTextBlockNearPos)(doc, schema, $pos, -1) || dir === _direction.Direction.DOWN && ((0, _position.atTheEndOfDoc)(state) || (0, _utils.isTextBlockNearPos)(doc, schema, $pos, 1))) {
+      if (dir === _direction.Direction.UP && !(0, _position.atTheBeginningOfDoc)(state) && (0, _utils2.isTextBlockNearPos)(doc, schema, $pos, -1) || dir === _direction.Direction.DOWN && ((0, _position.atTheEndOfDoc)(state) || (0, _utils2.isTextBlockNearPos)(doc, schema, $pos, 1))) {
         return false;
       } // otherwise resolve previous/next position
 
@@ -130,7 +130,7 @@ var arrow = function arrow(dir, endOfTextblock) {
       var domAtPos = view.domAtPos.bind(view);
       var target = (0, _prosemirrorUtils.findDomRefAtPos)($pos.pos, domAtPos);
 
-      if (target && target.textContent === _editorCommon.ZERO_WIDTH_SPACE) {
+      if (target && target.textContent === _utils.ZERO_WIDTH_SPACE) {
         return false;
       }
     }

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

@@ -7,19 +7,19 @@ exports.getInitialState = exports.createPlugin = void 0;
 
 var _prosemirrorState = require("prosemirror-state");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _pluginFactory = require("../plugin-factory");
 
 var _types = require("../types");
 
-var _utils = require("../utils");
+var _utils2 = require("../utils");
 
 var _actions = require("../actions");
 
 var getInitialState = function getInitialState(state) {
   return {
-    decorationSet: (0, _utils.getDecorations)(state.tr),
+    decorationSet: (0, _utils2.getDecorations)(state.tr),
     selection: state.selection
   };
 };
@@ -58,16 +58,16 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent) {
         update: function update(editorView, oldEditorState) {
           var state = editorView.state;
 
-          if (!(0, _utils.shouldRecalcDecorations)({
+          if (!(0, _utils2.shouldRecalcDecorations)({
             oldEditorState: oldEditorState,
             newEditorState: state
           })) {
             return;
           }
 
-          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
+          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
           // handled in mouseup handler below
-          !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
+          !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
           // 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
@@ -80,7 +80,7 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent) {
       };
     },
     appendTransaction: function appendTransaction(_transactions, oldEditorState, newEditorState) {
-      if (!(0, _utils.shouldRecalcDecorations)({
+      if (!(0, _utils2.shouldRecalcDecorations)({
         oldEditorState: oldEditorState,
         newEditorState: newEditorState
       })) {
@@ -91,7 +91,7 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent) {
       tr.setMeta(_types.selectionPluginKey, {
         type: _actions.SelectionActionTypes.SET_DECORATIONS,
         selection: tr.selection,
-        decorationSet: (0, _utils.getDecorations)(tr)
+        decorationSet: (0, _utils2.getDecorations)(tr)
       });
       return tr;
     },
@@ -122,7 +122,7 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent) {
           var mouseEvent = event;
 
           if (!mouseEvent.shiftKey) {
-            var analyticsPayload = (0, _utils.getRangeSelectionAnalyticsPayload)(editorView.state.selection, editorView.state.doc) || (0, _utils.getCellSelectionAnalyticsPayload)(editorView.state);
+            var analyticsPayload = (0, _utils2.getRangeSelectionAnalyticsPayload)(editorView.state.selection, editorView.state.doc) || (0, _utils2.getCellSelectionAnalyticsPayload)(editorView.state);
 
             if (analyticsPayload) {
               dispatchAnalyticsEvent(analyticsPayload);
@@ -137,7 +137,7 @@ var createPlugin = function createPlugin(dispatch, dispatchAnalyticsEvent) {
           // 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 (_editorCommon.browser.gecko) {
+          if (_utils.browser.gecko) {
             var node = editorView.nodeDOM(editorView.state.selection.head);
 
             if (node instanceof HTMLElement && node.getAttribute('contenteditable') === 'false') {

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

@@ -34,7 +34,7 @@ var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils = require("@atlaskit/editor-common/utils");
 
 var _element = require("@atlaskit/status/element");
 
@@ -148,13 +148,13 @@ var StatusNodeView = /*#__PURE__*/function (_ReactNodeView) {
           style = _this$node$attrs.style;
       return /*#__PURE__*/_react.default.createElement(_InlineNodeWrapper.default, {
         useInlineWrapper: options && options.useInlineWrapper
-      }, /*#__PURE__*/_react.default.createElement(IntlStatusContainerView, {
+      }, options && options.allowZeroWidthSpaceAfter && _utils.ZERO_WIDTH_SPACE, /*#__PURE__*/_react.default.createElement(IntlStatusContainerView, {
         view: this.view,
         text: text,
         color: color,
         style: style,
         localId: localId
-      }), options && options.allowZeroWidthSpaceAfter && _editorCommon.ZERO_WIDTH_SPACE);
+      }), options && options.allowZeroWidthSpaceAfter && _utils.ZERO_WIDTH_SPACE);
     }
   }]);
   return StatusNodeView;

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

@@ -23,10 +23,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _prosemirrorState = require("prosemirror-state");
 
-var _prosemirrorView = require("prosemirror-view");
-
-var _editorCommon = require("@atlaskit/editor-common");
-
 var _status = _interopRequireDefault(require("./nodeviews/status"));
 
 var _pluginKey = require("./plugin-key");
@@ -139,26 +135,6 @@ var createPlugin = function createPlugin(dispatch, portalProviderAPI, eventDispa
     props: {
       nodeViews: {
         status: (0, _status.default)(portalProviderAPI, eventDispatcher, options)
-      },
-      decorations: function decorations(state) {
-        var tr = state.tr;
-        var nodeAtSelection = tr.doc.nodeAt(tr.selection.from);
-
-        if (options && options.allowZeroWidthSpaceAfter && nodeAtSelection && nodeAtSelection.type === state.schema.nodes.status) {
-          var delayedNodeRendering = function delayedNodeRendering() {
-            return document.createTextNode(_editorCommon.ZERO_WIDTH_SPACE);
-          };
-
-          var decoration = _prosemirrorView.Decoration.widget(tr.selection.from, delayedNodeRendering, {
-            side: 1,
-            key: '#status-zero-width-char-decoration'
-          });
-
-          var doc = state.doc;
-          return _prosemirrorView.DecorationSet.create(doc, [decoration]);
-        }
-
-        return null;
       }
     }
   });

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

@@ -11,11 +11,11 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _styledComponents = require("styled-components");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _styles = require("@atlaskit/editor-common/styles");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _templateObject;
 
-var statusStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    // these two styles can be removed when displayInlineBlockForInlineNodes is enabled by default\n    // as it will make all inline nodes inline-block by default\n    display: inline-block;\n    user-select: all;\n\n    > span {\n      display: inline-block;\n      cursor: pointer;\n      line-height: 0; /* Prevent responsive layouts increasing height of container. */\n    }\n\n    &.", "\n      .", "\n      > span {\n      ", "\n    }\n  }\n\n  .danger {\n    .", " > span {\n      background-color: ", ";\n    }\n\n    .", ".", "\n      .", "\n      > span {\n      box-shadow: 0 0 0 ", "px ", ";\n    }\n  }\n"])), _editorCommon.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorDeleteBackgroundWithOpacity, _editorCommon.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder);
+var statusStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", ",\n    .", ",\n    [data-layout-section] {\n    .", " {\n      max-width: 100%;\n      line-height: 0;\n\n      > span {\n        width: 100%;\n      }\n    }\n  }\n  .", " {\n    // these two styles can be removed when displayInlineBlockForInlineNodes is enabled by default\n    // as it will make all inline nodes inline-block by default\n    display: inline-block;\n    user-select: all;\n\n    > span {\n      display: inline-block;\n      cursor: pointer;\n      line-height: 0; /* Prevent responsive layouts increasing height of container. */\n    }\n\n    &.", "\n      .", "\n      > span {\n      ", "\n    }\n  }\n\n  .danger {\n    .", " > span {\n      background-color: ", ";\n    }\n\n    .", ".", "\n      .", "\n      > span {\n      box-shadow: 0 0 0 ", "px ", ";\n    }\n  }\n"])), _styles.TableSharedCssClassName.TABLE_CELL_WRAPPER, _styles.TableSharedCssClassName.TABLE_HEADER_CELL_WRAPPER, _styles.StatusSharedCssClassName.STATUS_CONTAINER, _styles.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.StatusSharedCssClassName.STATUS_LOZENGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _styles.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorDeleteBackgroundWithOpacity, _styles.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _styles.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder);
 exports.statusStyles = statusStyles;

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

@@ -29,7 +29,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _analyticsNext = require("@atlaskit/analytics-next");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
@@ -53,7 +53,7 @@ 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; } }
 
-var PopupWithListeners = (0, _withOuterListeners.default)(_editorCommon.Popup);
+var PopupWithListeners = (0, _withOuterListeners.default)(_ui.Popup);
 var InputMethod;
 exports.InputMethod = InputMethod;
 

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

@@ -8,14 +8,14 @@ exports.wrapTableInExpand = void 0;
 var _collapse = require("../utils/collapse");
 
 var wrapTableInExpand = function wrapTableInExpand(state, dispatch) {
-  var canCollapseTr = (0, _collapse.collapseSelectedTable)(state.tr);
+  var collapseTr = (0, _collapse.collapseSelectedTable)(state.tr);
 
-  if (!canCollapseTr) {
+  if (!collapseTr) {
     return false;
   }
 
   if (dispatch) {
-    dispatch(canCollapseTr);
+    dispatch(collapseTr);
   }
 
   return true;

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

@@ -11,7 +11,7 @@ var _tableMap = require("@atlaskit/editor-tables/table-map");
 
 var _utils = require("@atlaskit/editor-tables/utils");
 
-var _editorCommon = require("@atlaskit/editor-common");
+var _utils2 = require("@atlaskit/editor-common/utils");
 
 var _main = require("../../card/pm-plugins/main");
 
@@ -81,7 +81,7 @@ var sortByColumn = function sortByColumn(columnIndex) {
       headerRow = tableArray.shift();
     }
 
-    var compareNodesInOrder = (0, _editorCommon.createCompareNodes)({
+    var compareNodesInOrder = (0, _utils2.createCompareNodes)({
       getInlineCardTextFromStore: createGetInlineCardTextFromStore(state)
     }, order);
     var sortedTable = tableArray.sort(function (rowA, rowB) {