@atlaskit/editor-core 151.0.0 → 151.2.0

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @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
+
+- [`52f0c296810`](https://bitbucket.org/atlassian/atlassian-frontend/commits/52f0c296810) - ED-13940 fixed selecting line with a status via keys
+
+## 151.1.1
+
+### Patch Changes
+
+- [`05527b1acf8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/05527b1acf8) - 'Renaming deprecated React lifecycle methods.'
+
+## 151.1.0
+
+### Minor Changes
+
+- [`c80c71b537d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c80c71b537d) - [ux] ED-13860 add bidi warning decorations to code components
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 151.0.0
 
 ### Major 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
     })
   };
 }
@@ -413,6 +414,12 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
     preset.add([_plugins.viewUpdateSubscriptionPlugin]);
   }
 
+  if (featureFlags.codeBidiWarnings) {
+    preset.add([_plugins.codeBidiWarningPlugin, {
+      appearance: props.appearance
+    }]);
+  }
+
   var excludes = new Set();
 
   if (!isCodeBlockAllowed({

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _main = require("./pm-plugins/main");
+
+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, {
+            appearance: appearance
+          });
+        }
+      }];
+    }
+  };
+};
+
+var _default = codeBidiWarning;
+exports.default = _default;

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.codeBidiWarningPluginKey = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var codeBidiWarningPluginKey = new _prosemirrorState.PluginKey('codeBidiWarningPlugin');
+exports.codeBidiWarningPluginKey = codeBidiWarningPluginKey;

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

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPlugin = void 0;
+
+var _prosemirrorState = require("prosemirror-state");
+
+var _messages = require("@atlaskit/editor-common/messages");
+
+var _pluginKey = require("../plugin-key");
+
+var _pluginFactory = require("./plugin-factory");
+
+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,
+          tooltipEnabled: tooltipEnabled
+        }),
+        codeBidiWarningLabel: codeBidiWarningLabel,
+        tooltipEnabled: tooltipEnabled
+      };
+    }),
+    props: {
+      decorations: function decorations(state) {
+        var _getPluginState = (0, _pluginFactory.getPluginState)(state),
+            decorationSet = _getPluginState.decorationSet;
+
+        return decorationSet;
+      }
+    }
+  });
+};
+
+exports.createPlugin = createPlugin;

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

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createBidiWarningsDecorationSetFromDoc = createBidiWarningsDecorationSetFromDoc;
+exports.getPluginState = exports.createPluginState = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _prosemirrorView = require("prosemirror-view");
+
+var _bidiWarning = _interopRequireDefault(require("@atlaskit/code/bidi-warning"));
+
+var _bidiWarningDecorator = _interopRequireDefault(require("@atlaskit/code/bidi-warning-decorator"));
+
+var _pluginStateFactory = require("../../../utils/plugin-state-factory");
+
+var _step = require("../../../utils/step");
+
+var _pluginKey = require("../plugin-key");
+
+var _reducer = _interopRequireDefault(require("./reducer"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+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) { (0, _defineProperty2.default)(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; }
+
+var _pluginFactory = (0, _pluginStateFactory.pluginFactory)(_pluginKey.codeBidiWarningPluginKey, _reducer.default, {
+  onDocChanged: function onDocChanged(tr, pluginState) {
+    if (!tr.steps.find(_step.stepHasSlice)) {
+      return pluginState;
+    }
+
+    var newBidiWarningsDecorationSet = createBidiWarningsDecorationSetFromDoc({
+      doc: tr.doc,
+      codeBidiWarningLabel: pluginState.codeBidiWarningLabel,
+      tooltipEnabled: pluginState.tooltipEnabled
+    });
+    return _objectSpread(_objectSpread({}, pluginState), {}, {
+      decorationSet: newBidiWarningsDecorationSet
+    });
+  }
+}),
+    createPluginState = _pluginFactory.createPluginState,
+    getPluginState = _pluginFactory.getPluginState;
+
+exports.getPluginState = getPluginState;
+exports.createPluginState = createPluginState;
+
+function createBidiWarningsDecorationSetFromDoc(_ref) {
+  var doc = _ref.doc,
+      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) {
+      return mark.type.name === 'code';
+    });
+
+    if (isTextWithCodeMark) {
+      (0, _bidiWarningDecorator.default)(node.textContent, function (_ref2) {
+        var bidiCharacter = _ref2.bidiCharacter,
+            index = _ref2.index;
+        bidiCharactersAndTheirPositions.push({
+          position: pos + index,
+          bidiCharacter: bidiCharacter
+        });
+      });
+      return false;
+    }
+
+    var isCodeBlock = node.type.name === 'codeBlock';
+
+    if (isCodeBlock) {
+      (0, _bidiWarningDecorator.default)(node.textContent, function (_ref3) {
+        var bidiCharacter = _ref3.bidiCharacter,
+            index = _ref3.index;
+        bidiCharactersAndTheirPositions.push({
+          position: pos + index + 1,
+          bidiCharacter: bidiCharacter
+        });
+      });
+    }
+  }); // Bidi characters are not expected to commonly appear in code snippets, so recreating the decoration set
+  // for documents rather than reusing existing decorations seems a reasonable performance/complexity tradeoff.
+
+  if (bidiCharactersAndTheirPositions.length === 0) {
+    return _prosemirrorView.DecorationSet.empty;
+  }
+
+  var newBidiWarningsDecorationSet = _prosemirrorView.DecorationSet.create(doc, bidiCharactersAndTheirPositions.map(function (_ref4) {
+    var position = _ref4.position,
+        bidiCharacter = _ref4.bidiCharacter;
+    return _prosemirrorView.Decoration.widget(position, function () {
+      return renderDOM({
+        bidiCharacter: bidiCharacter,
+        codeBidiWarningLabel: codeBidiWarningLabel,
+        tooltipEnabled: tooltipEnabled
+      });
+    });
+  }));
+
+  return newBidiWarningsDecorationSet;
+}
+
+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,
+    tooltipEnabled: tooltipEnabled
+  }), element);
+
+  return element;
+}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _default = function _default(pluginState, action) {
+  return pluginState;
+};
+
+exports.default = _default;

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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() {
@@ -40,8 +39,13 @@ var codeBlockPlugin = function codeBlockPlugin() {
     pmPlugins: function pmPlugins() {
       return [{
         name: 'codeBlock',
-        plugin: function plugin() {
-          return (0, _main.createPlugin)(options.useLongPressSelection);
+        plugin: function plugin(_ref) {
+          var reactContext = _ref.reactContext;
+          return (0, _main.createPlugin)({
+            useLongPressSelection: options.useLongPressSelection,
+            reactContext: reactContext,
+            appearance: options.appearance
+          });
         }
       }, {
         name: 'codeBlockIDEKeyBindings',
@@ -50,8 +54,8 @@ var codeBlockPlugin = function codeBlockPlugin() {
         }
       }, {
         name: 'codeBlockKeyMap',
-        plugin: function plugin(_ref) {
-          var schema = _ref.schema;
+        plugin: function plugin(_ref2) {
+          var schema = _ref2.schema;
           return (0, _keymaps.default)(schema);
         }
       }];
@@ -62,8 +66,8 @@ var codeBlockPlugin = function codeBlockPlugin() {
       (0, _refreshBrowserSelection.default)(props.originalTransaction, props.newEditorState);
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref2) {
-        var formatMessage = _ref2.formatMessage;
+      quickInsert: function quickInsert(_ref3) {
+        var formatMessage = _ref3.formatMessage;
         return [{
           id: 'codeblock',
           title: formatMessage(_messages.messages.codeblock),

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

@@ -50,7 +50,7 @@ var toDOM = function toDOM(node) {
 };
 
 var CodeBlockView = /*#__PURE__*/function () {
-  function CodeBlockView(_node, view, getPos) {
+  function CodeBlockView(_node, view, getPos, codeBidiWarningOptions) {
     var _this = this;
 
     (0, _classCallCheck2.default)(this, CodeBlockView);
@@ -77,6 +77,7 @@ var CodeBlockView = /*#__PURE__*/function () {
         dom = _DOMSerializer$render.dom,
         contentDOM = _DOMSerializer$render.contentDOM;
 
+    this.codeBidiWarningOptions = codeBidiWarningOptions;
     this.getPos = getPos;
     this.view = view;
     this.node = _node;
@@ -130,7 +131,10 @@ var CodeBlockView = /*#__PURE__*/function () {
       _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_code.CodeBlock, {
         text: node.textContent,
         language: node.attrs.language,
-        showLineNumbers: false
+        showLineNumbers: false,
+        codeBidiWarnings: this.codeBidiWarningOptions.enabled,
+        codeBidiWarningLabel: this.codeBidiWarningOptions.label,
+        codeBidiWarningTooltipEnabled: this.codeBidiWarningOptions.tooltipEnabled
       }), highlighting);
 
       this.measure(performance.now() - start);
@@ -164,7 +168,10 @@ var CodeBlockView = /*#__PURE__*/function () {
     value: function ignoreMutation(record) {
       var _this$highlighting$co, _this$highlighting;
 
-      return record.target === this.lineNumberGutter || record.target.parentNode === this.lineNumberGutter || ((_this$highlighting$co = (_this$highlighting = this.highlighting) === null || _this$highlighting === void 0 ? void 0 : _this$highlighting.contains(record.target)) !== null && _this$highlighting$co !== void 0 ? _this$highlighting$co : false);
+      var lineNumberChanges = record.target === this.lineNumberGutter || record.target.parentNode === this.lineNumberGutter;
+      var outsideTheCodeBlockChanges = (_this$highlighting$co = (_this$highlighting = this.highlighting) === null || _this$highlighting === void 0 ? void 0 : _this$highlighting.contains(record.target)) !== null && _this$highlighting$co !== void 0 ? _this$highlighting$co : false;
+      var codeBidiWarningDecorationChanges = record.type === 'attributes' && record.attributeName === 'aria-describedby';
+      return lineNumberChanges || outsideTheCodeBlockChanges || codeBidiWarningDecorationChanges;
     }
   }]);
   return CodeBlockView;
@@ -172,9 +179,16 @@ var CodeBlockView = /*#__PURE__*/function () {
 
 exports.CodeBlockView = CodeBlockView;
 
-var highlightingCodeBlockNodeView = function highlightingCodeBlockNodeView() {
+var highlightingCodeBlockNodeView = function highlightingCodeBlockNodeView(_ref) {
+  var codeBidiWarnings = _ref.codeBidiWarnings,
+      codeBidiWarningLabel = _ref.codeBidiWarningLabel,
+      codeBidiWarningTooltipEnabled = _ref.codeBidiWarningTooltipEnabled;
   return function (node, view, getPos) {
-    return new CodeBlockView(node, view, getPos);
+    return new CodeBlockView(node, view, getPos, {
+      label: codeBidiWarningLabel,
+      enabled: codeBidiWarnings,
+      tooltipEnabled: codeBidiWarningTooltipEnabled
+    });
   };
 };
 

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

@@ -11,6 +11,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _prosemirrorState = require("prosemirror-state");
 
+var _messages = require("@atlaskit/editor-common/messages");
+
 var _codeBlock = require("../nodeviews/code-block");
 
 var _highlightingCodeBlock = require("../nodeviews/highlighting-code-block");
@@ -31,8 +33,13 @@ 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) { (0, _defineProperty2.default)(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; }
 
-var createPlugin = function createPlugin() {
-  var useLongPressSelection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+var createPlugin = function createPlugin(_ref) {
+  var _ref$useLongPressSele = _ref.useLongPressSelection,
+      useLongPressSelection = _ref$useLongPressSele === void 0 ? false : _ref$useLongPressSele,
+      reactContext = _ref.reactContext,
+      appearance = _ref.appearance;
+  var intl = reactContext().intl;
+  var codeBidiWarningLabel = intl.formatMessage(_messages.codeBidiWarningMessages.label);
   return new _prosemirrorState.Plugin({
     state: {
       init: function init(_, state) {
@@ -70,8 +77,18 @@ var createPlugin = function createPlugin() {
     props: {
       nodeViews: {
         codeBlock: function codeBlock(node, view, getPos) {
-          var featureFlags = (0, _featureFlagsContext.getFeatureFlags)(view.state);
-          var createCodeBlockNodeView = featureFlags !== null && featureFlags !== void 0 && featureFlags.codeBlockSyntaxHighlighting ? (0, _highlightingCodeBlock.highlightingCodeBlockNodeView)() : (0, _codeBlock.codeBlockNodeView)();
+          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,
+            codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
+          }) : (0, _codeBlock.codeBlockNodeView)();
           return createCodeBlockNodeView(node, view, getPos);
         }
       },

package/dist/cjs/plugins/feature-flags-context/feature-flags-from-props.js

@@ -24,7 +24,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * which is used by both current and archv3 editors.
  */
 function createFeatureFlagsFromProps(props) {
-  var _props$allowTextColor, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27;
+  var _props$allowTextColor, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29;
 
   var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
@@ -54,6 +54,7 @@ function createFeatureFlagsFromProps(props) {
     enableViewUpdateSubscription: Boolean(typeof ((_props$featureFlags22 = props.featureFlags) === null || _props$featureFlags22 === void 0 ? void 0 : _props$featureFlags22.enableViewUpdateSubscription) === 'boolean' ? !!((_props$featureFlags23 = props.featureFlags) !== null && _props$featureFlags23 !== void 0 && _props$featureFlags23.enableViewUpdateSubscription) : false),
     collabAvatarScroll: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.collabAvatarScroll) : false),
     ufo: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.ufo) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.ufo) : false),
-    codeBlockSyntaxHighlighting: Boolean(typeof normalizedFeatureFlags.codeBlockSyntaxHighlighting === 'boolean' ? !!normalizedFeatureFlags.codeBlockSyntaxHighlighting && !_editorCommon.browser.safari : false)
+    codeBlockSyntaxHighlighting: Boolean(typeof normalizedFeatureFlags.codeBlockSyntaxHighlighting === 'boolean' ? !!normalizedFeatureFlags.codeBlockSyntaxHighlighting && !_editorCommon.browser.safari : false),
+    codeBidiWarnings: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.codeBidiWarnings) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29.codeBidiWarnings) : true)
   });
 }

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

@@ -177,10 +177,10 @@ var HyperlinkToolbarAppearance = /*#__PURE__*/function (_Component) {
   }
 
   (0, _createClass2.default)(HyperlinkToolbarAppearance, [{
-    key: "componentWillReceiveProps",
+    key: "UNSAFE_componentWillReceiveProps",
     value: // needed so we display the right state on the Toolbar while the same Toolbar
     // instance is visible and we click other link
-    function componentWillReceiveProps(nextProps) {
+    function UNSAFE_componentWillReceiveProps(nextProps) {
       if (nextProps.url !== this.props.url) {
         this.resolveUrl(nextProps.url);
       }

package/dist/cjs/plugins/index.js

@@ -391,6 +391,12 @@ Object.defineProperty(exports, "viewUpdateSubscriptionPlugin", {
     return _viewUpdateSubscription.default;
   }
 });
+Object.defineProperty(exports, "codeBidiWarningPlugin", {
+  enumerable: true,
+  get: function get() {
+    return _codeBidiWarning.default;
+  }
+});
 
 var _base = _interopRequireDefault(require("./base"));
 
@@ -516,6 +522,8 @@ var _avatarGroup = _interopRequireDefault(require("./avatar-group"));
 
 var _viewUpdateSubscription = _interopRequireDefault(require("./view-update-subscription"));
 
+var _codeBidiWarning = _interopRequireDefault(require("./code-bidi-warning"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/cjs/plugins/rank.js

@@ -12,7 +12,7 @@ var _default = {
   // 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
   // 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'],
+  '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', '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: [// Inline marks
   'link', 'em', 'strong', 'textColor', 'strike', 'subsup', 'underline', 'code', 'typeAheadQuery', // Block marks

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

@@ -17,5 +17,5 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _templateObject;
 
-var statusStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    display: inline-block;\n\n    > span {\n      display: inline-block;\n      cursor: pointer;\n      line-height: 0; /* Prevent responsive layouts increasing height of container. */\n    }\n\n    &.", "\n      .", "\n      > span {\n      ", "\n    }\n  }\n\n  .danger {\n    .", " > span {\n      background-color: ", ";\n    }\n\n    .", ".", "\n      .", "\n      > span {\n      box-shadow: 0 0 0 ", "px ", ";\n    }\n  }\n"])), _editorCommon.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorDeleteBackgroundWithOpacity, _editorCommon.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder);
+var statusStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    // these two styles can be removed when displayInlineBlockForInlineNodes is enabled by default\n    // as it will make all inline nodes inline-block by default\n    display: inline-block;\n    user-select: all;\n\n    > span {\n      display: inline-block;\n      cursor: pointer;\n      line-height: 0; /* Prevent responsive layouts increasing height of container. */\n    }\n\n    &.", "\n      .", "\n      > span {\n      ", "\n    }\n  }\n\n  .danger {\n    .", " > span {\n      background-color: ", ";\n    }\n\n    .", ".", "\n      .", "\n      > span {\n      box-shadow: 0 0 0 ", "px ", ";\n    }\n  }\n"])), _editorCommon.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorDeleteBackgroundWithOpacity, _editorCommon.StatusSharedCssClassName.STATUS_CONTAINER, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.StatusSharedCssClassName.STATUS_LOZENGE, _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder);
 exports.statusStyles = statusStyles;

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.0.0";
+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.0.0",
+	"version": "151.2.0",
 	"sideEffects": false
 }

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

@@ -1,4 +1,4 @@
-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 } from '../plugins';
+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 { 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';
@@ -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
     }
   };
 }
@@ -389,6 +390,12 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     preset.add([viewUpdateSubscriptionPlugin]);
   }
 
+  if (featureFlags.codeBidiWarnings) {
+    preset.add([codeBidiWarningPlugin, {
+      appearance: props.appearance
+    }]);
+  }
+
   const excludes = new Set();
 
   if (!isCodeBlockAllowed({

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

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

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

@@ -0,0 +1,2 @@
+import { PluginKey } from 'prosemirror-state';
+export const codeBidiWarningPluginKey = new PluginKey('codeBidiWarningPlugin');