@atlaskit/editor-core 188.5.0 → 188.5.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-core
 
+## 188.5.2
+
+### Patch Changes
+
+- [#40750](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40750) [`fc19a7b9edd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc19a7b9edd) - [ED-19875] Extraction of Editor Core's Selection Plugin into independent package '@atlaskit/editor-plugin-selection'.
+- Updated dependencies
+
 ## 188.5.0
 
 ### Minor Changes

package/dist/cjs/labs/next/presets/default.js

@@ -29,7 +29,7 @@ var _editorPluginPlaceholder = require("@atlaskit/editor-plugin-placeholder");
 var _annotation = _interopRequireDefault(require("../../../plugins/annotation"));
 var _editorPluginComposition = require("@atlaskit/editor-plugin-composition");
 var _editorPluginQuickInsert = require("@atlaskit/editor-plugin-quick-insert");
-var _selection = _interopRequireDefault(require("../../../plugins/selection"));
+var _editorPluginSelection = require("@atlaskit/editor-plugin-selection");
 var _codeBlock = _interopRequireDefault(require("../../../plugins/code-block"));
 var _undoRedo = _interopRequireDefault(require("../../../plugins/undo-redo"));
 var _editorPluginDecorations = require("@atlaskit/editor-plugin-decorations");
@@ -77,7 +77,7 @@ function createDefaultPreset(options) {
     return builder;
   }).add([_editorPluginHyperlink.hyperlinkPlugin, options.hyperlinkOptions]).add([_editorPluginTextFormatting.textFormattingPlugin, options.textFormatting]).add(_editorPluginWidth.widthPlugin).add([_editorPluginQuickInsert.quickInsertPlugin, options.quickInsert]).add([_typeAhead.default, options.typeAhead || {
     createAnalyticsEvent: options.createAnalyticsEvent
-  }]).add([_editorPluginPlaceholder.placeholderPlugin, options.placeholder]).add(_editorPluginUnsupportedContent.unsupportedContentPlugin).add(_editorPluginEditorDisabled.editorDisabledPlugin).add([_submitEditor.default, options.submitEditor]).add(_fakeTextCursor.default).add(_editorPluginCopyButton.copyButtonPlugin).add(_editorPluginFloatingToolbar.floatingToolbarPlugin).add([_selection.default, options.selection]).add([_codeBlock.default, options.codeBlock || {
+  }]).add([_editorPluginPlaceholder.placeholderPlugin, options.placeholder]).add(_editorPluginUnsupportedContent.unsupportedContentPlugin).add(_editorPluginEditorDisabled.editorDisabledPlugin).add([_submitEditor.default, options.submitEditor]).add(_fakeTextCursor.default).add(_editorPluginCopyButton.copyButtonPlugin).add(_editorPluginFloatingToolbar.floatingToolbarPlugin).add([_editorPluginSelection.selectionPlugin, options.selection]).add([_codeBlock.default, options.codeBlock || {
     appearance: 'full-page'
   }]);
   return preset;

package/dist/cjs/labs/next/presets/universal.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = createUniversalPreset;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _api = require("../../../selection-api/api");
 var _plugins = require("../../../plugins");
 var _date = require("../../../plugins/date");
 var _editorPluginCaption = require("@atlaskit/editor-plugin-caption");
@@ -50,7 +49,6 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
   var getEditorFeatureFlags = function getEditorFeatureFlags() {
     return featureFlags;
   };
-  var editorSelectionAPI = (0, _api.createEditorSelectionAPI)();
   var defaultPreset = (0, _default.createDefaultPreset)(_objectSpread(_objectSpread({}, props), {}, {
     createAnalyticsEvent: createAnalyticsEvent
   }));
@@ -120,7 +118,6 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
         allowDropzoneDropLine: isFullPage,
         allowMediaSingleEditable: !isMobile,
         allowRemoteDimensionsFetch: !isMobile,
-        editorSelectionAPI: editorSelectionAPI,
         // This is a wild one. I didnt quite understand what the code was doing
         // so a bit of guess for now.
         allowMarkingUploadsAsIncomplete: isMobile,
@@ -168,7 +165,6 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
         allowContextualMenu: !isMobile,
         fullWidthEnabled: appearance === 'full-width',
         wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
-        editorSelectionAPI: editorSelectionAPI,
         getEditorFeatureFlags: getEditorFeatureFlags
       }]);
     }
@@ -209,8 +205,7 @@ function createUniversalPreset(appearance, props, featureFlags, prevAppearance,
           disableLayout: true
         },
         allowMediaGroup: false,
-        isCopyPasteEnabled: true,
-        editorSelectionAPI: editorSelectionAPI
+        isCopyPasteEnabled: true
       }]);
     }
     return builder;

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

@@ -24,8 +24,6 @@ var _commands = require("./commands");
 var _messages = require("../insert-block/ui/ToolbarInsertBlock/messages");
 var _utils = require("@atlaskit/editor-common/utils");
 var _pluginFactory = require("./pm-plugins/plugin-factory");
-// TO-DO: replace with editor-plugin-selection
-
 var expandPlugin = function expandPlugin(_ref) {
   var _api$featureFlags;
   var _ref$config = _ref.config,

package/dist/cjs/plugins/expand/nodeviews/index.js

@@ -69,8 +69,12 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
           state = _this$view.state,
           dispatch = _this$view.dispatch;
         if (_this.selectNearNode) {
-          var _this$api;
-          (_this$api = _this.api) === null || _this$api === void 0 || _this$api.core.actions.execute(_this.selectNearNode(_selection.RelativeSelectionPos.Start));
+          var tr = _this.selectNearNode({
+            selectionRelativeToNode: _selection.RelativeSelectionPos.Start
+          })(state);
+          if (dispatch) {
+            dispatch(tr);
+          }
         }
         var pos = _this.getPos();
         if (typeof pos === 'number') {
@@ -280,11 +284,18 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         selectionStart = _this$input4.selectionStart,
         selectionEnd = _this$input4.selectionEnd;
       if (selectionStart === selectionEnd && selectionStart === value.length) {
-        var _this$api2;
         event.preventDefault();
-        var state = _this.view.state;
+        var _this$view8 = _this.view,
+          state = _this$view8.state,
+          dispatch = _this$view8.dispatch;
         _this.view.focus();
-        (_this$api2 = _this.api) === null || _this$api2 === void 0 || _this$api2.core.actions.execute(_this.selectNearNode(_selection.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, pos)));
+        var tr = _this.selectNearNode({
+          selectionRelativeToNode: _selection.RelativeSelectionPos.End,
+          selection: _state.NodeSelection.create(state.doc, pos)
+        })(state);
+        if (dispatch) {
+          dispatch(tr);
+        }
       }
     });
     (0, _defineProperty2.default)(this, "handleArrowLeftFromTitle", function (event) {
@@ -299,19 +310,31 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
         selectionStart = _this$input5.selectionStart,
         selectionEnd = _this$input5.selectionEnd;
       if (selectionStart === selectionEnd && selectionStart === 0) {
-        var _this$api3;
+        var _this$api;
         event.preventDefault();
-        var state = _this.view.state;
+        var _this$view9 = _this.view,
+          state = _this$view9.state,
+          dispatch = _this$view9.dispatch;
         _this.view.focus();
-        var selectionSharedState = ((_this$api3 = _this.api) === null || _this$api3 === void 0 ? void 0 : _this$api3.selection.sharedState.currentState()) || {};
+        var selectionSharedState = ((_this$api = _this.api) === null || _this$api === void 0 || (_this$api = _this$api.selection) === null || _this$api === void 0 ? void 0 : _this$api.sharedState.currentState()) || {};
         // selectionRelativeToNode is undefined when user clicked to select node, then hit left to get focus in title
         // This is a special case where we want to bypass node selection and jump straight to gap cursor
         if ((selectionSharedState === null || selectionSharedState === void 0 ? void 0 : selectionSharedState.selectionRelativeToNode) === undefined) {
-          var _this$api4;
-          (_this$api4 = _this.api) === null || _this$api4 === void 0 || _this$api4.core.actions.execute(_this.selectNearNode(undefined, new _selection.GapCursorSelection(state.doc.resolve(pos), _selection.Side.LEFT)));
+          var tr = _this.selectNearNode({
+            selectionRelativeToNode: undefined,
+            selection: new _selection.GapCursorSelection(state.doc.resolve(pos), _selection.Side.LEFT)
+          })(state);
+          if (dispatch) {
+            dispatch(tr);
+          }
         } else {
-          var _this$api5;
-          (_this$api5 = _this.api) === null || _this$api5 === void 0 || _this$api5.core.actions.execute(_this.selectNearNode(_selection.RelativeSelectionPos.Start, _state.NodeSelection.create(state.doc, pos)));
+          var _tr = _this.selectNearNode({
+            selectionRelativeToNode: _selection.RelativeSelectionPos.Start,
+            selection: _state.NodeSelection.create(state.doc, pos)
+          })(state);
+          if (dispatch) {
+            dispatch(_tr);
+          }
         }
       }
     });
@@ -453,6 +476,7 @@ function _default(_ref2) {
     featureFlags = _ref2.featureFlags,
     api = _ref2.api;
   return function (node, view, getPos) {
-    return new ExpandNodeView(node, view, getPos, getIntl, isMobile, featureFlags, api === null || api === void 0 ? void 0 : api.selection.commands.selectNearNode, api);
+    var _api$selection;
+    return new ExpandNodeView(node, view, getPos, getIntl, isMobile, featureFlags, api === null || api === void 0 || (_api$selection = api.selection) === null || _api$selection === void 0 || (_api$selection = _api$selection.actions) === null || _api$selection === void 0 ? void 0 : _api$selection.selectNearNode, api);
   };
 }

package/dist/cjs/plugins/index.js

@@ -221,12 +221,6 @@ Object.defineProperty(exports, "scrollIntoViewPlugin", {
     return _scrollIntoView.default;
   }
 });
-Object.defineProperty(exports, "selectionPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _selection.default;
-  }
-});
 Object.defineProperty(exports, "statusPlugin", {
   enumerable: true,
   get: function get() {
@@ -312,7 +306,6 @@ var _expand = _interopRequireWildcard(require("./expand"));
 var _scrollIntoView = _interopRequireDefault(require("./scroll-into-view"));
 var _mobileDimensions = _interopRequireDefault(require("./mobile-dimensions"));
 var _findReplace = _interopRequireDefault(require("./find-replace"));
-var _selection = _interopRequireDefault(require("./selection"));
 var _mobileSelection = _interopRequireDefault(require("./mobile-selection"));
 var _undoRedo = _interopRequireDefault(require("./undo-redo"));
 var _avatarGroup = _interopRequireDefault(require("./avatar-group"));

package/dist/cjs/ui/Addon/click-area-helper.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.clickAreaClickHandler = exports.checkForModal = void 0;
-var _dom = require("../../utils/dom");
-var _gapCursorSelection = require("../../plugins/selection/gap-cursor-selection");
-var _commands = require("../../commands");
+var _utils = require("@atlaskit/editor-common/utils");
+var _selection = require("@atlaskit/editor-common/selection");
+var _commands = require("@atlaskit/editor-common/commands");
 // we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
 var insideContentArea = function insideContentArea(ref) {
   while (ref) {
@@ -60,17 +60,17 @@ var clickAreaClickHandler = exports.clickAreaClickHandler = function clickAreaCl
   // which doesn't pass the check !contentArea.contains(event.target)
   var isInputClicked = target.nodeName === 'INPUT';
   // @see ED-5126
-  var isPopupClicked = !!(0, _dom.closestElement)(target, '[data-editor-popup]');
+  var isPopupClicked = !!(0, _utils.closestElement)(target, '[data-editor-popup]');
   // Fixes issue when using a textarea for editor title in full page editor doesn't let user focus it.
   var isTextAreaClicked = target.nodeName === 'TEXTAREA';
-  var isBreadcrumbClicked = !!(0, _dom.closestElement)(target, 'nav[aria-label="Breadcrumbs"]');
+  var isBreadcrumbClicked = !!(0, _utils.closestElement)(target, 'nav[aria-label="Breadcrumbs"]');
   var selection = window.getSelection();
-  var isEditorPopupTextSelected = (selection === null || selection === void 0 ? void 0 : selection.type) === 'Range' && (0, _dom.closestElement)(selection === null || selection === void 0 ? void 0 : selection.anchorNode, '[data-editor-popup]');
+  var isEditorPopupTextSelected = (selection === null || selection === void 0 ? void 0 : selection.type) === 'Range' && (0, _utils.closestElement)(selection === null || selection === void 0 ? void 0 : selection.anchorNode, '[data-editor-popup]');
 
   // This is a super workaround to find when events are coming from Confluence InlineComment modal
   // We don't own those components, so we can't change them
-  var isEventComingFromInlineCommentPopup = Boolean((0, _dom.closestElement)(event.currentTarget, 'div[offset]')) || Boolean((0, _dom.closestElement)(target, 'div[offset]'));
-  var isButtonClicked = Boolean((0, _dom.closestElement)(event.currentTarget, 'button')) || Boolean((0, _dom.closestElement)(target, 'button')) || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.nodeName) === 'BUTTON' || target.nodeName === 'BUTTON';
+  var isEventComingFromInlineCommentPopup = Boolean((0, _utils.closestElement)(event.currentTarget, 'div[offset]')) || Boolean((0, _utils.closestElement)(target, 'div[offset]'));
+  var isButtonClicked = Boolean((0, _utils.closestElement)(event.currentTarget, 'button')) || Boolean((0, _utils.closestElement)(target, 'button')) || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.nodeName) === 'BUTTON' || target.nodeName === 'BUTTON';
   var isTargetInsideContentArea = Boolean(isTargetChildOfContentArea);
   var isBetweenContentAreaAndEditableContent = isTargetInsideContentArea && !isTargetInsideEditableArea;
 
@@ -99,9 +99,7 @@ var outsideProsemirrorEditorClickHandler = function outsideProsemirrorEditorClic
   if (isBottomAreaClicked) {
     (0, _commands.addParagraphAtEnd)(tr);
   }
-  if ((0, _gapCursorSelection.hasGapCursorPlugin)(state)) {
-    (0, _gapCursorSelection.setSelectionTopLevelBlocks)(tr, event, dom, view.posAtCoords.bind(view), isEditorFocused);
-  }
+  (0, _selection.setSelectionTopLevelBlocks)(tr, event, dom, view.posAtCoords.bind(view), isEditorFocused);
   if (!tr.docChanged && !tr.selectionSet) {
     return;
   }

package/dist/cjs/ui/ContentStyles/index.js

@@ -13,25 +13,25 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _mention = require("@atlaskit/editor-common/mention");
 var _styles2 = require("../../plugins/collab-edit/styles");
-var _styles3 = require("../../plugins/selection/gap-cursor/styles");
 var _commonStyles = require("@atlaskit/editor-plugin-table/ui/common-styles");
-var _styles4 = require("@atlaskit/editor-plugin-block-type/styles");
-var _styles5 = require("../../plugins/code-block/styles");
+var _styles3 = require("@atlaskit/editor-plugin-block-type/styles");
+var _styles4 = require("../../plugins/code-block/styles");
 var _media = require("./media");
-var _styles6 = require("../../plugins/layout/styles");
-var _styles7 = require("../../plugins/panel/styles");
-var _styles8 = require("../../plugins/fake-text-cursor/styles");
-var _styles9 = require("../../plugins/placeholder-text/styles");
-var _styles10 = require("../../plugins/extension/ui/styles");
-var _styles11 = require("../../plugins/expand/ui/styles");
-var _styles12 = require("../../plugins/find-replace/styles");
-var _styles13 = require("../../plugins/tasks-and-decisions/styles");
-var _styles14 = require("../../plugins/status/styles");
+var _styles5 = require("../../plugins/layout/styles");
+var _styles6 = require("../../plugins/panel/styles");
+var _styles7 = require("../../plugins/fake-text-cursor/styles");
+var _styles8 = require("../../plugins/placeholder-text/styles");
+var _styles9 = require("../../plugins/extension/ui/styles");
+var _styles10 = require("../../plugins/expand/ui/styles");
+var _styles11 = require("../../plugins/find-replace/styles");
+var _styles12 = require("../../plugins/tasks-and-decisions/styles");
+var _styles13 = require("../../plugins/status/styles");
 var _date = require("./date");
 var _getInlineNodeViewProducer = require("../../nodeviews/getInlineNodeViewProducer.styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _emoji = require("@atlaskit/editor-common/emoji");
 var _colors = require("@atlaskit/theme/colors");
+var _selection = require("@atlaskit/editor-common/selection");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 /** @jsx jsx */
 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); }
@@ -47,7 +47,7 @@ var placeholderStyles = exports.placeholderStyles = (0, _react2.css)(_templateOb
 var contentStyles = function contentStyles(props) {
   return (0, _react2.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), (0, _editorSharedStyles.editorFontSize)({
     theme: props.theme
-  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles9.placeholderTextStyles, placeholderStyles, (0, _styles5.codeBlockStyles)(props), (0, _styles4.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _media.mediaStyles, (0, _styles6.layoutStyles)(props), _styles2.telepointerStyle, _styles3.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles7.panelStyles)(props), _styles8.fakeCursorStyles, mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles10.extensionStyles, (0, _styles11.expandStyles)(props), _styles12.findReplaceStyles, _styles13.taskDecisionStyles, _styles14.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _date.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), _styles.whitespaceSharedStyles, _styles.paragraphSharedStyles, _styles.listsSharedStyles, _styles.indentationSharedStyles, _styles.shadowSharedStyle, _getInlineNodeViewProducer.InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", _styles8.placeholderTextStyles, placeholderStyles, (0, _styles4.codeBlockStyles)(props), (0, _styles3.blocktypeStyles)(props), (0, _styles.codeMarkSharedStyles)(props), _styles.textColorStyles, listsStyles, ruleStyles(props), _media.mediaStyles, (0, _styles5.layoutStyles)(props), _styles2.telepointerStyle, _selection.gapCursorStyles, (0, _commonStyles.tableStyles)(props), (0, _styles6.panelStyles)(props), _styles7.fakeCursorStyles, mentionsStyles, emojiStyles, _styles.tasksAndDecisionsStyles, _styles.gridStyles, linkStyles, _styles.blockMarksSharedStyles, _styles.dateSharedStyle, _styles9.extensionStyles, (0, _styles10.expandStyles)(props), _styles11.findReplaceStyles, _styles12.taskDecisionStyles, _styles13.statusStyles, (0, _styles.annotationSharedStyles)(props), _styles.smartCardStyles, _styles.smartCardSharedStyles, _date.dateStyles, _styles.embedCardStyles, _styles.unsupportedStyles, _styles.resizerStyles, _styles.MediaSharedClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 var createEditorContentStyle = exports.createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/_react.default.forwardRef(function (props, ref) {

package/dist/cjs/utils/selection.js

@@ -4,8 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isValidPosition = exports.duplicateSelection = void 0;
-exports.setAllSelection = setAllSelection;
-exports.setCellSelection = setCellSelection;
+Object.defineProperty(exports, "setAllSelection", {
+  enumerable: true,
+  get: function get() {
+    return _utils.setAllSelection;
+  }
+});
+Object.defineProperty(exports, "setCellSelection", {
+  enumerable: true,
+  get: function get() {
+    return _utils.setCellSelection;
+  }
+});
 Object.defineProperty(exports, "setNodeSelection", {
   enumerable: true,
   get: function get() {
@@ -22,18 +32,6 @@ var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-common/utils");
-function setAllSelection(view) {
-  var state = view.state,
-    dispatch = view.dispatch;
-  var tr = state.tr.setSelection(new _state.AllSelection(view.state.doc));
-  dispatch(tr);
-}
-function setCellSelection(view, anchor, head) {
-  var state = view.state,
-    dispatch = view.dispatch;
-  dispatch(state.tr.setSelection(_cellSelection.CellSelection.create(state.doc, anchor, head)));
-}
-
 // checks if the given position is within the ProseMirror document
 var isValidPosition = exports.isValidPosition = function isValidPosition(pos, state) {
   if (pos >= 0 && pos <= state.doc.resolve(0).end()) {

package/dist/cjs/version-wrapper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "188.5.0";
+var version = exports.version = "188.5.2";
 var nextMajorVersion = exports.nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/labs/next/presets/default.js

@@ -23,7 +23,7 @@ import { placeholderPlugin } from '@atlaskit/editor-plugin-placeholder';
 import annotationPlugin from '../../../plugins/annotation';
 import { compositionPlugin } from '@atlaskit/editor-plugin-composition';
 import { quickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
-import selectionPlugin from '../../../plugins/selection';
+import { selectionPlugin } from '@atlaskit/editor-plugin-selection';
 import codeBlockPlugin from '../../../plugins/code-block';
 import undoRedoPlugin from '../../../plugins/undo-redo';
 import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';

package/dist/es2019/labs/next/presets/universal.js

@@ -1,4 +1,3 @@
-import { createEditorSelectionAPI } from '../../../selection-api/api';
 import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, extensionPlugin, fragmentMarkPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, mobileSelectionPlugin, annotationPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../../../plugins';
 import { datePlugin } from '../../../plugins/date';
 import { captionPlugin } from '@atlaskit/editor-plugin-caption';
@@ -37,7 +36,6 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
   const isChromeless = appearance === 'chromeless';
   const isFullPage = fullPageCheck(appearance);
   const getEditorFeatureFlags = () => featureFlags;
-  const editorSelectionAPI = createEditorSelectionAPI();
   const defaultPreset = createDefaultPreset({
     ...props,
     createAnalyticsEvent
@@ -109,7 +107,6 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
         allowDropzoneDropLine: isFullPage,
         allowMediaSingleEditable: !isMobile,
         allowRemoteDimensionsFetch: !isMobile,
-        editorSelectionAPI,
         // This is a wild one. I didnt quite understand what the code was doing
         // so a bit of guess for now.
         allowMarkingUploadsAsIncomplete: isMobile,
@@ -157,7 +154,6 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
         allowContextualMenu: !isMobile,
         fullWidthEnabled: appearance === 'full-width',
         wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
-        editorSelectionAPI,
         getEditorFeatureFlags
       }]);
     }
@@ -198,8 +194,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
           disableLayout: true
         },
         allowMediaGroup: false,
-        isCopyPasteEnabled: true,
-        editorSelectionAPI
+        isCopyPasteEnabled: true
       }]);
     }
     return builder;

package/dist/es2019/plugins/expand/index.js

@@ -8,8 +8,6 @@ import { getToolbarConfig } from './toolbar';
 import { createExpandNode } from './commands';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
-// TO-DO: replace with editor-plugin-selection
-
 const expandPlugin = ({
   config: options = {},
   api

package/dist/es2019/plugins/expand/nodeviews/index.js

@@ -56,8 +56,12 @@ export class ExpandNodeView {
           dispatch
         } = this.view;
         if (this.selectNearNode) {
-          var _this$api;
-          (_this$api = this.api) === null || _this$api === void 0 ? void 0 : _this$api.core.actions.execute(this.selectNearNode(RelativeSelectionPos.Start));
+          const tr = this.selectNearNode({
+            selectionRelativeToNode: RelativeSelectionPos.Start
+          })(state);
+          if (dispatch) {
+            dispatch(tr);
+          }
         }
         const pos = this.getPos();
         if (typeof pos === 'number') {
@@ -279,13 +283,19 @@ export class ExpandNodeView {
         selectionEnd
       } = this.input;
       if (selectionStart === selectionEnd && selectionStart === value.length) {
-        var _this$api2;
         event.preventDefault();
         const {
-          state
+          state,
+          dispatch
         } = this.view;
         this.view.focus();
-        (_this$api2 = this.api) === null || _this$api2 === void 0 ? void 0 : _this$api2.core.actions.execute(this.selectNearNode(RelativeSelectionPos.End, NodeSelection.create(state.doc, pos)));
+        const tr = this.selectNearNode({
+          selectionRelativeToNode: RelativeSelectionPos.End,
+          selection: NodeSelection.create(state.doc, pos)
+        })(state);
+        if (dispatch) {
+          dispatch(tr);
+        }
       }
     });
     _defineProperty(this, "handleArrowLeftFromTitle", event => {
@@ -301,21 +311,32 @@ export class ExpandNodeView {
         selectionEnd
       } = this.input;
       if (selectionStart === selectionEnd && selectionStart === 0) {
-        var _this$api3;
+        var _this$api, _this$api$selection;
         event.preventDefault();
         const {
-          state
+          state,
+          dispatch
         } = this.view;
         this.view.focus();
-        const selectionSharedState = ((_this$api3 = this.api) === null || _this$api3 === void 0 ? void 0 : _this$api3.selection.sharedState.currentState()) || {};
+        const selectionSharedState = ((_this$api = this.api) === null || _this$api === void 0 ? void 0 : (_this$api$selection = _this$api.selection) === null || _this$api$selection === void 0 ? void 0 : _this$api$selection.sharedState.currentState()) || {};
         // selectionRelativeToNode is undefined when user clicked to select node, then hit left to get focus in title
         // This is a special case where we want to bypass node selection and jump straight to gap cursor
         if ((selectionSharedState === null || selectionSharedState === void 0 ? void 0 : selectionSharedState.selectionRelativeToNode) === undefined) {
-          var _this$api4;
-          (_this$api4 = this.api) === null || _this$api4 === void 0 ? void 0 : _this$api4.core.actions.execute(this.selectNearNode(undefined, new GapCursorSelection(state.doc.resolve(pos), Side.LEFT)));
+          const tr = this.selectNearNode({
+            selectionRelativeToNode: undefined,
+            selection: new GapCursorSelection(state.doc.resolve(pos), Side.LEFT)
+          })(state);
+          if (dispatch) {
+            dispatch(tr);
+          }
         } else {
-          var _this$api5;
-          (_this$api5 = this.api) === null || _this$api5 === void 0 ? void 0 : _this$api5.core.actions.execute(this.selectNearNode(RelativeSelectionPos.Start, NodeSelection.create(state.doc, pos)));
+          const tr = this.selectNearNode({
+            selectionRelativeToNode: RelativeSelectionPos.Start,
+            selection: NodeSelection.create(state.doc, pos)
+          })(state);
+          if (dispatch) {
+            dispatch(tr);
+          }
         }
       }
     });
@@ -444,5 +465,8 @@ export default function ({
   featureFlags,
   api
 }) {
-  return (node, view, getPos) => new ExpandNodeView(node, view, getPos, getIntl, isMobile, featureFlags, api === null || api === void 0 ? void 0 : api.selection.commands.selectNearNode, api);
+  return (node, view, getPos) => {
+    var _api$selection, _api$selection$action;
+    return new ExpandNodeView(node, view, getPos, getIntl, isMobile, featureFlags, api === null || api === void 0 ? void 0 : (_api$selection = api.selection) === null || _api$selection === void 0 ? void 0 : (_api$selection$action = _api$selection.actions) === null || _api$selection$action === void 0 ? void 0 : _api$selection$action.selectNearNode, api);
+  };
 }

package/dist/es2019/plugins/index.js

@@ -35,7 +35,6 @@ export { default as expandPlugin, isExpandInsertionEnabled } from './expand';
 export { default as scrollIntoViewPlugin } from './scroll-into-view';
 export { default as mobileDimensionsPlugin } from './mobile-dimensions';
 export { default as findReplacePlugin } from './find-replace';
-export { default as selectionPlugin } from './selection';
 export { default as mobileSelectionPlugin } from './mobile-selection';
 export { default as undoRedoPlugin } from './undo-redo';
 export { default as avatarGroupPlugin } from './avatar-group';

package/dist/es2019/ui/Addon/click-area-helper.js

@@ -1,6 +1,6 @@
-import { closestElement } from '../../utils/dom';
-import { setSelectionTopLevelBlocks, hasGapCursorPlugin } from '../../plugins/selection/gap-cursor-selection';
-import { addParagraphAtEnd } from '../../commands';
+import { closestElement } from '@atlaskit/editor-common/utils';
+import { setSelectionTopLevelBlocks } from '@atlaskit/editor-common/selection';
+import { addParagraphAtEnd } from '@atlaskit/editor-common/commands';
 
 // we ignore all of the clicks made inside <div class="ak-editor-content-area" /> (but not clicks on the node itself)
 const insideContentArea = ref => {
@@ -98,9 +98,7 @@ const outsideProsemirrorEditorClickHandler = (view, event) => {
   if (isBottomAreaClicked) {
     addParagraphAtEnd(tr);
   }
-  if (hasGapCursorPlugin(state)) {
-    setSelectionTopLevelBlocks(tr, event, dom, view.posAtCoords.bind(view), isEditorFocused);
-  }
+  setSelectionTopLevelBlocks(tr, event, dom, view.posAtCoords.bind(view), isEditorFocused);
   if (!tr.docChanged && !tr.selectionSet) {
     return;
   }

package/dist/es2019/ui/ContentStyles/index.js

@@ -5,7 +5,6 @@ import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, inden
 import { akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackgroundWithOpacity, akEditorSelectedNodeClassName, blockNodesVerticalMargin, editorFontSize, getSelectionStyles, SelectionStyle, akEditorLineHeight, akEditorSelectedBorderColor } from '@atlaskit/editor-shared-styles';
 import { MentionSharedCssClassName } from '@atlaskit/editor-common/mention';
 import { telepointerStyle } from '../../plugins/collab-edit/styles';
-import { gapCursorStyles } from '../../plugins/selection/gap-cursor/styles';
 import { tableStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';
 import { blocktypeStyles } from '@atlaskit/editor-plugin-block-type/styles';
 import { codeBlockStyles } from '../../plugins/code-block/styles';
@@ -26,6 +25,7 @@ import { linkSharedStyle, codeMarkSharedStyles, ruleSharedStyles } from '@atlask
 import { browser } from '@atlaskit/editor-common/utils';
 import { EmojiSharedCssClassName } from '@atlaskit/editor-common/emoji';
 import { N500, N30A, N200 } from '@atlaskit/theme/colors';
+import { gapCursorStyles } from '@atlaskit/editor-common/selection';
 export const linkStyles = css`
   .ProseMirror {
     ${linkSharedStyle}

package/dist/es2019/utils/selection.js

@@ -1,22 +1,7 @@
 import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
-import { NodeSelection, TextSelection, AllSelection } from '@atlaskit/editor-prosemirror/state';
+import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { GapCursorSelection } from '@atlaskit/editor-common/selection';
-export { setNodeSelection, setTextSelection } from '@atlaskit/editor-common/utils';
-export function setAllSelection(view) {
-  const {
-    state,
-    dispatch
-  } = view;
-  const tr = state.tr.setSelection(new AllSelection(view.state.doc));
-  dispatch(tr);
-}
-export function setCellSelection(view, anchor, head) {
-  const {
-    state,
-    dispatch
-  } = view;
-  dispatch(state.tr.setSelection(CellSelection.create(state.doc, anchor, head)));
-}
+export { setNodeSelection, setTextSelection, setAllSelection, setCellSelection } from '@atlaskit/editor-common/utils';
 
 // checks if the given position is within the ProseMirror document
 export const isValidPosition = (pos, state) => {

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "188.5.0";
+export const version = "188.5.2";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/labs/next/presets/default.js

@@ -23,7 +23,7 @@ import { placeholderPlugin } from '@atlaskit/editor-plugin-placeholder';
 import annotationPlugin from '../../../plugins/annotation';
 import { compositionPlugin } from '@atlaskit/editor-plugin-composition';
 import { quickInsertPlugin } from '@atlaskit/editor-plugin-quick-insert';
-import selectionPlugin from '../../../plugins/selection';
+import { selectionPlugin } from '@atlaskit/editor-plugin-selection';
 import codeBlockPlugin from '../../../plugins/code-block';
 import undoRedoPlugin from '../../../plugins/undo-redo';
 import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';