@atlaskit/editor-core 188.5.0 → 188.6.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-core
 
+## 188.6.0
+
+### Minor Changes
+
+- [#41341](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41341) [`bd128fb1cfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bd128fb1cfb) - Decouple status plugin from editor-core. Add new actions for updating status.
+
+## 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/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -26,7 +26,6 @@ var _actions = require("../../../placeholder-text/actions");
 var _actions2 = require("../../../layout/actions");
 var _commands = require("../../../tasks-and-decisions/commands");
 var _commands2 = require("../../../expand/commands");
-var _actions3 = require("../../../status/actions");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("./messages");
 var _createItems3 = require("./create-items");
@@ -220,14 +219,16 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
       return true;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createStatus", function (inputMethod) {
-      var editorView = _this.props.editorView;
-      (0, _actions3.updateStatusWithAnalytics)(inputMethod)(editorView.state, editorView.dispatch);
-      return true;
+      var _pluginInjectionApi$s, _pluginInjectionApi$s2;
+      var _this$props4 = _this.props,
+        pluginInjectionApi = _this$props4.pluginInjectionApi,
+        editorView = _this$props4.editorView;
+      return (_pluginInjectionApi$s = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s2 = pluginInjectionApi.status) === null || _pluginInjectionApi$s2 === void 0 || (_pluginInjectionApi$s2 = _pluginInjectionApi$s2.actions) === null || _pluginInjectionApi$s2 === void 0 ? void 0 : _pluginInjectionApi$s2.updateStatus(inputMethod)(editorView.state, editorView.dispatch)) !== null && _pluginInjectionApi$s !== void 0 ? _pluginInjectionApi$s : false;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openMediaPicker", function (inputMethod) {
-      var _this$props4 = _this.props,
-        onShowMediaPicker = _this$props4.onShowMediaPicker,
-        dispatchAnalyticsEvent = _this$props4.dispatchAnalyticsEvent;
+      var _this$props5 = _this.props,
+        onShowMediaPicker = _this$props5.onShowMediaPicker,
+        dispatchAnalyticsEvent = _this$props5.dispatchAnalyticsEvent;
       if (onShowMediaPicker) {
         onShowMediaPicker();
         if (dispatchAnalyticsEvent) {
@@ -255,11 +256,11 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertHorizontalRule", function (inputMethod) {
       var _pluginInjectionApi$r, _pluginInjectionApi$r2;
-      var _this$props5 = _this.props,
-        _this$props5$editorVi = _this$props5.editorView,
-        state = _this$props5$editorVi.state,
-        dispatch = _this$props5$editorVi.dispatch,
-        pluginInjectionApi = _this$props5.pluginInjectionApi;
+      var _this$props6 = _this.props,
+        _this$props6$editorVi = _this$props6.editorView,
+        state = _this$props6$editorVi.state,
+        dispatch = _this$props6$editorVi.dispatch,
+        pluginInjectionApi = _this$props6.pluginInjectionApi;
       return (_pluginInjectionApi$r = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$r2 = pluginInjectionApi.rule) === null || _pluginInjectionApi$r2 === void 0 ? void 0 : _pluginInjectionApi$r2.actions.insertHorizontalRule(inputMethod)(state, dispatch)) !== null && _pluginInjectionApi$r !== void 0 ? _pluginInjectionApi$r : false;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
@@ -270,9 +271,9 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertBlockType", function (itemName) {
       return function () {
-        var _this$props6 = _this.props,
-          editorView = _this$props6.editorView,
-          onInsertBlockType = _this$props6.onInsertBlockType;
+        var _this$props7 = _this.props,
+          editorView = _this$props7.editorView,
+          onInsertBlockType = _this$props7.onInsertBlockType;
         var state = editorView.state,
           dispatch = editorView.dispatch;
         onInsertBlockType(itemName)(state, dispatch);
@@ -295,11 +296,11 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onItemActivated", function (_ref2) {
       var item = _ref2.item,
         inputMethod = _ref2.inputMethod;
-      var _this$props7 = _this.props,
-        editorView = _this$props7.editorView,
-        editorActions = _this$props7.editorActions,
-        handleImageUpload = _this$props7.handleImageUpload,
-        expandEnabled = _this$props7.expandEnabled;
+      var _this$props8 = _this.props,
+        editorView = _this$props8.editorView,
+        editorActions = _this$props8.editorActions,
+        handleImageUpload = _this$props8.handleImageUpload,
+        expandEnabled = _this$props8.expandEnabled;
 
       // need to do this before inserting nodes so scrollIntoView works properly
       if (!editorView.hasFocus()) {
@@ -415,12 +416,12 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
     key: "renderPopup",
     value: function renderPopup() {
       var emojiPickerOpen = this.state.emojiPickerOpen;
-      var _this$props8 = this.props,
-        popupsMountPoint = _this$props8.popupsMountPoint,
-        popupsBoundariesElement = _this$props8.popupsBoundariesElement,
-        popupsScrollableElement = _this$props8.popupsScrollableElement,
-        emojiProvider = _this$props8.emojiProvider,
-        replacePlusMenuWithElementBrowser = _this$props8.replacePlusMenuWithElementBrowser;
+      var _this$props9 = this.props,
+        popupsMountPoint = _this$props9.popupsMountPoint,
+        popupsBoundariesElement = _this$props9.popupsBoundariesElement,
+        popupsScrollableElement = _this$props9.popupsScrollableElement,
+        emojiProvider = _this$props9.emojiProvider,
+        replacePlusMenuWithElementBrowser = _this$props9.replacePlusMenuWithElementBrowser;
       var dropdownEmoji = this.state.dropdownItems.some(function (_ref4) {
         var name = _ref4.value.name;
         return name === 'emoji';
@@ -457,9 +458,9 @@ var ToolbarInsertBlock = exports.ToolbarInsertBlock = /*#__PURE__*/function (_Re
         buttons = _this$state.buttons,
         dropdownItems = _this$state.dropdownItems,
         emojiPickerOpen = _this$state.emojiPickerOpen;
-      var _this$props9 = this.props,
-        isDisabled = _this$props9.isDisabled,
-        isReducedSpacing = _this$props9.isReducedSpacing;
+      var _this$props10 = this.props,
+        isDisabled = _this$props10.isDisabled,
+        isReducedSpacing = _this$props10.isReducedSpacing;
       if (buttons.length === 0 && dropdownItems.length === 0) {
         return null;
       }

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

@@ -9,7 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _adfSchema = require("@atlaskit/adf-schema");
-var _analytics = require("../analytics");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _editorAnalytics = require("@atlaskit/editor-common/editor-analytics");
 var _pluginKey = require("./plugin-key");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -78,16 +79,18 @@ var updateStatus = exports.updateStatus = function updateStatus(status) {
     return false;
   };
 };
-var updateStatusWithAnalytics = exports.updateStatusWithAnalytics = function updateStatusWithAnalytics(inputMethod, status) {
-  return (0, _analytics.withAnalytics)({
-    action: _analytics.ACTION.INSERTED,
-    actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-    actionSubjectId: _analytics.ACTION_SUBJECT_ID.STATUS,
-    attributes: {
-      inputMethod: inputMethod
-    },
-    eventType: _analytics.EVENT_TYPE.TRACK
-  })(updateStatus(status));
+var updateStatusWithAnalytics = exports.updateStatusWithAnalytics = function updateStatusWithAnalytics(editorAnalyticsAPI) {
+  return function (inputMethod, status) {
+    return (0, _editorAnalytics.withAnalytics)(editorAnalyticsAPI, {
+      action: _analytics.ACTION.INSERTED,
+      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: _analytics.ACTION_SUBJECT_ID.STATUS,
+      attributes: {
+        inputMethod: inputMethod
+      },
+      eventType: _analytics.EVENT_TYPE.TRACK
+    })(updateStatus(status));
+  };
 };
 var setStatusPickerAt = exports.setStatusPickerAt = function setStatusPickerAt(showStatusPickerAt) {
   return function (state, dispatch) {

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

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _adfSchema = require("@atlaskit/adf-schema");
-var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
-var _analytics = require("../analytics");
+var _withPluginState = require("@atlaskit/editor-common/with-plugin-state");
+var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("../insert-block/ui/ToolbarInsertBlock/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _actions = require("./actions");
@@ -18,7 +18,9 @@ var _plugin = _interopRequireDefault(require("./plugin"));
 var _pluginKey = require("./plugin-key");
 var _statusPicker = _interopRequireDefault(require("./ui/statusPicker"));
 var baseStatusPlugin = function baseStatusPlugin(_ref) {
-  var options = _ref.config;
+  var _api$analytics;
+  var options = _ref.config,
+    api = _ref.api;
   return {
     name: 'status',
     nodes: function nodes() {
@@ -38,13 +40,17 @@ var baseStatusPlugin = function baseStatusPlugin(_ref) {
         plugin: _keymap.keymapPlugin
       }];
     },
+    actions: {
+      commitStatusPicker: _actions.commitStatusPicker,
+      updateStatus: (0, _actions.updateStatusWithAnalytics)(api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions)
+    },
     contentComponent: function contentComponent(_ref2) {
       var editorView = _ref2.editorView,
         popupsMountPoint = _ref2.popupsMountPoint,
         popupsBoundariesElement = _ref2.popupsBoundariesElement,
         popupsScrollableElement = _ref2.popupsScrollableElement;
       var domAtPos = editorView.domAtPos.bind(editorView);
-      return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
+      return /*#__PURE__*/_react.default.createElement(_withPluginState.WithPluginState, {
         plugins: {
           statusState: _pluginKey.pluginKey
         },
@@ -91,7 +97,7 @@ var baseStatusPlugin = function baseStatusPlugin(_ref) {
     }
   };
 };
-var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, options) {
+var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, options, api) {
   if ((options === null || options === void 0 ? void 0 : options.menuDisabled) === true) {
     return plugin;
   }
@@ -108,7 +114,9 @@ var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, optio
           return /*#__PURE__*/_react.default.createElement(_quickInsert.IconStatus, null);
         },
         action: function action(insert, state) {
-          return (0, _analytics.addAnalytics)(state, (0, _actions.createStatus)()(insert, state), {
+          var _api$analytics2;
+          var tr = (0, _actions.createStatus)()(insert, state);
+          api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
             action: _analytics.ACTION.INSERTED,
             actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
             actionSubjectId: _analytics.ACTION_SUBJECT_ID.STATUS,
@@ -116,7 +124,8 @@ var decorateWithPluginOptions = function decorateWithPluginOptions(plugin, optio
               inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
             },
             eventType: _analytics.EVENT_TYPE.TRACK
-          });
+          })(tr);
+          return tr;
         }
       }];
     }
@@ -129,6 +138,6 @@ var statusPlugin = function statusPlugin(_ref5) {
   return decorateWithPluginOptions(baseStatusPlugin({
     config: options,
     api: api
-  }), options);
+  }), options, api);
 };
 var _default = exports.default = statusPlugin;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.keymapPlugin = keymapPlugin;
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
-var _keymaps = require("../../keymaps");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _utils = require("./utils");
 function keymapPlugin() {
   var list = {};

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

@@ -21,14 +21,14 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _picker = require("@atlaskit/status/picker");
 var _constants = require("@atlaskit/theme/constants");
 var _colors = require("@atlaskit/theme/colors");
-var _withOuterListeners = _interopRequireDefault(require("../../../ui/with-outer-listeners"));
+var _uiReact = require("@atlaskit/editor-common/ui-react");
 var _actions = require("../actions");
 var _analytics = require("../analytics");
 var _templateObject;
 /** @jsx jsx */
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 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)(_ui.Popup);
+var PopupWithListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_ui.Popup);
 var InputMethod = exports.InputMethod = /*#__PURE__*/function (InputMethod) {
   InputMethod["blur"] = "blur";
   InputMethod["escKey"] = "escKey";

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.6.0";
 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';