@atlaskit/editor-core 188.5.0 → 188.5.2

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

@@ -2,7 +2,6 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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';
@@ -43,7 +42,6 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
   var getEditorFeatureFlags = function getEditorFeatureFlags() {
     return featureFlags;
   };
-  var editorSelectionAPI = createEditorSelectionAPI();
   var defaultPreset = createDefaultPreset(_objectSpread(_objectSpread({}, props), {}, {
     createAnalyticsEvent: createAnalyticsEvent
   }));
@@ -113,7 +111,6 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
         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,
@@ -161,7 +158,6 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
         allowContextualMenu: !isMobile,
         fullWidthEnabled: appearance === 'full-width',
         wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
-        editorSelectionAPI: editorSelectionAPI,
         getEditorFeatureFlags: getEditorFeatureFlags
       }]);
     }
@@ -202,8 +198,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
           disableLayout: true
         },
         allowMediaGroup: false,
-        isCopyPasteEnabled: true,
-        editorSelectionAPI: editorSelectionAPI
+        isCopyPasteEnabled: true
       }]);
     }
     return builder;

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

@@ -9,8 +9,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
-
 var expandPlugin = function expandPlugin(_ref) {
   var _api$featureFlags;
   var _ref$config = _ref.config,

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

@@ -61,8 +61,12 @@ export var 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(RelativeSelectionPos.Start));
+          var tr = _this.selectNearNode({
+            selectionRelativeToNode: RelativeSelectionPos.Start
+          })(state);
+          if (dispatch) {
+            dispatch(tr);
+          }
         }
         var pos = _this.getPos();
         if (typeof pos === 'number') {
@@ -272,11 +276,18 @@ export var 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(RelativeSelectionPos.End, NodeSelection.create(state.doc, pos)));
+        var tr = _this.selectNearNode({
+          selectionRelativeToNode: RelativeSelectionPos.End,
+          selection: NodeSelection.create(state.doc, pos)
+        })(state);
+        if (dispatch) {
+          dispatch(tr);
+        }
       }
     });
     _defineProperty(this, "handleArrowLeftFromTitle", function (event) {
@@ -291,19 +302,31 @@ export var 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 GapCursorSelection(state.doc.resolve(pos), Side.LEFT)));
+          var 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 || _this$api5.core.actions.execute(_this.selectNearNode(RelativeSelectionPos.Start, NodeSelection.create(state.doc, pos)));
+          var _tr = _this.selectNearNode({
+            selectionRelativeToNode: RelativeSelectionPos.Start,
+            selection: NodeSelection.create(state.doc, pos)
+          })(state);
+          if (dispatch) {
+            dispatch(_tr);
+          }
         }
       }
     });
@@ -445,6 +468,7 @@ export default function (_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/esm/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/esm/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)
 var insideContentArea = function insideContentArea(ref) {
@@ -94,9 +94,7 @@ var outsideProsemirrorEditorClickHandler = function outsideProsemirrorEditorClic
   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/esm/ui/ContentStyles/index.js

@@ -7,7 +7,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';
@@ -28,6 +27,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 var linkStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    ", "\n  }\n"])), linkSharedStyle);
 var ruleStyles = function ruleStyles(props) {
   return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .ProseMirror {\n    ", ";\n\n    hr {\n      cursor: pointer;\n      padding: ", " 0;\n      margin: calc(", "em - 4px) 0;\n      background-clip: content-box;\n\n      &.", " {\n        outline: none;\n        background-color: ", ";\n      }\n    }\n  }\n"])), ruleSharedStyles(props), "var(--ds-space-050, 4px)", akEditorLineHeight, akEditorSelectedNodeClassName, "var(--ds-border-selected, ".concat(akEditorSelectedBorderColor, ")"));

package/dist/esm/utils/selection.js

@@ -1,18 +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) {
-  var state = view.state,
-    dispatch = view.dispatch;
-  var tr = state.tr.setSelection(new AllSelection(view.state.doc));
-  dispatch(tr);
-}
-export function setCellSelection(view, anchor, head) {
-  var state = view.state,
-    dispatch = view.dispatch;
-  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 var isValidPosition = function isValidPosition(pos, state) {

package/dist/esm/version-wrapper.js

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

package/dist/types/labs/next/presets/default.d.ts

@@ -60,13 +60,13 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         insertCodeBlock: (inputMethod: import("@atlaskit/editor-common/analytics").INPUT_METHOD) => import("@atlaskit/editor-common/types").Command;
     };
 }, CodeBlockOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
-    pluginConfiguration: import("../../../plugins/selection/types").SelectionPluginOptions | undefined;
+    pluginConfiguration: import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined;
+    actions: import("@atlaskit/editor-plugin-selection").EditorSelectionAPI;
     commands: {
         displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
-        selectNearNode: import("@atlaskit/editor-common/types").EditorCommandWithMetadata;
     };
     sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
-}, import("../../../plugins/selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"floatingToolbar", {
+}, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"floatingToolbar", {
     dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
         pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
         sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
@@ -257,7 +257,14 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
             sharedState: {
                 hasFocus: boolean;
             };
-        }, undefined>];
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined;
+            actions: import("@atlaskit/editor-plugin-selection").EditorSelectionAPI;
+            commands: {
+                displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
+            sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
+        }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>];
         sharedState: import("@atlaskit/editor-plugin-media/types").MediaPluginState | null;
         actions: {
             insertMediaAsMediaSingle: import("@atlaskit/editor-plugin-media/types").InsertMediaAsMediaSingle;
@@ -495,13 +502,13 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
         insertCodeBlock: (inputMethod: import("@atlaskit/editor-common/analytics").INPUT_METHOD) => import("@atlaskit/editor-common/types").Command;
     };
 }, CodeBlockOptions>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
-    pluginConfiguration: import("../../../plugins/selection/types").SelectionPluginOptions | undefined;
+    pluginConfiguration: import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined;
+    actions: import("@atlaskit/editor-plugin-selection").EditorSelectionAPI;
     commands: {
         displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
-        selectNearNode: import("@atlaskit/editor-common/types").EditorCommandWithMetadata;
     };
     sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
-}, import("../../../plugins/selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"floatingToolbar", {
+}, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"floatingToolbar", {
     dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
         pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
         sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
@@ -692,7 +699,14 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
             sharedState: {
                 hasFocus: boolean;
             };
-        }, undefined>];
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"selection", {
+            pluginConfiguration: import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined;
+            actions: import("@atlaskit/editor-plugin-selection").EditorSelectionAPI;
+            commands: {
+                displayGapCursor: (toggle: boolean) => import("@atlaskit/editor-common/types").EditorCommand;
+            };
+            sharedState: import("@atlaskit/editor-common/selection").SelectionSharedState;
+        }, import("@atlaskit/editor-plugin-selection/types").SelectionPluginOptions | undefined>];
         sharedState: import("@atlaskit/editor-plugin-media/types").MediaPluginState | null;
         actions: {
             insertMediaAsMediaSingle: import("@atlaskit/editor-plugin-media/types").InsertMediaAsMediaSingle;

package/dist/types/plugins/expand/index.d.ts

@@ -2,7 +2,7 @@ import type { NextEditorPlugin, EditorProps } from '../../types';
 import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
-import type { SelectionPlugin } from '../selection';
+import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
     allowInsertion?: boolean;
     appearance?: EditorProps['appearance'];

package/dist/types/plugins/expand/nodeviews/index.d.ts

@@ -2,8 +2,9 @@ import type { IntlShape } from 'react-intl-next';
 import type { EditorView, NodeView, Decoration } from '@atlaskit/editor-prosemirror/view';
 import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 import type { getPosHandlerNode, getPosHandler } from '../../../nodeviews/';
-import type { FeatureFlags, ExtractInjectionAPI, EditorCommandWithMetadata } from '@atlaskit/editor-common/types';
+import type { FeatureFlags, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type expandPlugin from '../index';
+import type { SetSelectionRelativeToNode } from '@atlaskit/editor-common/selection';
 export declare class ExpandNodeView implements NodeView {
     private selectNearNode;
     node: PmNode;
@@ -20,7 +21,7 @@ export declare class ExpandNodeView implements NodeView {
     isMobile: boolean;
     featureFlags: FeatureFlags;
     api: ExtractInjectionAPI<typeof expandPlugin> | undefined;
-    constructor(node: PmNode, view: EditorView, getPos: getPosHandlerNode, getIntl: () => IntlShape, isMobile: boolean, featureFlags: FeatureFlags, selectNearNode: EditorCommandWithMetadata | undefined, api: ExtractInjectionAPI<typeof expandPlugin> | undefined);
+    constructor(node: PmNode, view: EditorView, getPos: getPosHandlerNode, getIntl: () => IntlShape, isMobile: boolean, featureFlags: FeatureFlags, selectNearNode: SetSelectionRelativeToNode | undefined, api: ExtractInjectionAPI<typeof expandPlugin> | undefined);
     private initHandlers;
     private focusTitle;
     private handleIconKeyDown;

package/dist/types/plugins/index.d.ts

@@ -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/types/utils/selection.d.ts

@@ -1,8 +1,5 @@
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { EditorState, Selection } from '@atlaskit/editor-prosemirror/state';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
-export { setNodeSelection, setTextSelection, } from '@atlaskit/editor-common/utils';
-export declare function setAllSelection(view: EditorView): void;
-export declare function setCellSelection(view: EditorView, anchor: number, head?: number): void;
+export { setNodeSelection, setTextSelection, setAllSelection, setCellSelection, } from '@atlaskit/editor-common/utils';
 export declare const isValidPosition: (pos: number, state: EditorState) => boolean;
 export declare const duplicateSelection: (selectionToDuplicate: Selection, doc: Node) => Selection | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "188.5.0",
+  "version": "188.5.2",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -55,7 +55,7 @@
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/date": "^0.10.0",
     "@atlaskit/datetime-picker": "^12.10.0",
-    "@atlaskit/editor-common": "^76.7.0",
+    "@atlaskit/editor-common": "^76.8.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.5",
     "@atlaskit/editor-palette": "1.5.1",
@@ -87,7 +87,8 @@
     "@atlaskit/editor-plugin-placeholder": "^0.1.0",
     "@atlaskit/editor-plugin-quick-insert": "^0.2.0",
     "@atlaskit/editor-plugin-rule": "^0.1.0",
-    "@atlaskit/editor-plugin-table": "^4.2.0",
+    "@atlaskit/editor-plugin-selection": "^0.1.0",
+    "@atlaskit/editor-plugin-table": "^5.0.0",
     "@atlaskit/editor-plugin-text-formatting": "^0.4.0",
     "@atlaskit/editor-plugin-type-ahead": "^0.5.0",
     "@atlaskit/editor-plugin-unsupported-content": "^0.2.0",

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

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectionActionTypes = void 0;
-var SelectionActionTypes = exports.SelectionActionTypes = /*#__PURE__*/function (SelectionActionTypes) {
-  SelectionActionTypes["SET_DECORATIONS"] = "SET_DECORATIONS";
-  SelectionActionTypes["SET_RELATIVE_SELECTION"] = "SET_RELATIVE_SELECTION";
-  return SelectionActionTypes;
-}({});

package/dist/cjs/plugins/selection/commands.js

@@ -1,257 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setSelectionRelativeToNode = exports.setSelectionInsideAtNodeEnd = exports.selectNearNode = exports.arrowRight = exports.arrowLeft = void 0;
-var _state = require("@atlaskit/editor-prosemirror/state");
-var _gapCursorSelection = require("./gap-cursor-selection");
-var _selection = require("@atlaskit/editor-common/selection");
-var _utils = require("@atlaskit/editor-common/utils");
-var _actions = require("./actions");
-var _pluginFactory = require("./plugin-factory");
-var _utils2 = require("./utils");
-var _types = require("./types");
-var selectNearNode = exports.selectNearNode = function selectNearNode(selectionRelativeToNode, selection) {
-  return function (_ref) {
-    var tr = _ref.tr;
-    tr.setMeta(_types.selectionPluginKey, {
-      type: _actions.SelectionActionTypes.SET_RELATIVE_SELECTION,
-      selectionRelativeToNode: selectionRelativeToNode
-    });
-    if (selection) {
-      return tr.setSelection(selection);
-    }
-    return tr;
-  };
-};
-var setSelectionRelativeToNode = exports.setSelectionRelativeToNode = function setSelectionRelativeToNode(selectionRelativeToNode, selection) {
-  return (0, _pluginFactory.createCommand)({
-    type: _actions.SelectionActionTypes.SET_RELATIVE_SELECTION,
-    selectionRelativeToNode: selectionRelativeToNode
-  }, function (tr) {
-    return selectNearNode(selectionRelativeToNode, selection)({
-      tr: tr
-    }) || tr;
-  });
-};
-var arrowRight = exports.arrowRight = function arrowRight(state, dispatch) {
-  var selection = state.selection;
-  if (selection instanceof _gapCursorSelection.GapCursorSelection) {
-    return arrowRightFromGapCursor(selection)(state, dispatch);
-  } else if (selection instanceof _state.NodeSelection) {
-    return arrowRightFromNode(selection)(state, dispatch);
-  } else if (selection instanceof _state.TextSelection) {
-    return arrowRightFromText(selection)(state, dispatch);
-  }
-  return false;
-};
-var arrowLeft = exports.arrowLeft = function arrowLeft(state, dispatch) {
-  var selection = state.selection;
-  if (selection instanceof _gapCursorSelection.GapCursorSelection) {
-    return arrowLeftFromGapCursor(selection)(state, dispatch);
-  } else if (selection instanceof _state.NodeSelection) {
-    return arrowLeftFromNode(selection)(state, dispatch);
-  } else if (selection instanceof _state.TextSelection) {
-    return arrowLeftFromText(selection)(state, dispatch);
-  }
-  return false;
-};
-var arrowRightFromGapCursor = function arrowRightFromGapCursor(selection) {
-  return function (state, dispatch) {
-    var $from = selection.$from,
-      $to = selection.$to,
-      side = selection.side;
-    if (side === _gapCursorSelection.Side.LEFT) {
-      var selectableNode = (0, _utils2.findSelectableContainerAfter)($to, state.doc);
-      if (selectableNode) {
-        return setSelectionRelativeToNode(_types.RelativeSelectionPos.Start, _state.NodeSelection.create(state.doc, selectableNode.pos))(state, dispatch);
-      }
-    } else if (side === _gapCursorSelection.Side.RIGHT && (0, _utils2.isSelectionAtEndOfParentNode)($from, selection)) {
-      var _selectableNode = (0, _utils2.findSelectableContainerParent)(selection);
-      if (_selectableNode) {
-        return setSelectionRelativeToNode(_types.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, _selectableNode.pos))(state, dispatch);
-      }
-    }
-    return false;
-  };
-};
-var arrowLeftFromGapCursor = function arrowLeftFromGapCursor(selection) {
-  return function (state, dispatch) {
-    var $from = selection.$from,
-      side = selection.side;
-    var _getPluginState = (0, _pluginFactory.getPluginState)(state),
-      selectionRelativeToNode = _getPluginState.selectionRelativeToNode;
-    if (side === _gapCursorSelection.Side.RIGHT) {
-      var selectableNode = (0, _utils2.findSelectableContainerBefore)($from, state.doc);
-      if (selectableNode) {
-        return setSelectionRelativeToNode(_types.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, selectableNode.pos))(state, dispatch);
-      }
-    } else if (side === _gapCursorSelection.Side.LEFT && (0, _utils2.isSelectionAtStartOfParentNode)($from, selection)) {
-      if (selectionRelativeToNode === _types.RelativeSelectionPos.Before) {
-        var $parent = state.doc.resolve(selection.$from.before(selection.$from.depth));
-        if ($parent) {
-          var _selectableNode2 = (0, _utils2.findSelectableContainerBefore)($parent, state.doc);
-          if (_selectableNode2 && (0, _selection.isIgnored)(_selectableNode2.node)) {
-            // selection is inside node without gap cursor preceeded by another node without gap cursor - set node selection for previous node
-            return setSelectionRelativeToNode(_types.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, _selectableNode2.pos))(state, dispatch);
-          }
-        }
-        // we don't return this as we want to reset the relative pos, but not block other plugins
-        // from responding to arrow left key
-        setSelectionRelativeToNode()(state, dispatch);
-      } else {
-        var _selectableNode3 = (0, _utils2.findSelectableContainerParent)(selection);
-        if (_selectableNode3) {
-          return setSelectionRelativeToNode(_types.RelativeSelectionPos.Start, _state.NodeSelection.create(state.doc, _selectableNode3.pos))(state, dispatch);
-        }
-      }
-    }
-    return false;
-  };
-};
-var arrowRightFromNode = function arrowRightFromNode(selection) {
-  return function (state, dispatch) {
-    var node = selection.node,
-      from = selection.from,
-      $to = selection.$to;
-    var _getPluginState2 = (0, _pluginFactory.getPluginState)(state),
-      selectionRelativeToNode = _getPluginState2.selectionRelativeToNode;
-    if (node.isAtom) {
-      if ((0, _utils2.isSelectionAtEndOfParentNode)($to, selection)) {
-        // selection is for inline node that is the last child of its parent node - set text selection after it
-        return findAndSetTextSelection(_types.RelativeSelectionPos.End, state.doc.resolve(from + 1), _types.SelectionDirection.After)(state, dispatch);
-      }
-      return false;
-    } else if (selectionRelativeToNode === _types.RelativeSelectionPos.Start) {
-      // selection is for container node - set selection inside it at the start
-      return setSelectionInsideAtNodeStart(_types.RelativeSelectionPos.Inside, node, from)(state, dispatch);
-    } else if ((0, _selection.isIgnored)(node) && (!selectionRelativeToNode || selectionRelativeToNode === _types.RelativeSelectionPos.End)) {
-      var selectableNode = (0, _utils2.findSelectableContainerAfter)($to, state.doc);
-      if (selectableNode && (0, _selection.isIgnored)(selectableNode.node)) {
-        // selection is for node without gap cursor followed by another node without gap cursor - set node selection for next node
-        return setSelectionRelativeToNode(_types.RelativeSelectionPos.Start, _state.NodeSelection.create(state.doc, selectableNode.pos))(state, dispatch);
-      }
-    }
-    return false;
-  };
-};
-var arrowLeftFromNode = function arrowLeftFromNode(selection) {
-  return function (state, dispatch) {
-    var node = selection.node,
-      from = selection.from,
-      to = selection.to,
-      $from = selection.$from;
-    var _getPluginState3 = (0, _pluginFactory.getPluginState)(state),
-      selectionRelativeToNode = _getPluginState3.selectionRelativeToNode;
-    if (node.isAtom) {
-      if ((0, _utils2.isSelectionAtStartOfParentNode)($from, selection)) {
-        // selection is for inline node that is the first child of its parent node - set text selection before it
-        return findAndSetTextSelection(_types.RelativeSelectionPos.Start, state.doc.resolve(from), _types.SelectionDirection.Before)(state, dispatch);
-      }
-      return false;
-    } else if (selectionRelativeToNode === _types.RelativeSelectionPos.End) {
-      // selection is for container node - set selection inside it at the end
-      return setSelectionInsideAtNodeEnd(_types.RelativeSelectionPos.Inside, node, from, to)(state, dispatch);
-    } else if (!selectionRelativeToNode || selectionRelativeToNode === _types.RelativeSelectionPos.Inside) {
-      // selection is for container node - set selection inside it at the start
-      // (this is a special case when the user selects by clicking node)
-      return setSelectionInsideAtNodeStart(_types.RelativeSelectionPos.Before, node, from)(state, dispatch);
-    } else if ((0, _selection.isIgnored)(node) && selectionRelativeToNode === _types.RelativeSelectionPos.Start) {
-      // selection is for node without gap cursor preceeded by another node without gap cursor - set node selection for previous node
-      var selectableNode = (0, _utils2.findSelectableContainerBefore)($from, state.doc);
-      if (selectableNode && (0, _selection.isIgnored)(selectableNode.node)) {
-        return setSelectionRelativeToNode(_types.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, selectableNode.pos))(state, dispatch);
-      }
-    }
-    return false;
-  };
-};
-var arrowRightFromText = function arrowRightFromText(selection) {
-  return function (state, dispatch) {
-    if ((0, _utils2.isSelectionAtEndOfParentNode)(selection.$to, selection)) {
-      var selectableNode = (0, _utils2.findSelectableContainerParent)(selection);
-      if (selectableNode) {
-        return setSelectionRelativeToNode(_types.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, selectableNode.pos))(state, dispatch);
-      }
-    }
-    return false;
-  };
-};
-var arrowLeftFromText = function arrowLeftFromText(selection) {
-  return function (state, dispatch) {
-    var _getPluginState4 = (0, _pluginFactory.getPluginState)(state),
-      selectionRelativeToNode = _getPluginState4.selectionRelativeToNode;
-    if (selectionRelativeToNode === _types.RelativeSelectionPos.Before) {
-      var selectableNode = (0, _utils2.findSelectableContainerBefore)(selection.$from, state.doc);
-      if (selectableNode && (0, _selection.isIgnored)(selectableNode.node)) {
-        // selection is inside node without gap cursor preceeded by another node without gap cursor - set node selection for previous node
-        return setSelectionRelativeToNode(_types.RelativeSelectionPos.End, _state.NodeSelection.create(state.doc, selectableNode.pos))(state, dispatch);
-      }
-      // we don't return this as we want to reset the relative pos, but not block other plugins
-      // from responding to arrow left key
-      setSelectionRelativeToNode(undefined)(state, dispatch);
-    } else if ((0, _utils2.isSelectionAtStartOfParentNode)(selection.$from, selection)) {
-      var _selectableNode4 = (0, _utils2.findSelectableContainerParent)(selection);
-      if (_selectableNode4) {
-        return setSelectionRelativeToNode(_types.RelativeSelectionPos.Start, _state.NodeSelection.create(state.doc, _selectableNode4.pos))(state, dispatch);
-      }
-    }
-    return false;
-  };
-};
-var findAndSetTextSelection = function findAndSetTextSelection(selectionRelativeToNode, $pos, dir) {
-  return function (state, dispatch) {
-    var sel = _state.Selection.findFrom($pos, dir, true);
-    if (sel) {
-      return setSelectionRelativeToNode(selectionRelativeToNode, sel)(state, dispatch);
-    }
-    return false;
-  };
-};
-var setSelectionInsideAtNodeStart = function setSelectionInsideAtNodeStart(selectionRelativeToNode, node, pos) {
-  return function (state, dispatch) {
-    if ((0, _utils.isNodeEmpty)(node)) {
-      return findAndSetTextSelection(selectionRelativeToNode, state.doc.resolve(pos), _types.SelectionDirection.After)(state, dispatch);
-    }
-    var selectableNode = (0, _utils2.findFirstChildNodeToSelect)(node);
-    if (selectableNode) {
-      var childNode = selectableNode.node,
-        childPos = selectableNode.pos;
-      var selectionPos = pos + childPos + 1;
-      if (childNode.isText || childNode.isAtom) {
-        return findAndSetTextSelection(selectionRelativeToNode, state.doc.resolve(selectionPos), _types.SelectionDirection.Before)(state, dispatch);
-      } else if ((0, _utils.isEmptyParagraph)(childNode)) {
-        return findAndSetTextSelection(selectionRelativeToNode, state.doc.resolve(selectionPos + 1), _types.SelectionDirection.Before)(state, dispatch);
-      } else if (!(0, _selection.isIgnored)(node)) {
-        return setSelectionRelativeToNode(selectionRelativeToNode, new _gapCursorSelection.GapCursorSelection(state.doc.resolve(selectionPos), _gapCursorSelection.Side.LEFT))(state, dispatch);
-      } else if ((0, _utils2.isSelectableContainerNode)(node)) {
-        return setSelectionRelativeToNode(selectionRelativeToNode, _state.NodeSelection.create(state.doc, selectionPos))(state, dispatch);
-      }
-    }
-    return false;
-  };
-};
-var setSelectionInsideAtNodeEnd = exports.setSelectionInsideAtNodeEnd = function setSelectionInsideAtNodeEnd(selectionRelativeToNode, node, from, to) {
-  return function (state, dispatch) {
-    if ((0, _utils.isNodeEmpty)(node)) {
-      return findAndSetTextSelection(selectionRelativeToNode, state.doc.resolve(to), _types.SelectionDirection.Before)(state, dispatch);
-    }
-    var selectableNode = (0, _utils2.findLastChildNodeToSelect)(node);
-    if (selectableNode) {
-      var childNode = selectableNode.node,
-        childPos = selectableNode.pos;
-      var selectionPos = from + childPos + childNode.nodeSize;
-      if (childNode.isText || childNode.isAtom) {
-        return findAndSetTextSelection(selectionRelativeToNode, state.doc.resolve(selectionPos + 1), _types.SelectionDirection.After)(state, dispatch);
-      } else if ((0, _utils.isEmptyParagraph)(childNode)) {
-        return findAndSetTextSelection(selectionRelativeToNode, state.doc.resolve(selectionPos), _types.SelectionDirection.After)(state, dispatch);
-      } else if (!(0, _selection.isIgnored)(node)) {
-        return setSelectionRelativeToNode(selectionRelativeToNode, new _gapCursorSelection.GapCursorSelection(state.doc.resolve(selectionPos + 1), _gapCursorSelection.Side.RIGHT))(state, dispatch);
-      } else if ((0, _utils2.isSelectableContainerNode)(node)) {
-        return setSelectionRelativeToNode(selectionRelativeToNode, _state.NodeSelection.create(state.doc, selectionPos))(state, dispatch);
-      }
-    }
-    return false;
-  };
-};