@atlaskit/editor-core 151.1.2 → 151.3.1

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

@@ -1,7 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent } from 'react';
-import styled from 'styled-components';
-import DropList from '@atlaskit/droplist';
+import styled from 'styled-components'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
+import DropList from '@atlaskit/droplist'; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+
 import Item, { ItemGroup } from '@atlaskit/item';
 import Tooltip from '@atlaskit/tooltip';
 import { Popup } from '@atlaskit/editor-common';
@@ -84,6 +86,7 @@ export default class DropdownMenuWrapper extends PureComponent {
       key: item.key || item.content,
       isSelected: item.isActive
     }, /*#__PURE__*/React.createElement(Item, {
+      role: "menuitem",
       elemBefore: item.elemBefore,
       elemAfter: item.elemAfter,
       isDisabled: item.isDisabled,
@@ -154,7 +157,8 @@ export default class DropdownMenuWrapper extends PureComponent {
         minWidth: fitWidth || 0
       }
     }), items.map((group, index) => /*#__PURE__*/React.createElement(ItemGroup, {
-      key: index
+      key: index,
+      role: "menu"
     }, group.items.map(item => this.renderItem(item))))));
   }
 

package/dist/es2019/ui/ElementBrowser/InsertMenu.js

@@ -1,5 +1,6 @@
 import React, { useState, useCallback } from 'react';
 import styled, { ThemeProvider } from 'styled-components';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import Item, { itemThemeNamespace } from '@atlaskit/item'; // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 

package/dist/es2019/ui/ElementBrowser/components/ElementList/ElementList.js

@@ -4,6 +4,7 @@ import memoizeOne from 'memoize-one';
 import styled, { ThemeProvider, css } from 'styled-components';
 import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';
 import { Collection } from 'react-virtualized/dist/commonjs/Collection';
+// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import Item from '@atlaskit/item';
 import { B100, N20, N200 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';

package/dist/es2019/ui/LinkSearch/LinkSearchListItem.js

@@ -4,7 +4,7 @@ import styled from 'styled-components'; // AFP-2532 TODO: Fix automatic suppress
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 
 import { fontSizeSmall } from '@atlaskit/theme';
-import { N20, N800, N100 } from '@atlaskit/theme/colors';
+import { N20, N300, N800 } from '@atlaskit/theme/colors';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import formatDistance from 'date-fns/formatDistance';
 import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
@@ -30,7 +30,7 @@ export const Name = styled.div`
   line-height: 20px;
 `;
 export const ContainerName = styled.div`
-  color: ${N100};
+  color: ${N300};
   line-height: 14px;
   font-size: ${relativeFontSizeToBase16(fontSizeSmall())};
 `;

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

@@ -146,6 +146,7 @@ export default class Resizer extends React.Component {
   render() {
     const handleStyles = {};
     const handles = {};
+    const handleComponent = {};
     const {
       innerPadding = 0,
       width,
@@ -154,7 +155,8 @@ export default class Resizer extends React.Component {
       layout,
       enable,
       children,
-      ratio
+      ratio,
+      handleComponentFunc
     } = this.props;
     const {
       isResizing
@@ -167,6 +169,11 @@ export default class Resizer extends React.Component {
         zIndex: akRichMediaResizeZIndex,
         pointerEvents: 'auto'
       };
+      const sideHandleComponent = handleComponentFunc && handleComponentFunc(side);
+
+      if (sideHandleComponent) {
+        handleComponent[side] = sideHandleComponent;
+      }
     });
     const className = classnames(richMediaClassName, `image-${layout}`, this.props.className, {
       'is-resizing': isResizing,
@@ -199,6 +206,7 @@ export default class Resizer extends React.Component {
       handleClasses: handles,
       handleStyles: handleStyles,
       handleWrapperStyle: handleWrapperStyle,
+      handleComponent: handleComponent,
       enable: enable,
       onResize: this.handleResize,
       onResizeStop: this.handleResizeStop,

package/dist/es2019/version-wrapper.js

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

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "151.1.2",
+	"version": "151.3.1",
 	"sideEffects": false
 }

package/dist/esm/create-editor/ReactEditorView.js

@@ -510,8 +510,30 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
           transformer: _this.contentTransformer
         });
 
+        if (_this.props.editorProps.shouldFocus && view.props.editable && view.props.editable(view.state)) {
+          _this.focusTimeoutId = handleEditorFocus(view);
+        }
+
         if (_this.featureFlags.ufo) {
+          _this.experienceStore = ExperienceStore.getInstance(view);
+
+          _this.experienceStore.start(EditorExperience.editSession);
+
+          _this.experienceStore.addMetadata(EditorExperience.editSession, {
+            reliabilityInterval: RELIABILITY_INTERVAL
+          });
+
           _this.reliabilityInterval = window.setInterval(function () {
+            var _this$experienceStore11, _this$experienceStore12;
+
+            (_this$experienceStore11 = _this.experienceStore) === null || _this$experienceStore11 === void 0 ? void 0 : (_this$experienceStore12 = _this$experienceStore11.success(EditorExperience.editSession)) === null || _this$experienceStore12 === void 0 ? void 0 : _this$experienceStore12.finally(function () {
+              var _this$experienceStore13, _this$experienceStore14;
+
+              (_this$experienceStore13 = _this.experienceStore) === null || _this$experienceStore13 === void 0 ? void 0 : _this$experienceStore13.start(EditorExperience.editSession);
+              (_this$experienceStore14 = _this.experienceStore) === null || _this$experienceStore14 === void 0 ? void 0 : _this$experienceStore14.addMetadata(EditorExperience.editSession, {
+                reliabilityInterval: RELIABILITY_INTERVAL
+              });
+            });
             var reliabilityEvent = {
               action: ACTION.UFO_SESSION_COMPLETE,
               actionSubject: ACTION_SUBJECT.EDITOR,
@@ -523,14 +545,6 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
 
             _this.dispatchAnalyticsEvent(reliabilityEvent);
           }, RELIABILITY_INTERVAL);
-        }
-
-        if (_this.props.editorProps.shouldFocus && view.props.editable && view.props.editable(view.state)) {
-          _this.focusTimeoutId = handleEditorFocus(view);
-        }
-
-        if (_this.featureFlags.ufo) {
-          _this.experienceStore = ExperienceStore.getInstance(view);
         } // Force React to re-render so consumers get a reference to the editor view
 
 

package/dist/esm/create-editor/create-plugins-list.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tablesPlugin, tasksAndDecisionsPlugin, textColorPlugin, cardPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, analyticsPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, codeBidiWarningPlugin } from '../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tablesPlugin, tasksAndDecisionsPlugin, textColorPlugin, cardPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, analyticsPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin } from '../plugins';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 import { GUTTER_SIZE_MOBILE_IN_PX } from '../plugins/base/pm-plugins/scroll-gutter';
 import { createFeatureFlagsFromProps } from '../plugins/feature-flags-context/feature-flags-from-props';
@@ -96,7 +96,8 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
     },
     cardOptions: props.smartLinks || props.UNSAFE_cards,
     codeBlock: _objectSpread(_objectSpread({}, props.codeBlock), {}, {
-      useLongPressSelection: false
+      useLongPressSelection: false,
+      appearance: props.appearance
     })
   };
 }
@@ -108,8 +109,6 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
  */
 
 export default function createPluginsList(props, prevProps, createAnalyticsEvent) {
-  var _props$featureFlags;
-
   var appearance = props.appearance;
   var isMobile = appearance === 'mobile';
   var isComment = appearance === 'comment';
@@ -277,8 +276,8 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
   if (props.allowPanel) {
     preset.add([panelPlugin, {
       useLongPressSelection: false,
-      UNSAFE_allowCustomPanel: props.allowPanel.UNSAFE_allowCustomPanel,
-      UNSAFE_allowCustomPanelEdit: props.allowPanel.UNSAFE_allowCustomPanelEdit
+      allowCustomPanel: props.allowPanel.allowCustomPanel,
+      allowCustomPanelEdit: props.allowPanel.allowCustomPanelEdit
     }]);
   }
 
@@ -375,26 +374,46 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false
   }]);
 
-  if (((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.showAvatarGroupAsPlugin) === true) {
+  var hasBeforePrimaryToolbar = function hasBeforePrimaryToolbar(components) {
+    if (components && 'before' in components) {
+      return !!components.before;
+    }
+
+    return false;
+  };
+
+  if (hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar) {
+    preset.add([beforePrimaryToolbarPlugin, {
+      beforePrimaryToolbarComponents: props.primaryToolbarComponents.before
+    }]);
+  }
+
+  if (featureFlags.showAvatarGroupAsPlugin === true && !featureFlags.twoLineEditorToolbar) {
     preset.add([avatarGroupPlugin, {
-      collabEdit: props.collabEdit
+      collabEdit: props.collabEdit,
+      takeFullWidth: !hasBeforePrimaryToolbar(props.primaryToolbarComponents)
     }]);
   }
 
   if (props.allowFindReplace) {
-    var _props$featureFlags2;
-
     preset.add([findReplacePlugin, {
-      takeFullWidth: !!((_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.showAvatarGroupAsPlugin) === false
+      takeFullWidth: !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
+      twoLineEditorToolbar: !!featureFlags.twoLineEditorToolbar
     }]);
   }
 
+  if (props.UNSAFE_allowFragmentMark) {
+    preset.add(fragmentMarkPlugin);
+  }
+
   if (featureFlags.enableViewUpdateSubscription) {
     preset.add([viewUpdateSubscriptionPlugin]);
   }
 
   if (featureFlags.codeBidiWarnings) {
-    preset.add(codeBidiWarningPlugin);
+    preset.add([codeBidiWarningPlugin, {
+      appearance: props.appearance
+    }]);
   }
 
   var excludes = new Set();

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

@@ -32,8 +32,7 @@ export function useCXHTMLPreset(_ref) {
     }
   }]);
   preset.add([panelPlugin, {
-    UNSAFE_allowCustomPanel: true,
-    UNSAFE_allowCustomPanelEdit: true
+    allowCustomPanel: true
   }]);
   preset.add(listPlugin);
   preset.add(textColorPlugin);

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

@@ -63,7 +63,9 @@ export function createDefaultPreset(options) {
   preset.add(floatingToolbarPlugin);
   preset.add([featureFlagsContextPlugin, options.featureFlags || {}]);
   preset.add([selectionPlugin, options.selection]);
-  preset.add([codeBlockPlugin, options.codeBlock]);
+  preset.add([codeBlockPlugin, options.codeBlock || {
+    appearance: 'full-page'
+  }]);
   return preset;
 }
 export function useDefaultPreset(props) {

package/dist/esm/nodeviews/ReactNodeView.js

@@ -173,10 +173,10 @@ var ReactNodeView = /*#__PURE__*/function () {
     }
   }, {
     key: "update",
-    value: function update(node, _decorations) {
+    value: function update(node, _decorations, _innerDecorations) {
       var _this4 = this;
 
-      var validUpdate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {
+      var validUpdate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function () {
         return true;
       };
       // @see https://github.com/ProseMirror/prosemirror/issues/648

package/dist/esm/nodeviews/SelectionBasedNodeView.js

@@ -97,6 +97,13 @@ export var SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
       return _this.isSelectedNode(_this.view.state.selection) || _this.isSelectionInsideNode(from, to);
     });
 
+    _defineProperty(_assertThisInitialized(_this), "nodeInsideSelection", function () {
+      var selection = _this.view.state.selection;
+      var from = selection.from,
+          to = selection.to;
+      return _this.isSelectedNode(selection) || _this.isNodeInsideSelection(from, to);
+    });
+
     _defineProperty(_assertThisInitialized(_this), "onSelectionChange", function () {
       _this.update(_this.node, []);
     });

package/dist/esm/plugins/analytics/types/enums.js

@@ -55,6 +55,7 @@ export var ACTION;
   ACTION["INITIALISED"] = "initialised";
   ACTION["INPUT_PERF_SAMPLING"] = "inputPerfSampling";
   ACTION["INSERTED"] = "inserted";
+  ACTION["INVALID_DOCUMENT_ENCOUNTERED"] = "invalidDocumentEncountered";
   ACTION["INVOKED"] = "invoked";
   ACTION["LANGUAGE_SELECTED"] = "languageSelected";
   ACTION["LIST_ITEM_JOINED"] = "listItemJoined";

package/dist/esm/plugins/annotation/utils.js

@@ -264,7 +264,7 @@ export var isSelectionValid = function isSelectionValid(state) {
     return AnnotationSelectionType.DISABLED;
   }
 
-  if (disallowOnWhitespace && hasWhitespaceNode(selection)) {
+  if (disallowOnWhitespace && hasInvalidWhitespaceNode(selection)) {
     return AnnotationSelectionType.INVALID;
   }
 
@@ -314,16 +314,27 @@ function isEmptyTextSelection(selection, schema) {
  */
 
 
-export function hasWhitespaceNode(selection) {
-  var foundWhitespace = false;
-  selection.content().content.descendants(function (node) {
+export function hasInvalidWhitespaceNode(selection) {
+  var foundInvalidWhitespace = false;
+  var content = selection.content().content;
+  content.descendants(function (node) {
     if (node.textContent.trim() === '') {
-      foundWhitespace = true;
+      // Trailing new lines do not result in the annotation spanning into
+      // the trailing new line so can be ignored when looking for invalid
+      // whitespace nodes.
+      var nodeIsTrailingNewLine = // it is the final node
+      node.eq(content.lastChild) && // and there are multiple nodes
+      !node.eq(content.firstChild) && // and it is a paragraph node
+      node.type.name === 'paragraph';
+
+      if (!nodeIsTrailingNewLine) {
+        foundInvalidWhitespace = true;
+      }
     }
 
-    return !foundWhitespace;
+    return !foundInvalidWhitespace;
   });
-  return foundWhitespace;
+  return foundInvalidWhitespace;
 }
 /*
  * verifies if node contains annotation mark

package/dist/esm/plugins/avatar-group/index.js

@@ -17,7 +17,8 @@ var avatarGroup = function avatarGroup(props) {
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         editorView: editorView,
         eventDispatcher: eventDispatcher,
-        collabEdit: props.collabEdit
+        collabEdit: props.collabEdit,
+        takeFullWidth: props.takeFullWidth
       });
     }
   };

package/dist/esm/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js

@@ -6,7 +6,9 @@ import React, { useEffect } from 'react';
 import AvatarsWithPluginState from '../../collab-edit/ui/avatars-with-plugin-state';
 import styled from 'styled-components';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../../analytics';
-var ToolbarButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n  justify-content: flex-end;\n  align-items: center;\n  & > div {\n    margin-right: 0;\n  }\n"])));
+var ToolbarButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: ", ";\n  justify-content: flex-end;\n  align-items: center;\n  & > div {\n    margin-right: 0;\n  }\n"])), function (props) {
+  return props.takeFullWidth ? 1 : 0;
+});
 export var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
   var dispatchAnalyticsEvent = props.dispatchAnalyticsEvent;
   useEffect(function () {
@@ -23,7 +25,8 @@ export var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
   }, [dispatchAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(ToolbarButtonWrapper, {
     "aria-label": "Editors",
-    "data-testid": 'avatar-group-in-plugin'
+    "data-testid": 'avatar-group-in-plugin',
+    takeFullWidth: props.takeFullWidth
   }, /*#__PURE__*/React.createElement(AvatarsWithPluginState, {
     editorView: props.editorView,
     eventDispatcher: props.eventDispatcher,

package/dist/esm/plugins/before-primaryToolbar/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { BeforePrimaryToolbarWrapper } from './ui/BeforePrimaryToolbarWrapper';
+
+var beforePrimaryToolbar = function beforePrimaryToolbar(props) {
+  return {
+    name: 'beforePrimaryToolbar',
+    primaryToolbarComponent: function primaryToolbarComponent() {
+      return /*#__PURE__*/React.createElement(BeforePrimaryToolbarWrapper, {
+        beforePrimaryToolbarComponents: props.beforePrimaryToolbarComponents
+      });
+    }
+  };
+};
+
+export default beforePrimaryToolbar;

package/dist/esm/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js

@@ -0,0 +1,12 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+import React from 'react';
+import styled from 'styled-components';
+export var BeforePrimaryToolbarPluginWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-right: 8px;\n  flex-grow: 1;\n  justify-content: flex-end;\n  align-items: center;\n"])));
+export var BeforePrimaryToolbarWrapper = function BeforePrimaryToolbarWrapper(props) {
+  return /*#__PURE__*/React.createElement(BeforePrimaryToolbarPluginWrapper, {
+    "data-testid": 'before-primary-toolbar-components-plugin'
+  }, props.beforePrimaryToolbarComponents);
+};

package/dist/esm/plugins/code-bidi-warning/index.js

@@ -1,13 +1,16 @@
 import { createPlugin } from './pm-plugins/main';
 
-var codeBidiWarning = function codeBidiWarning() {
+var codeBidiWarning = function codeBidiWarning(_ref) {
+  var appearance = _ref.appearance;
   return {
     name: 'codeBidiWarning',
     pmPlugins: function pmPlugins() {
       return [{
         name: 'codeBidiWarning',
         plugin: function plugin(options) {
-          return createPlugin(options);
+          return createPlugin(options, {
+            appearance: appearance
+          });
         }
       }];
     }

package/dist/esm/plugins/code-bidi-warning/pm-plugins/main.js

@@ -2,20 +2,29 @@ import { Plugin } from 'prosemirror-state';
 import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
 import { codeBidiWarningPluginKey } from '../plugin-key';
 import { createBidiWarningsDecorationSetFromDoc, createPluginState, getPluginState } from './plugin-factory';
-export var createPlugin = function createPlugin(_ref) {
+export var createPlugin = function createPlugin(_ref, _ref2) {
   var dispatch = _ref.dispatch,
       reactContext = _ref.reactContext;
+  var appearance = _ref2.appearance;
   var intl = reactContext().intl;
   var codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
   return new Plugin({
     key: codeBidiWarningPluginKey,
     state: createPluginState(dispatch, function (state) {
+      // The appearance being mobile indicates we are in an editor being
+      // rendered by mobile bridge in a web view.
+      // The tooltip is likely to have unexpected behaviour there, with being cut
+      // off, so we disable it. This is also to keep the behaviour consistent with
+      // the rendering in the mobile Native Renderer.
+      var tooltipEnabled = appearance !== 'mobile';
       return {
         decorationSet: createBidiWarningsDecorationSetFromDoc({
           doc: state.doc,
-          codeBidiWarningLabel: codeBidiWarningLabel
+          codeBidiWarningLabel: codeBidiWarningLabel,
+          tooltipEnabled: tooltipEnabled
         }),
-        codeBidiWarningLabel: codeBidiWarningLabel
+        codeBidiWarningLabel: codeBidiWarningLabel,
+        tooltipEnabled: tooltipEnabled
       };
     }),
     props: {

package/dist/esm/plugins/code-bidi-warning/pm-plugins/plugin-factory.js

@@ -22,7 +22,8 @@ var _pluginFactory = pluginFactory(codeBidiWarningPluginKey, reducer, {
 
     var newBidiWarningsDecorationSet = createBidiWarningsDecorationSetFromDoc({
       doc: tr.doc,
-      codeBidiWarningLabel: pluginState.codeBidiWarningLabel
+      codeBidiWarningLabel: pluginState.codeBidiWarningLabel,
+      tooltipEnabled: pluginState.tooltipEnabled
     });
     return _objectSpread(_objectSpread({}, pluginState), {}, {
       decorationSet: newBidiWarningsDecorationSet
@@ -35,7 +36,8 @@ var _pluginFactory = pluginFactory(codeBidiWarningPluginKey, reducer, {
 export { createPluginState, getPluginState };
 export function createBidiWarningsDecorationSetFromDoc(_ref) {
   var doc = _ref.doc,
-      codeBidiWarningLabel = _ref.codeBidiWarningLabel;
+      codeBidiWarningLabel = _ref.codeBidiWarningLabel,
+      tooltipEnabled = _ref.tooltipEnabled;
   var bidiCharactersAndTheirPositions = [];
   doc.descendants(function (node, pos) {
     var isTextWithCodeMark = node.type.name === 'text' && node.marks && node.marks.some(function (mark) {
@@ -77,20 +79,28 @@ export function createBidiWarningsDecorationSetFromDoc(_ref) {
     var position = _ref4.position,
         bidiCharacter = _ref4.bidiCharacter;
     return Decoration.widget(position, function () {
-      return renderDOM(bidiCharacter, codeBidiWarningLabel);
+      return renderDOM({
+        bidiCharacter: bidiCharacter,
+        codeBidiWarningLabel: codeBidiWarningLabel,
+        tooltipEnabled: tooltipEnabled
+      });
     });
   }));
   return newBidiWarningsDecorationSet;
 }
 
-function renderDOM(bidiCharacter, codeBidiWarningLabel) {
+function renderDOM(_ref5) {
+  var bidiCharacter = _ref5.bidiCharacter,
+      codeBidiWarningLabel = _ref5.codeBidiWarningLabel,
+      tooltipEnabled = _ref5.tooltipEnabled;
   var element = document.createElement('span'); // Note: we use this pattern elsewhere (see highlighting code block, and drop cursor widget decoration)
   // we should investigate if there is a memory leak with such usage.
 
   ReactDOM.render( /*#__PURE__*/React.createElement(CodeBidiWarning, {
     bidiCharacter: bidiCharacter,
     skipChildren: true,
-    label: codeBidiWarningLabel
+    label: codeBidiWarningLabel,
+    tooltipEnabled: tooltipEnabled
   }), element);
   return element;
 }

package/dist/esm/plugins/code-block/index.js

@@ -9,8 +9,7 @@ import { IconCode } from '../quick-insert/assets';
 import { messages } from '../block-type/messages';
 import refreshBrowserSelectionOnChange from './refresh-browser-selection';
 
-var codeBlockPlugin = function codeBlockPlugin() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+var codeBlockPlugin = function codeBlockPlugin(options) {
   return {
     name: 'codeBlock',
     nodes: function nodes() {
@@ -26,7 +25,8 @@ var codeBlockPlugin = function codeBlockPlugin() {
           var reactContext = _ref.reactContext;
           return createPlugin({
             useLongPressSelection: options.useLongPressSelection,
-            reactContext: reactContext
+            reactContext: reactContext,
+            appearance: options.appearance
           });
         }
       }, {

package/dist/esm/plugins/code-block/nodeviews/highlighting-code-block.js

@@ -121,7 +121,8 @@ export var CodeBlockView = /*#__PURE__*/function () {
         language: node.attrs.language,
         showLineNumbers: false,
         codeBidiWarnings: this.codeBidiWarningOptions.enabled,
-        codeBidiWarningLabel: this.codeBidiWarningOptions.label
+        codeBidiWarningLabel: this.codeBidiWarningOptions.label,
+        codeBidiWarningTooltipEnabled: this.codeBidiWarningOptions.tooltipEnabled
       }), highlighting);
       this.measure(performance.now() - start);
       content === null || content === void 0 ? void 0 : content.setAttribute('data-debounce', 'false');
@@ -165,11 +166,13 @@ export var CodeBlockView = /*#__PURE__*/function () {
 }();
 export var highlightingCodeBlockNodeView = function highlightingCodeBlockNodeView(_ref) {
   var codeBidiWarnings = _ref.codeBidiWarnings,
-      codeBidiWarningLabel = _ref.codeBidiWarningLabel;
+      codeBidiWarningLabel = _ref.codeBidiWarningLabel,
+      codeBidiWarningTooltipEnabled = _ref.codeBidiWarningTooltipEnabled;
   return function (node, view, getPos) {
     return new CodeBlockView(node, view, getPos, {
+      label: codeBidiWarningLabel,
       enabled: codeBidiWarnings,
-      label: codeBidiWarningLabel
+      tooltipEnabled: codeBidiWarningTooltipEnabled
     });
   };
 };

package/dist/esm/plugins/code-block/pm-plugins/main.js

@@ -17,7 +17,8 @@ import { getFeatureFlags } from '../../feature-flags-context';
 export var createPlugin = function createPlugin(_ref) {
   var _ref$useLongPressSele = _ref.useLongPressSelection,
       useLongPressSelection = _ref$useLongPressSele === void 0 ? false : _ref$useLongPressSele,
-      reactContext = _ref.reactContext;
+      reactContext = _ref.reactContext,
+      appearance = _ref.appearance;
   var intl = reactContext().intl;
   var codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
   return new Plugin({
@@ -57,10 +58,17 @@ export var createPlugin = function createPlugin(_ref) {
     props: {
       nodeViews: {
         codeBlock: function codeBlock(node, view, getPos) {
-          var featureFlags = getFeatureFlags(view.state);
+          var featureFlags = getFeatureFlags(view.state); // The appearance being mobile indicates we are in an editor being
+          // rendered by mobile bridge in a web view.
+          // The tooltip is likely to have unexpected behaviour there, with being cut
+          // off, so we disable it. This is also to keep the behaviour consistent with
+          // the rendering in the mobile Native Renderer.
+
+          var codeBidiWarningTooltipEnabled = appearance !== 'mobile';
           var createCodeBlockNodeView = featureFlags !== null && featureFlags !== void 0 && featureFlags.codeBlockSyntaxHighlighting ? highlightingCodeBlockNodeView({
             codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
-            codeBidiWarningLabel: codeBidiWarningLabel
+            codeBidiWarningLabel: codeBidiWarningLabel,
+            codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
           }) : codeBlockNodeView();
           return createCodeBlockNodeView(node, view, getPos);
         }

package/dist/esm/plugins/extension/extension-api.js

@@ -1,5 +1,6 @@
 import _typeof from "@babel/runtime/helpers/typeof";
 import { Fragment, Mark } from 'prosemirror-model';
+import { NodeSelection } from 'prosemirror-state';
 import { insertMacroFromMacroBrowser } from '../macro';
 import { pluginKey as macroPluginKey } from '../macro/plugin-key';
 import { setEditingContextToContextPanel } from './commands';
@@ -43,7 +44,7 @@ var extensionAPICallPayload = function extensionAPICallPayload(functionName) {
 
 export var createExtensionAPI = function createExtensionAPI(options) {
   var doc = {
-    insertAfter: function insertAfter(localId, adf) {
+    insertAfter: function insertAfter(localId, adf, opt) {
       var editorView = options.editorView;
       var dispatch = editorView.dispatch; // Be extra cautious since 3rd party devs can use regular JS without type safety
 
@@ -82,7 +83,8 @@ export var createExtensionAPI = function createExtensionAPI(options) {
         throw new Error('insertAfter(): Could not create a node for given ADFEntity.');
       }
 
-      tr.insert(nodePos.pos + nodePos.node.nodeSize, newNode); // Validate if the document is valid at this point
+      var insertPosition = nodePos.pos + nodePos.node.nodeSize;
+      tr.insert(insertPosition, newNode); // Validate if the document is valid at this point
 
       try {
         tr.doc.check();
@@ -126,6 +128,11 @@ export var createExtensionAPI = function createExtensionAPI(options) {
         };
         addAnalytics(state, tr, payload);
       });
+
+      if (opt && opt.allowSelectionToNewNode) {
+        tr.setSelection(new NodeSelection(tr.doc.resolve(insertPosition)));
+      }
+
       dispatch(tr);
     },
     scrollTo: function scrollTo(localId) {