@atlaskit/editor-core 178.0.1 → 178.1.0

package/dist/es2019/plugins/expand/pm-plugins/keymap.js

@@ -172,6 +172,11 @@ export function expandKeymap() {
       const {
         $from
       } = state.selection;
+
+      if ($from.depth === 0) {
+        return false;
+      }
+
       const $after = state.doc.resolve($from.after());
 
       if ($after.nodeAfter && ($after.nodeAfter.type === expand || $after.nodeAfter.type === nestedExpand)) {

package/dist/es2019/plugins/floating-toolbar/ui/Select.js

@@ -57,6 +57,7 @@ export default function Search(props) {
     menuPortalTarget: props.mountPoint,
     onMenuOpen: onMenuOpen,
     onMenuClose: onMenuClose,
-    "aria-label": props.ariaLabel
+    "aria-label": props.ariaLabel,
+    classNamePrefix: props.classNamePrefix
   });
 }

package/dist/es2019/plugins/floating-toolbar/ui/Toolbar.js

@@ -125,6 +125,7 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
 
       case 'select':
         if (item.selectType === 'list') {
+          const ariaLabel = item.title || item.placeholder;
           return jsx(Select, {
             key: idx,
             dispatchCommand: dispatchCommand,
@@ -136,8 +137,10 @@ const ToolbarItems = /*#__PURE__*/React.memo(({
             defaultValue: item.defaultValue,
             placeholder: item.placeholder,
             onChange: selected => dispatchCommand(item.onChange(selected)),
+            ariaLabel: ariaLabel,
             filterOption: item.filterOption,
-            setDisableParentScroll: scrollable ? setDisableScroll : undefined
+            setDisableParentScroll: scrollable ? setDisableScroll : undefined,
+            classNamePrefix: 'floating-toolbar-select'
           });
         }
 
@@ -340,15 +343,21 @@ class Toolbar extends Component {
     });
 
     _defineProperty(this, "handleEscape", event => {
-      //If any dropdown is open inside the floating toolbar 'Esc' key should not
-      //focus the editorview. The event cannot be stopped as dropdown is not childnode of floating toolbar
-      if (!document.querySelector('[data-role="droplistContent"]')) {
-        var _this$props$editorVie;
-
-        (_this$props$editorVie = this.props.editorView) === null || _this$props$editorVie === void 0 ? void 0 : _this$props$editorVie.focus();
-        event.preventDefault();
-        event.stopPropagation();
+      var _this$props$editorVie;
+
+      // If any menu is open inside the floating toolbar 'Esc' key should not
+      // focus the editorview.
+      // Event can't be stopped as they are not childnodes of floating toolbar
+      const isDropdownOpen = !!document.querySelector('[data-role="droplistContent"]');
+      const isSelectMenuOpen = !!document.querySelector('.floating-toolbar-select__menu');
+
+      if (isDropdownOpen || isSelectMenuOpen) {
+        return;
       }
+
+      (_this$props$editorVie = this.props.editorView) === null || _this$props$editorVie === void 0 ? void 0 : _this$props$editorVie.focus();
+      event.preventDefault();
+      event.stopPropagation();
     });
 
     this.scrollContainerRef = /*#__PURE__*/React.createRef();

package/dist/es2019/plugins/hyperlink/HyperlinkToolbarAppearance.js

@@ -89,6 +89,7 @@ export class HyperlinkToolbarAppearance extends Component {
       editorView: editorView,
       editorState: editorState,
       allowEmbeds: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowEmbeds,
+      allowBlockCards: cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowBlockCards,
       platform: platform
     });
   }

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

@@ -61,7 +61,8 @@ const hyperlinkPlugin = options => ({
       action(insert, state) {
         const tr = insert(undefined);
         tr.setMeta(stateKey, {
-          type: LinkAction.SHOW_INSERT_TOOLBAR
+          type: LinkAction.SHOW_INSERT_TOOLBAR,
+          inputMethod: INPUT_METHOD.QUICK_INSERT
         });
         return addAnalytics(state, tr, {
           action: ACTION.INVOKED,

package/dist/es2019/plugins/hyperlink/ui/EditorLinkPicker/index.js

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { LinkPicker } from '@atlaskit/link-picker';
 import { hideLinkToolbar as cardHideLinkToolbar } from '../../../card/pm-plugins/actions';
 import { hideLinkToolbar } from '../../commands';
 import { useEscapeClickaway } from './useEscapeClickaway';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
 /**
  * Returns a type that matches T but where keys (K) are now optional
  */
@@ -11,6 +12,7 @@ import { useEscapeClickaway } from './useEscapeClickaway';
 export const EditorLinkPicker = ({
   view,
   onCancel,
+  invokeMethod = '_unknown',
   ...restProps
 }) => {
   const onEscape = useCallback(() => {
@@ -23,9 +25,16 @@ export const EditorLinkPicker = ({
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   }, [view, onCancel]);
   const ref = useEscapeClickaway(onEscape, onClickAway);
+  const analyticsData = useMemo(() => ({
+    attributes: {
+      invokeMethod
+    }
+  }), [invokeMethod]);
   return /*#__PURE__*/React.createElement("div", {
     ref: ref
+  }, /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: analyticsData
   }, /*#__PURE__*/React.createElement(LinkPicker, _extends({}, restProps, {
     onCancel: onEscape
-  })));
+  }))));
 };

package/dist/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -272,16 +272,12 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
           activityProvider
         } = this.state;
 
-        if (!activityProvider) {
-          return;
-        }
-
         switch (field) {
           case 'displayUrl':
             {
               this.setState({
                 [field]: '',
-                items: limit(await activityProvider.getRecentItems())
+                items: !!activityProvider ? limit(await activityProvider.getRecentItems()) : []
               });
 
               if (this.urlInputContainer) {

package/dist/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/index.js

@@ -30,7 +30,8 @@ export default class HyperlinkAddToolbar extends React.PureComponent {
       displayUrl,
       providerFactory,
       view,
-      onCancel
+      onCancel,
+      invokeMethod
     } = this.props;
     return /*#__PURE__*/React.createElement(WithProviders, {
       providers: ['activityProvider', 'searchProvider'],
@@ -52,7 +53,10 @@ export default class HyperlinkAddToolbar extends React.PureComponent {
 
           if (lpLinkPicker) {
             return /*#__PURE__*/React.createElement(EditorLinkPicker, _extends({
-              view: view
+              view: view,
+              invokeMethod: // Provide `invokeMethod` prop as preferred value (card plugin passes as prop) otherwise assume this
+              // is being used from inside the hyperlink plugin and use inputMethod from plugin state
+              invokeMethod !== null && invokeMethod !== void 0 ? invokeMethod : hyperlinkPluginState === null || hyperlinkPluginState === void 0 ? void 0 : hyperlinkPluginState.inputMethod
             }, linkPickerOptions, {
               url: displayUrl,
               displayText: displayText,

package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.js

@@ -15,7 +15,8 @@ export const BlockInsertElementBrowser = props => {
     editorView: props.editorView,
     dropdownItems: props.items,
     onInsert: props.onInsert,
-    toggleVisiblity: props.togglePlusMenuVisibility
+    toggleVisiblity: props.togglePlusMenuVisibility,
+    showElementBrowserLink: props.showElementBrowserLink
   })), /*#__PURE__*/React.createElement(DropDownButton, {
     "aria-expanded": props.open,
     "aria-haspopup": true,

package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -36,7 +36,8 @@ export const BlockInsertMenu = props => {
       popupsMountPoint: props.popupsMountPoint,
       popupsScrollableElement: props.popupsScrollableElement,
       spacing: props.spacing,
-      togglePlusMenuVisibility: props.togglePlusMenuVisibility
+      togglePlusMenuVisibility: props.togglePlusMenuVisibility,
+      showElementBrowserLink: props.showElementBrowserLink
     });
   }
 

package/dist/es2019/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -579,7 +579,8 @@ export class ToolbarInsertBlock extends React.PureComponent {
       onInsert: this.insertInsertMenuItem,
       onOpenChange: this.onOpenChange,
       togglePlusMenuVisibility: this.togglePlusMenuVisibility,
-      replacePlusMenuWithElementBrowser: (_this$props$replacePl = this.props.replacePlusMenuWithElementBrowser) !== null && _this$props$replacePl !== void 0 ? _this$props$replacePl : false
+      replacePlusMenuWithElementBrowser: (_this$props$replacePl = this.props.replacePlusMenuWithElementBrowser) !== null && _this$props$replacePl !== void 0 ? _this$props$replacePl : false,
+      showElementBrowserLink: this.props.showElementBrowserLink || false
     })), this.props.showSeparator && jsx("span", {
       css: separatorStyles
     }));

package/dist/es2019/plugins/list/styles.js

@@ -3,20 +3,24 @@ import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { browser } from '@atlaskit/editor-common/utils';
 import { codeBlockInListSafariFix } from '@atlaskit/editor-common/styles';
 export const listsStyles = css`
-  .ProseMirror li {
-    position: relative;
+  .ProseMirror {
+    li {
+      position: relative;
 
-    > p:not(:first-child) {
-      margin: 4px 0 0 0;
-    }
+      > p:not(:first-child) {
+        margin: 4px 0 0 0;
+      }
 
-    // In SSR the above rule will apply to all p tags because first-child would be a style tag.
-    // The following rule resets the first p tag back to its original margin
-    // defined in packages/editor/editor-common/src/styles/shared/paragraph.ts
-    > style:first-child + p {
-      margin-top: ${blockNodesVerticalMargin};
+      // In SSR the above rule will apply to all p tags because first-child would be a style tag.
+      // The following rule resets the first p tag back to its original margin
+      // defined in packages/editor/editor-common/src/styles/shared/paragraph.ts
+      > style:first-child + p {
+        margin-top: ${blockNodesVerticalMargin};
+      }
     }
 
-    ${browser.safari ? codeBlockInListSafariFix : ''}
+    & :not([data-node-type='decisionList']) > li {
+      ${browser.safari ? codeBlockInListSafariFix : ''}
+    }
   }
 `;

package/dist/es2019/plugins/media/commands/helpers.js

@@ -74,7 +74,7 @@ export const updateAllMediaNodesAttrs = (id, attrs, isMediaSingle) => (state, di
   }) => {
     const pos = getPos();
 
-    if (typeof pos === 'number' && !isMediaNode(pos, state)) {
+    if (isNaN(pos) || typeof pos === 'number' && !isMediaNode(pos, state)) {
       return acc;
     }
 
@@ -96,6 +96,23 @@ export const updateAllMediaNodesAttrs = (id, attrs, isMediaSingle) => (state, di
 
   return true;
 };
+export const updateCurrentMediaNodeAttrs = (attrs, mediaNode) => (state, dispatch) => {
+  const pos = mediaNode.getPos();
+
+  if (isNaN(pos) || typeof pos === 'number' && !isMediaNode(pos, state)) {
+    return false;
+  }
+
+  const tr = state.tr;
+  tr.step(new SetAttrsStep(pos, attrs));
+  tr.setMeta('addToHistory', false);
+
+  if (dispatch) {
+    dispatch(tr);
+  }
+
+  return true;
+};
 export const updateMediaNodeAttrs = (id, attrs, isMediaSingle) => (state, dispatch) => {
   const mediaPluginState = mediaPluginKey.getState(state);
   const mediaNodeWithPos = findMediaNode(mediaPluginState, id, isMediaSingle);

package/dist/es2019/plugins/media/nodeviews/mediaGroup.js

@@ -39,25 +39,23 @@ class MediaGroup extends React.Component {
       viewMediaClientConfig: undefined
     });
 
-    _defineProperty(this, "updateNodeAttrs", props => {
+    _defineProperty(this, "updateNodeAttrs", (props, node, getPos) => {
       const {
         view,
         mediaProvider,
         contextIdentifierProvider
       } = props;
-      this.mediaNodes.forEach(node => {
-        const mediaNodeUpdater = new MediaNodeUpdater({
-          view,
-          mediaProvider,
-          contextIdentifierProvider,
-          node,
-          isMediaSingle: false
-        });
-        mediaNodeUpdater.updateFileAttrs(false);
+      const mediaNodeUpdater = new MediaNodeUpdater({
+        view,
+        mediaProvider,
+        contextIdentifierProvider,
+        node,
+        isMediaSingle: false
       });
+      mediaNodeUpdater.updateNodeAttrs(getPos);
     });
 
-    _defineProperty(this, "setMediaItems", props => {
+    _defineProperty(this, "setMediaItems", (props, updatedAttrs = false) => {
       const {
         node
       } = props;
@@ -68,6 +66,10 @@ class MediaGroup extends React.Component {
 
         this.mediaPluginState.setMediaGroupNode(item, getPos);
         this.mediaNodes.push(item);
+
+        if (updatedAttrs) {
+          this.updateNodeAttrs(props, item, getPos);
+        }
       });
       this.mediaPluginState.handleMediaGroupUpdate(oldMediaNodes, this.mediaNodes);
     });
@@ -198,11 +200,7 @@ class MediaGroup extends React.Component {
 
   UNSAFE_componentWillReceiveProps(props) {
     this.updateMediaClientConfig();
-    this.setMediaItems(props);
-
-    if (props.isCopyPasteEnabled !== false) {
-      this.updateNodeAttrs(props);
-    }
+    this.setMediaItems(props, props.isCopyPasteEnabled || props.isCopyPasteEnabled === undefined);
   }
 
   shouldComponentUpdate(nextProps) {

package/dist/es2019/plugins/media/nodeviews/mediaNodeUpdater.js

@@ -3,7 +3,7 @@ import uuidV4 from 'uuid/v4';
 import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/ui';
 import { getMediaClient, isMediaBlobUrl, getAttrsFromUrl, isImageRepresentationReady } from '@atlaskit/media-client';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../analytics';
-import { replaceExternalMedia, updateAllMediaNodesAttrs, updateMediaNodeAttrs } from '../commands/helpers';
+import { replaceExternalMedia, updateAllMediaNodesAttrs, updateCurrentMediaNodeAttrs, updateMediaNodeAttrs } from '../commands/helpers';
 export class MediaNodeUpdater {
   constructor(props) {
     _defineProperty(this, "updateContextId", async () => {
@@ -22,28 +22,30 @@ export class MediaNodeUpdater {
       }, this.props.isMediaSingle)(this.props.view.state, this.props.view.dispatch);
     });
 
-    _defineProperty(this, "hasFileAttributesDefined", () => {
-      const attrs = this.getAttrs();
+    _defineProperty(this, "hasFileAttributesDefined", attrs => {
       return attrs && attrs.type === 'file' && attrs.__fileName && attrs.__fileMimeType && attrs.__fileSize && attrs.__contextId;
     });
 
-    _defineProperty(this, "updateFileAttrs", async (isMediaSingle = true) => {
+    _defineProperty(this, "getNewFileAttrsForNode", async () => {
       const attrs = this.getAttrs();
       const mediaProvider = await this.props.mediaProvider;
 
-      if (!mediaProvider || !mediaProvider.uploadParams || !attrs || attrs.type !== 'file' || this.hasFileAttributesDefined()) {
+      if (!mediaProvider || !mediaProvider.uploadParams || !attrs || attrs.type !== 'file' || this.hasFileAttributesDefined(attrs)) {
         return;
       }
 
       const mediaClientConfig = mediaProvider.viewMediaClientConfig;
       const mediaClient = getMediaClient(mediaClientConfig);
-      const options = {
-        collectionName: attrs.collection
-      };
       let fileState;
+      const {
+        id,
+        collection: collectionName
+      } = attrs;
 
       try {
-        fileState = await mediaClient.file.getCurrentState(attrs.id, options);
+        fileState = await mediaClient.file.getCurrentState(id, {
+          collectionName
+        });
 
         if (fileState.status === 'error') {
           return;
@@ -64,11 +66,33 @@ export class MediaNodeUpdater {
         __fileSize: size,
         __contextId: contextId
       };
-      const attrsChanged = hasPrivateAttrsChanged(attrs, newAttrs);
 
-      if (attrsChanged) {
-        // TODO [MS-2258]: we should pass this.props.isMediaSingle and remove hardcoded "true"
-        updateAllMediaNodesAttrs(attrs.id, newAttrs, isMediaSingle)(this.props.view.state, this.props.view.dispatch);
+      if (!hasPrivateAttrsChanged(attrs, newAttrs)) {
+        return;
+      }
+
+      return newAttrs;
+    });
+
+    _defineProperty(this, "updateFileAttrs", async (isMediaSingle = true) => {
+      const newAttrs = await this.getNewFileAttrsForNode();
+      const {
+        id
+      } = this.getAttrs();
+
+      if (id && newAttrs) {
+        updateAllMediaNodesAttrs(id, newAttrs, isMediaSingle)(this.props.view.state, this.props.view.dispatch);
+      }
+    });
+
+    _defineProperty(this, "updateNodeAttrs", async getPos => {
+      const newAttrs = await this.getNewFileAttrsForNode();
+
+      if (newAttrs) {
+        updateCurrentMediaNodeAttrs(newAttrs, {
+          node: this.props.node,
+          getPos
+        })(this.props.view.state, this.props.view.dispatch);
       }
     });
 

package/dist/es2019/plugins/media/nodeviews/mediaNodeView/index.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/ui';
-import { browser } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from 'prosemirror-state';
 import React from 'react';
 import { SelectionBasedNodeView } from '../../../../nodeviews';
@@ -91,7 +90,7 @@ class MediaNodeView extends SelectionBasedNodeView {
   createDomRef() {
     const domRef = document.createElement('div');
 
-    if (browser.chrome && this.reactComponentProps.mediaOptions && this.reactComponentProps.mediaOptions.allowMediaSingleEditable) {
+    if (this.reactComponentProps.mediaOptions && this.reactComponentProps.mediaOptions.allowMediaSingleEditable) {
       // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
       // see also: https://github.com/ProseMirror/prosemirror/issues/884
       domRef.contentEditable = 'true';

package/dist/es2019/plugins/media/nodeviews/mediaSingle.js

@@ -385,7 +385,7 @@ class MediaSingleNodeView extends ReactNodeView {
   createDomRef() {
     const domRef = document.createElement('div');
 
-    if (browser.chrome && this.reactComponentProps.mediaOptions && this.reactComponentProps.mediaOptions.allowMediaSingleEditable) {
+    if (this.reactComponentProps.mediaOptions && this.reactComponentProps.mediaOptions.allowMediaSingleEditable) {
       // workaround Chrome bug in https://product-fabric.atlassian.net/browse/ED-5379
       // see also: https://github.com/ProseMirror/prosemirror/issues/884
       domRef.contentEditable = 'true';

package/dist/es2019/plugins/media/pm-plugins/keymap.js

@@ -3,6 +3,7 @@ import { NodeSelection } from 'prosemirror-state';
 import * as keymaps from '../../../keymaps';
 import { stateKey } from '../pm-plugins/plugin-key';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
+import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { insertAndSelectCaptionFromMediaSinglePos, selectCaptionFromMediaSinglePos } from '../commands/captions';
 export function keymapPlugin(options) {
   const list = {};
@@ -15,6 +16,8 @@ export function keymapPlugin(options) {
   if (getMediaFeatureFlag('captions', featureFlags)) {
     keymaps.bindKeymapWithCommand(keymaps.moveDown.common, insertAndSelectCaption, list);
     keymaps.bindKeymapWithCommand(keymaps.tab.common, insertAndSelectCaption, list);
+    keymaps.bindKeymapWithCommand(keymaps.moveLeft.common, arrowLeftFromMediaSingle(options === null || options === void 0 ? void 0 : options.editorSelectionAPI), list);
+    keymaps.bindKeymapWithCommand(keymaps.moveRight.common, arrowRightFromMediaSingle(options === null || options === void 0 ? void 0 : options.editorSelectionAPI), list);
   }
 
   keymaps.bindKeymapWithCommand(keymaps.insertNewLine.common, splitMediaGroup, list);
@@ -56,4 +59,46 @@ const insertAndSelectCaption = (state, dispatch) => {
   return false;
 };
 
+const arrowLeftFromMediaSingle = editorSelectionAPI => (state, dispatch) => {
+  const {
+    selection
+  } = state;
+
+  if (editorSelectionAPI && selection instanceof NodeSelection && selection.node.type.name === 'mediaSingle') {
+    const tr = editorSelectionAPI.setSelectionRelativeToNode({
+      selectionRelativeToNode: undefined,
+      selection: new GapCursorSelection(state.doc.resolve(selection.from), Side.LEFT)
+    })(state);
+
+    if (dispatch) {
+      dispatch(tr);
+    }
+
+    return true;
+  }
+
+  return false;
+};
+
+const arrowRightFromMediaSingle = editorSelectionAPI => (state, dispatch) => {
+  const {
+    selection
+  } = state;
+
+  if (editorSelectionAPI && selection instanceof NodeSelection && selection.node.type.name === 'mediaSingle') {
+    const tr = editorSelectionAPI.setSelectionRelativeToNode({
+      selectionRelativeToNode: undefined,
+      selection: new GapCursorSelection(state.doc.resolve(selection.to), Side.RIGHT)
+    })(state);
+
+    if (dispatch) {
+      dispatch(tr);
+    }
+
+    return true;
+  }
+
+  return false;
+};
+
 export default keymapPlugin;

package/dist/es2019/plugins/rank.js

@@ -4,9 +4,10 @@ export default {
   'indentationKeymap', 'textColor', 'alignmentPlugin', 'listInputRule', 'listKeymap', 'codeBlock', 'codeBlockIDEKeyBindings', 'codeBlockKeyMap', 'textFormatting', 'textFormattingCursor', 'textFormattingInputRule', 'textFormattingSmartRule', 'textFormattingClear', 'textFormattingKeymap', // task/decisions keymap needs to be above table keymap so can indent actions in a table
   'tasksAndDecisionsKeyMap', // expand and table keymaps need to be above selection keymap to add their custom selection behaviour:
   // https://product-fabric.atlassian.net/wiki/spaces/E/pages/1113098008/Selection+Guide#Special-Cases
-  'expandKeymap', 'tableSelectionKeymap', 'tableKeymap', 'captionKeymap', // selection keymap needs to be above gap cursor keymap so it can set node selections from
+  'expandKeymap', 'tableSelectionKeymap', 'tableKeymap', 'captionKeymap', // media keymap above selection keymap to allow navigating past the mediaSingle node
+  'mediaKeymap', // selection keymap needs to be above gap cursor keymap so it can set node selections from
   // left/right arrows
-  'selectionKeymap', 'gapCursorKeymap', 'gapCursor', 'syncUrlText', 'fakeCursorToolbarPlugin', 'hyperLink', 'table', 'tableDecorations', 'hyperlinkInputRule', 'tablePMColResizing', 'hyperlinkKeymap', 'tableColResizing', 'undoRedoKeyMap', 'blockTypeKeyMap', 'tableEditing', 'filterStepsPlugin', 'pmCollab', 'collab', 'ruleInputRule', 'ruleKeymap', 'panel', 'media', 'mediaKeymap', 'mediaSingleKeymap', 'mediaEditor', 'unsupportedContent', 'jiraIssue', 'fakeTextCursor', 'helpDialog', 'helpDialogKeymap', 'macro', 'expand', 'extension', 'layout', 'contextPanel', 'floatingToolbar', 'clearMarksOnChange', 'reactNodeView', 'history', 'undoRedoPlugin', 'codeBlockIndent', 'placeholder', 'width', 'maxContentSize', 'multilineContent', 'grid', 'mobileDimensions', 'scrollGutterPlugin', 'analytics', 'findReplace', 'selection', 'avatarGroup', 'viewUpdateSubscription', 'beforePrimaryToolbar', 'inlineCode'],
+  'selectionKeymap', 'gapCursorKeymap', 'gapCursor', 'syncUrlText', 'fakeCursorToolbarPlugin', 'hyperLink', 'table', 'tableDecorations', 'hyperlinkInputRule', 'tablePMColResizing', 'hyperlinkKeymap', 'tableColResizing', 'undoRedoKeyMap', 'blockTypeKeyMap', 'tableEditing', 'filterStepsPlugin', 'pmCollab', 'collab', 'ruleInputRule', 'ruleKeymap', 'panel', 'media', 'mediaSingleKeymap', 'mediaEditor', 'unsupportedContent', 'jiraIssue', 'fakeTextCursor', 'helpDialog', 'helpDialogKeymap', 'macro', 'expand', 'extension', 'layout', 'contextPanel', 'floatingToolbar', 'clearMarksOnChange', 'reactNodeView', 'history', 'undoRedoPlugin', 'codeBlockIndent', 'placeholder', 'width', 'maxContentSize', 'multilineContent', 'grid', 'mobileDimensions', 'scrollGutterPlugin', 'analytics', 'findReplace', 'selection', 'avatarGroup', 'viewUpdateSubscription', 'beforePrimaryToolbar', 'inlineCode'],
   nodes: ['doc', 'paragraph', 'text', 'bulletList', 'orderedList', 'listItem', 'heading', 'blockquote', 'codeBlock', 'rule', 'panel', 'mention', 'confluenceUnsupportedBlock', 'confluenceUnsupportedInline', 'unsupportedBlock', 'unsupportedInline', 'confluenceJiraIssue', 'hardBreak', 'emoji', 'placeholder', 'mediaSingle', 'mediaGroup', 'table', 'expand', 'nestedExpand', 'media', 'tableHeader', 'decisionList', 'tableRow', 'decisionItem', 'tableCell', 'taskList', 'taskItem', 'extension', 'bodiedExtension', 'inlineExtension', 'layoutSection', 'layoutColumn', 'inlineCard', 'blockCard', 'embedCard'],
   marks: [// Fragment mark is both for inline and block elements
   'fragment', // Inline marks

package/dist/es2019/plugins/selection/pm-plugins/events/create-selection-between.js

@@ -0,0 +1,79 @@
+import { NodeSelection, TextSelection } from 'prosemirror-state';
+
+function findEmptySelectableParentNodePosition($pos, isValidPosition) {
+  const {
+    doc
+  } = $pos;
+
+  if ($pos.pos + 1 > doc.content.size) {
+    return null;
+  }
+
+  if ($pos.depth === 0) {
+    if (isValidPosition($pos)) {
+      return $pos;
+    }
+
+    return null;
+  }
+
+  if (isValidPosition($pos)) {
+    return $pos;
+  }
+
+  const positionLevelUp = $pos.before();
+  const resolvedPositionLevelUp = doc.resolve(positionLevelUp);
+  return findEmptySelectableParentNodePosition(resolvedPositionLevelUp, isValidPosition);
+}
+
+const checkPositionNode = $pos => {
+  const maybeNode = $pos.nodeAfter;
+
+  if (!maybeNode || !maybeNode.isBlock) {
+    return false;
+  }
+
+  if (maybeNode.isAtom) {
+    return true;
+  }
+
+  const isParentEmpty = maybeNode.content.size === 0 || maybeNode.textContent === '';
+  return isParentEmpty && NodeSelection.isSelectable(maybeNode);
+};
+
+function findNextSelectionPosition({
+  $targetHead,
+  $anchor,
+  doc
+}) {
+  const direction = $anchor.pos < $targetHead.pos ? 'down' : 'up';
+  const maybeNextPosition = findEmptySelectableParentNodePosition($targetHead, checkPositionNode);
+
+  if (maybeNextPosition && maybeNextPosition.nodeAfter) {
+    const nodeAfter = maybeNextPosition.nodeAfter;
+    const pos = maybeNextPosition.pos;
+    const nextPositionToSelect = direction === 'down' ? Math.min(nodeAfter.nodeSize + pos, doc.content.size) : Math.max(pos, 0);
+    return doc.resolve(nextPositionToSelect);
+  }
+
+  return null;
+}
+
+export const onCreateSelectionBetween = (view, $anchor, $head) => {
+  if ($anchor.pos === $head.pos) {
+    return null;
+  }
+
+  const $nextHeadPosition = findNextSelectionPosition({
+    $targetHead: $head,
+    $anchor,
+    doc: view.state.doc
+  });
+
+  if (!$nextHeadPosition) {
+    return null;
+  }
+
+  const forcedTextSelection = TextSelection.create(view.state.doc, $anchor.pos, $nextHeadPosition.pos);
+  return forcedTextSelection;
+};