@atlaskit/editor-core 151.1.2 → 151.2.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-core
 
+## 151.2.0
+
+### Minor Changes
+
+- [`db3477abb18`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db3477abb18) - [ux] ED-13938 disabled code-bidi warning tooltip for mobile, reworked TextWrapper to fix bidi mitigation, and fixed issue where bidi warnings were not presented when renderer used with an annotation provider with draftMode set to true
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 151.1.2
 
 ### Patch Changes

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

@@ -115,7 +115,8 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
     },
     cardOptions: props.smartLinks || props.UNSAFE_cards,
     codeBlock: _objectSpread(_objectSpread({}, props.codeBlock), {}, {
-      useLongPressSelection: false
+      useLongPressSelection: false,
+      appearance: props.appearance
     })
   };
 }
@@ -414,7 +415,9 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
   }
 
   if (featureFlags.codeBidiWarnings) {
-    preset.add(_plugins.codeBidiWarningPlugin);
+    preset.add([_plugins.codeBidiWarningPlugin, {
+      appearance: props.appearance
+    }]);
   }
 
   var excludes = new Set();

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

@@ -99,7 +99,9 @@ function createDefaultPreset(options) {
   preset.add(_floatingToolbar.default);
   preset.add([_featureFlagsContext.default, options.featureFlags || {}]);
   preset.add([_selection.default, options.selection]);
-  preset.add([_codeBlock.default, options.codeBlock]);
+  preset.add([_codeBlock.default, options.codeBlock || {
+    appearance: 'full-page'
+  }]);
   return preset;
 }
 

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

@@ -7,14 +7,17 @@ exports.default = void 0;
 
 var _main = require("./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 (0, _main.createPlugin)(options);
+          return (0, _main.createPlugin)(options, {
+            appearance: appearance
+          });
         }
       }];
     }

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

@@ -13,20 +13,29 @@ var _pluginKey = require("../plugin-key");
 
 var _pluginFactory = require("./plugin-factory");
 
-var createPlugin = function createPlugin(_ref) {
+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(_messages.codeBidiWarningMessages.label);
   return new _prosemirrorState.Plugin({
     key: _pluginKey.codeBidiWarningPluginKey,
     state: (0, _pluginFactory.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: (0, _pluginFactory.createBidiWarningsDecorationSetFromDoc)({
           doc: state.doc,
-          codeBidiWarningLabel: codeBidiWarningLabel
+          codeBidiWarningLabel: codeBidiWarningLabel,
+          tooltipEnabled: tooltipEnabled
         }),
-        codeBidiWarningLabel: codeBidiWarningLabel
+        codeBidiWarningLabel: codeBidiWarningLabel,
+        tooltipEnabled: tooltipEnabled
       };
     }),
     props: {

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

@@ -40,7 +40,8 @@ var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(_pluginKey.codeBidiW
 
     var newBidiWarningsDecorationSet = createBidiWarningsDecorationSetFromDoc({
       doc: tr.doc,
-      codeBidiWarningLabel: pluginState.codeBidiWarningLabel
+      codeBidiWarningLabel: pluginState.codeBidiWarningLabel,
+      tooltipEnabled: pluginState.tooltipEnabled
     });
     return _objectSpread(_objectSpread({}, pluginState), {}, {
       decorationSet: newBidiWarningsDecorationSet
@@ -55,7 +56,8 @@ exports.createPluginState = createPluginState;
 
 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) {
@@ -97,21 +99,29 @@ function createBidiWarningsDecorationSetFromDoc(_ref) {
     var position = _ref4.position,
         bidiCharacter = _ref4.bidiCharacter;
     return _prosemirrorView.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.default.render( /*#__PURE__*/_react.default.createElement(_bidiWarning.default, {
     bidiCharacter: bidiCharacter,
     skipChildren: true,
-    label: codeBidiWarningLabel
+    label: codeBidiWarningLabel,
+    tooltipEnabled: tooltipEnabled
   }), element);
 
   return element;

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

@@ -27,8 +27,7 @@ var _messages = require("../block-type/messages");
 
 var _refreshBrowserSelection = _interopRequireDefault(require("./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() {
@@ -44,7 +43,8 @@ var codeBlockPlugin = function codeBlockPlugin() {
           var reactContext = _ref.reactContext;
           return (0, _main.createPlugin)({
             useLongPressSelection: options.useLongPressSelection,
-            reactContext: reactContext
+            reactContext: reactContext,
+            appearance: options.appearance
           });
         }
       }, {

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

@@ -133,7 +133,8 @@ 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);
@@ -180,11 +181,13 @@ exports.CodeBlockView = CodeBlockView;
 
 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/cjs/plugins/code-block/pm-plugins/main.js

@@ -36,7 +36,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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(_messages.codeBidiWarningMessages.label);
   return new _prosemirrorState.Plugin({
@@ -76,10 +77,17 @@ var createPlugin = function createPlugin(_ref) {
     props: {
       nodeViews: {
         codeBlock: function codeBlock(node, view, getPos) {
-          var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(view.state);
+          var featureFlags = (0, _featureFlagsContext.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 ? (0, _highlightingCodeBlock.highlightingCodeBlockNodeView)({
             codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
-            codeBidiWarningLabel: codeBidiWarningLabel
+            codeBidiWarningLabel: codeBidiWarningLabel,
+            codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
           }) : (0, _codeBlock.codeBlockNodeView)();
           return createCodeBlockNodeView(node, view, getPos);
         }

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.nextMajorVersion = exports.version = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "151.1.2";
+var version = "151.2.0";
 exports.version = version;
 
 var nextMajorVersion = function nextMajorVersion() {

package/dist/cjs/version.json

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

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

@@ -87,7 +87,8 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
     },
     cardOptions: props.smartLinks || props.UNSAFE_cards,
     codeBlock: { ...props.codeBlock,
-      useLongPressSelection: false
+      useLongPressSelection: false,
+      appearance: props.appearance
     }
   };
 }
@@ -390,7 +391,9 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
   }
 
   if (featureFlags.codeBidiWarnings) {
-    preset.add(codeBidiWarningPlugin);
+    preset.add([codeBidiWarningPlugin, {
+      appearance: props.appearance
+    }]);
   }
 
   const excludes = new Set();

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

@@ -62,7 +62,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/es2019/plugins/code-bidi-warning/index.js

@@ -1,12 +1,18 @@
 import { createPlugin } from './pm-plugins/main';
 
-const codeBidiWarning = () => ({
+const codeBidiWarning = ({
+  appearance
+}) => ({
   name: 'codeBidiWarning',
 
   pmPlugins() {
     return [{
       name: 'codeBidiWarning',
-      plugin: options => createPlugin(options)
+      plugin: options => {
+        return createPlugin(options, {
+          appearance
+        });
+      }
     }];
   }
 

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

@@ -5,18 +5,28 @@ import { createBidiWarningsDecorationSetFromDoc, createPluginState, getPluginSta
 export const createPlugin = ({
   dispatch,
   reactContext
+}, {
+  appearance
 }) => {
   const intl = reactContext().intl;
   const codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
   return new Plugin({
     key: codeBidiWarningPluginKey,
     state: createPluginState(dispatch, 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.
+      const tooltipEnabled = appearance !== 'mobile';
       return {
         decorationSet: createBidiWarningsDecorationSetFromDoc({
           doc: state.doc,
-          codeBidiWarningLabel
+          codeBidiWarningLabel,
+          tooltipEnabled
         }),
-        codeBidiWarningLabel
+        codeBidiWarningLabel,
+        tooltipEnabled
       };
     }),
     props: {

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

@@ -18,7 +18,8 @@ export const {
 
     const newBidiWarningsDecorationSet = createBidiWarningsDecorationSetFromDoc({
       doc: tr.doc,
-      codeBidiWarningLabel: pluginState.codeBidiWarningLabel
+      codeBidiWarningLabel: pluginState.codeBidiWarningLabel,
+      tooltipEnabled: pluginState.tooltipEnabled
     });
     return { ...pluginState,
       decorationSet: newBidiWarningsDecorationSet
@@ -27,7 +28,8 @@ export const {
 });
 export function createBidiWarningsDecorationSetFromDoc({
   doc,
-  codeBidiWarningLabel
+  codeBidiWarningLabel,
+  tooltipEnabled
 }) {
   const bidiCharactersAndTheirPositions = [];
   doc.descendants((node, pos) => {
@@ -70,19 +72,28 @@ export function createBidiWarningsDecorationSetFromDoc({
     position,
     bidiCharacter
   }) => {
-    return Decoration.widget(position, () => renderDOM(bidiCharacter, codeBidiWarningLabel));
+    return Decoration.widget(position, () => renderDOM({
+      bidiCharacter,
+      codeBidiWarningLabel,
+      tooltipEnabled
+    }));
   }));
   return newBidiWarningsDecorationSet;
 }
 
-function renderDOM(bidiCharacter, codeBidiWarningLabel) {
+function renderDOM({
+  bidiCharacter,
+  codeBidiWarningLabel,
+  tooltipEnabled
+}) {
   const 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/es2019/plugins/code-block/index.js

@@ -9,7 +9,7 @@ import { IconCode } from '../quick-insert/assets';
 import { messages } from '../block-type/messages';
 import refreshBrowserSelectionOnChange from './refresh-browser-selection';
 
-const codeBlockPlugin = (options = {}) => ({
+const codeBlockPlugin = options => ({
   name: 'codeBlock',
 
   nodes() {
@@ -26,7 +26,8 @@ const codeBlockPlugin = (options = {}) => ({
         reactContext
       }) => createPlugin({
         useLongPressSelection: options.useLongPressSelection,
-        reactContext
+        reactContext,
+        appearance: options.appearance
       })
     }, {
       name: 'codeBlockIDEKeyBindings',

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

@@ -102,7 +102,8 @@ export class CodeBlockView {
       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');
@@ -142,8 +143,10 @@ export class CodeBlockView {
 }
 export const highlightingCodeBlockNodeView = ({
   codeBidiWarnings,
-  codeBidiWarningLabel
+  codeBidiWarningLabel,
+  codeBidiWarningTooltipEnabled
 }) => (node, view, getPos) => new CodeBlockView(node, view, getPos, {
+  label: codeBidiWarningLabel,
   enabled: codeBidiWarnings,
-  label: codeBidiWarningLabel
+  tooltipEnabled: codeBidiWarningTooltipEnabled
 });

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

@@ -10,7 +10,8 @@ import { codeBlockClassNames } from '../ui/class-names';
 import { getFeatureFlags } from '../../feature-flags-context';
 export const createPlugin = ({
   useLongPressSelection = false,
-  reactContext
+  reactContext,
+  appearance
 }) => {
   const intl = reactContext().intl;
   const codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
@@ -51,10 +52,17 @@ export const createPlugin = ({
     props: {
       nodeViews: {
         codeBlock(node, view, getPos) {
-          const featureFlags = getFeatureFlags(view.state);
+          const 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.
+
+          const codeBidiWarningTooltipEnabled = appearance !== 'mobile';
           const createCodeBlockNodeView = featureFlags !== null && featureFlags !== void 0 && featureFlags.codeBlockSyntaxHighlighting ? highlightingCodeBlockNodeView({
             codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
-            codeBidiWarningLabel
+            codeBidiWarningLabel,
+            codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
           }) : codeBlockNodeView();
           return createCodeBlockNodeView(node, view, getPos);
         }

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.2.0";
 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.2.0",
 	"sideEffects": false
 }

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

@@ -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
     })
   };
 }
@@ -394,7 +395,9 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
   }
 
   if (featureFlags.codeBidiWarnings) {
-    preset.add(codeBidiWarningPlugin);
+    preset.add([codeBidiWarningPlugin, {
+      appearance: props.appearance
+    }]);
   }
 
   var excludes = new Set();

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/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/version-wrapper.js

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

package/dist/esm/version.json

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

package/dist/types/plugins/code-bidi-warning/index.d.ts

@@ -1,3 +1,5 @@
-import { EditorPlugin } from '../../types';
-declare const codeBidiWarning: () => EditorPlugin;
+import type { EditorPlugin, EditorProps } from '../../types';
+declare const codeBidiWarning: ({ appearance, }: {
+    appearance: EditorProps['appearance'];
+}) => EditorPlugin;
 export default codeBidiWarning;

package/dist/types/plugins/code-bidi-warning/pm-plugins/main.d.ts

@@ -1,3 +1,5 @@
 import { Plugin } from 'prosemirror-state';
-import { PMPluginFactoryParams } from '../../../types';
-export declare const createPlugin: ({ dispatch, reactContext, }: PMPluginFactoryParams) => Plugin<any, import("prosemirror-model").Schema<any, any>>;
+import type { EditorProps, PMPluginFactoryParams } from '../../../types';
+export declare const createPlugin: ({ dispatch, reactContext }: PMPluginFactoryParams, { appearance }: {
+    appearance: EditorProps['appearance'];
+}) => Plugin<any, import("prosemirror-model").Schema<any, any>>;

package/dist/types/plugins/code-bidi-warning/pm-plugins/plugin-factory.d.ts

@@ -1,7 +1,8 @@
 import { DecorationSet } from 'prosemirror-view';
 import { Node as PmNode } from 'prosemirror-model';
 export declare const createPluginState: (dispatch: import("../../../event-dispatcher").Dispatch<any>, initialState: import("./types").CodeBidiWarningPluginState | ((state: import("prosemirror-state").EditorState<any>) => import("./types").CodeBidiWarningPluginState)) => import("prosemirror-state").StateField<import("./types").CodeBidiWarningPluginState, import("prosemirror-model").Schema<any, any>>, getPluginState: (state: import("prosemirror-state").EditorState<any>) => import("./types").CodeBidiWarningPluginState;
-export declare function createBidiWarningsDecorationSetFromDoc({ doc, codeBidiWarningLabel, }: {
+export declare function createBidiWarningsDecorationSetFromDoc({ doc, codeBidiWarningLabel, tooltipEnabled, }: {
     doc: PmNode<any>;
     codeBidiWarningLabel: string;
+    tooltipEnabled: boolean;
 }): DecorationSet<any>;

package/dist/types/plugins/code-bidi-warning/pm-plugins/types.d.ts

@@ -2,4 +2,5 @@ import { DecorationSet } from 'prosemirror-view';
 export declare type CodeBidiWarningPluginState = {
     decorationSet: DecorationSet;
     codeBidiWarningLabel: string;
+    tooltipEnabled: boolean;
 };

package/dist/types/plugins/code-block/index.d.ts

@@ -1,4 +1,4 @@
 import { EditorPlugin } from '../../types';
 import { CodeBlockOptions } from './types';
-declare const codeBlockPlugin: (options?: CodeBlockOptions) => EditorPlugin;
+declare const codeBlockPlugin: (options: CodeBlockOptions) => EditorPlugin;
 export default codeBlockPlugin;

package/dist/types/plugins/code-block/nodeviews/highlighting-code-block.d.ts

@@ -4,6 +4,16 @@ import { getPosHandlerNode, getPosHandler } from '../../../nodeviews/';
 import React from 'react';
 declare type CodeBidiWarningOptions = {
     label: string;
+    /**
+     * Intended to be disabled when used in a mobile view, such as in the editor
+     * via mobile bridge, where the tooltip could end up being cut off of otherwise
+     * not work as expected.
+     */
+    tooltipEnabled: boolean;
+    /**
+     * Indicates if code bidi warning should be used, was created to allow
+     * disabling code bidi warnings via a feature flag in products.
+     */
     enabled?: boolean;
 };
 export declare class CodeBlockView {
@@ -30,8 +40,9 @@ export declare class CodeBlockView {
         target: Element;
     }): boolean;
 }
-export declare const highlightingCodeBlockNodeView: ({ codeBidiWarnings, codeBidiWarningLabel, }: {
+export declare const highlightingCodeBlockNodeView: ({ codeBidiWarnings, codeBidiWarningLabel, codeBidiWarningTooltipEnabled, }: {
     codeBidiWarnings?: boolean | undefined;
     codeBidiWarningLabel: string;
+    codeBidiWarningTooltipEnabled: boolean;
 }) => (node: Node, view: EditorView, getPos: getPosHandler) => CodeBlockView;
 export {};

package/dist/types/plugins/code-block/pm-plugins/main.d.ts

@@ -1,6 +1,8 @@
 import { Plugin } from 'prosemirror-state';
+import type { EditorProps } from '../../../types';
 import { EditorReactContext } from '../../../types/editor-react-context';
-export declare const createPlugin: ({ useLongPressSelection, reactContext, }: {
+export declare const createPlugin: ({ useLongPressSelection, reactContext, appearance, }: {
     useLongPressSelection?: boolean | undefined;
     reactContext: () => EditorReactContext;
+    appearance: EditorProps['appearance'];
 }) => Plugin<any, any>;

package/dist/types/plugins/code-block/types.d.ts

@@ -1,4 +1,6 @@
+import type { EditorAppearance } from '../../types';
 import { LongPressSelectionPluginOptions } from '../selection/types';
 export interface CodeBlockOptions extends LongPressSelectionPluginOptions {
     allowCopyToClipboard?: boolean;
+    appearance: EditorAppearance | undefined;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "151.1.2",
+  "version": "151.2.0",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
     "@atlaskit/button": "^16.1.0",
     "@atlaskit/calendar": "^12.1.0",
     "@atlaskit/checkbox": "^12.3.0",
-    "@atlaskit/code": "^14.2.0",
+    "@atlaskit/code": "^14.3.0",
     "@atlaskit/date": "^0.8.0",
     "@atlaskit/datetime-picker": "^11.1.0",
     "@atlaskit/droplist": "^11.0.0",
@@ -137,7 +137,7 @@
   "devDependencies": {
     "@atlaskit/atlassian-navigation": "^1.2.0",
     "@atlaskit/breadcrumbs": "11.4.0",
-    "@atlaskit/code": "^14.2.0",
+    "@atlaskit/code": "^14.3.0",
     "@atlaskit/collab-provider": "7.1.0",
     "@atlaskit/docs": "*",
     "@atlaskit/drawer": "^7.0.0",
@@ -155,7 +155,7 @@
     "@atlaskit/page-layout": "^1.0.1",
     "@atlaskit/profilecard": "^15.8.0",
     "@atlaskit/pubsub": "^6.0.0",
-    "@atlaskit/renderer": "^82.1.0",
+    "@atlaskit/renderer": "^82.2.0",
     "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/share": "*",
     "@atlaskit/smart-card": "^16.2.0",