@atlaskit/editor-core 151.0.0 → 151.1.0

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

@@ -28,7 +28,7 @@ const toDOM = node => ['div', {
 }]]];
 
 export class CodeBlockView {
-  constructor(_node, view, getPos) {
+  constructor(_node, view, getPos, codeBidiWarningOptions) {
     _defineProperty(this, "highlighting", null);
 
     _defineProperty(this, "highlighter", null);
@@ -57,6 +57,7 @@ export class CodeBlockView {
       dom,
       contentDOM
     } = DOMSerializer.renderSpec(document, toDOM(_node));
+    this.codeBidiWarningOptions = codeBidiWarningOptions;
     this.getPos = getPos;
     this.view = view;
     this.node = _node;
@@ -99,7 +100,9 @@ export class CodeBlockView {
     ReactDOM.render( /*#__PURE__*/React.createElement(CodeBlock, {
       text: node.textContent,
       language: node.attrs.language,
-      showLineNumbers: false
+      showLineNumbers: false,
+      codeBidiWarnings: this.codeBidiWarningOptions.enabled,
+      codeBidiWarningLabel: this.codeBidiWarningOptions.label
     }), highlighting);
     this.measure(performance.now() - start);
     content === null || content === void 0 ? void 0 : content.setAttribute('data-debounce', 'false');
@@ -130,8 +133,17 @@ export class CodeBlockView {
   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);
+    const lineNumberChanges = record.target === this.lineNumberGutter || record.target.parentNode === this.lineNumberGutter;
+    const 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;
+    const codeBidiWarningDecorationChanges = record.type === 'attributes' && record.attributeName === 'aria-describedby';
+    return lineNumberChanges || outsideTheCodeBlockChanges || codeBidiWarningDecorationChanges;
   }
 
 }
-export const highlightingCodeBlockNodeView = () => (node, view, getPos) => new CodeBlockView(node, view, getPos);
+export const highlightingCodeBlockNodeView = ({
+  codeBidiWarnings,
+  codeBidiWarningLabel
+}) => (node, view, getPos) => new CodeBlockView(node, view, getPos, {
+  enabled: codeBidiWarnings,
+  label: codeBidiWarningLabel
+});

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

@@ -1,4 +1,5 @@
 import { Plugin, NodeSelection } from 'prosemirror-state';
+import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
 import { codeBlockNodeView } from '../nodeviews/code-block';
 import { highlightingCodeBlockNodeView } from '../nodeviews/highlighting-code-block';
 import { createSelectionClickHandler } from '../../selection/utils';
@@ -7,51 +8,61 @@ import { ACTIONS } from './actions';
 import { findCodeBlock } from '../utils';
 import { codeBlockClassNames } from '../ui/class-names';
 import { getFeatureFlags } from '../../feature-flags-context';
-export const createPlugin = (useLongPressSelection = false) => new Plugin({
-  state: {
-    init(_, state) {
-      const node = findCodeBlock(state, state.selection);
-      return {
-        pos: node ? node.pos : null,
-        contentCopied: false,
-        isNodeSelected: false
-      };
-    },
-
-    apply(tr, pluginState, _oldState, newState) {
-      if (tr.docChanged || tr.selectionSet) {
-        const node = findCodeBlock(newState, tr.selection);
-        const newPluginState = { ...pluginState,
+export const createPlugin = ({
+  useLongPressSelection = false,
+  reactContext
+}) => {
+  const intl = reactContext().intl;
+  const codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
+  return new Plugin({
+    state: {
+      init(_, state) {
+        const node = findCodeBlock(state, state.selection);
+        return {
           pos: node ? node.pos : null,
-          isNodeSelected: tr.selection instanceof NodeSelection
+          contentCopied: false,
+          isNodeSelected: false
         };
-        return newPluginState;
-      }
+      },
 
-      const meta = tr.getMeta(pluginKey);
+      apply(tr, pluginState, _oldState, newState) {
+        if (tr.docChanged || tr.selectionSet) {
+          const node = findCodeBlock(newState, tr.selection);
+          const newPluginState = { ...pluginState,
+            pos: node ? node.pos : null,
+            isNodeSelected: tr.selection instanceof NodeSelection
+          };
+          return newPluginState;
+        }
 
-      if ((meta === null || meta === void 0 ? void 0 : meta.type) === ACTIONS.SET_COPIED_TO_CLIPBOARD) {
-        return { ...pluginState,
-          contentCopied: meta.data
-        };
-      }
+        const meta = tr.getMeta(pluginKey);
 
-      return pluginState;
-    }
+        if ((meta === null || meta === void 0 ? void 0 : meta.type) === ACTIONS.SET_COPIED_TO_CLIPBOARD) {
+          return { ...pluginState,
+            contentCopied: meta.data
+          };
+        }
 
-  },
-  key: pluginKey,
-  props: {
-    nodeViews: {
-      codeBlock(node, view, getPos) {
-        const featureFlags = getFeatureFlags(view.state);
-        const createCodeBlockNodeView = featureFlags !== null && featureFlags !== void 0 && featureFlags.codeBlockSyntaxHighlighting ? highlightingCodeBlockNodeView() : codeBlockNodeView();
-        return createCodeBlockNodeView(node, view, getPos);
+        return pluginState;
       }
 
     },
-    handleClickOn: createSelectionClickHandler(['codeBlock'], target => !!(target.closest(`.${codeBlockClassNames.gutter}`) || target.classList.contains(codeBlockClassNames.content)), {
-      useLongPressSelection
-    })
-  }
-});
+    key: pluginKey,
+    props: {
+      nodeViews: {
+        codeBlock(node, view, getPos) {
+          const featureFlags = getFeatureFlags(view.state);
+          const createCodeBlockNodeView = featureFlags !== null && featureFlags !== void 0 && featureFlags.codeBlockSyntaxHighlighting ? highlightingCodeBlockNodeView({
+            codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
+            codeBidiWarningLabel
+          }) : codeBlockNodeView();
+          return createCodeBlockNodeView(node, view, getPos);
+        }
+
+      },
+      handleClickOn: createSelectionClickHandler(['codeBlock'], target => !!(target.closest(`.${codeBlockClassNames.gutter}`) || target.classList.contains(codeBlockClassNames.content)), {
+        useLongPressSelection
+      })
+    }
+  });
+};

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

@@ -6,7 +6,7 @@ import { browser } from '@atlaskit/editor-common';
  */
 
 export 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;
 
   const normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return { ...normalizedFeatureFlags,
@@ -36,6 +36,7 @@ export 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 && !browser.safari : false)
+    codeBlockSyntaxHighlighting: Boolean(typeof normalizedFeatureFlags.codeBlockSyntaxHighlighting === 'boolean' ? !!normalizedFeatureFlags.codeBlockSyntaxHighlighting && !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/es2019/plugins/index.js

@@ -60,4 +60,5 @@ export { default as mobileSelectionPlugin } from './mobile-selection';
 export { default as clipboardPlugin } from './clipboard';
 export { default as undoRedoPlugin } from './undo-redo';
 export { default as avatarGroupPlugin } from './avatar-group';
-export { default as viewUpdateSubscriptionPlugin } from './view-update-subscription';
+export { default as viewUpdateSubscriptionPlugin } from './view-update-subscription';
+export { default as codeBidiWarningPlugin } from './code-bidi-warning';

package/dist/es2019/plugins/rank.js

@@ -6,7 +6,7 @@ export 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/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "151.0.0";
+export const version = "151.1.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.0.0",
+	"version": "151.1.0",
 	"sideEffects": false
 }

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 } 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';
@@ -393,6 +393,10 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     preset.add([viewUpdateSubscriptionPlugin]);
   }
 
+  if (featureFlags.codeBidiWarnings) {
+    preset.add(codeBidiWarningPlugin);
+  }
+
   var excludes = new Set();
 
   if (!isCodeBlockAllowed({

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

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

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

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

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

@@ -0,0 +1,30 @@
+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) {
+  var dispatch = _ref.dispatch,
+      reactContext = _ref.reactContext;
+  var intl = reactContext().intl;
+  var codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
+  return new Plugin({
+    key: codeBidiWarningPluginKey,
+    state: createPluginState(dispatch, function (state) {
+      return {
+        decorationSet: createBidiWarningsDecorationSetFromDoc({
+          doc: state.doc,
+          codeBidiWarningLabel: codeBidiWarningLabel
+        }),
+        codeBidiWarningLabel: codeBidiWarningLabel
+      };
+    }),
+    props: {
+      decorations: function decorations(state) {
+        var _getPluginState = getPluginState(state),
+            decorationSet = _getPluginState.decorationSet;
+
+        return decorationSet;
+      }
+    }
+  });
+};

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

@@ -0,0 +1,96 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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) { _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 React from 'react';
+import ReactDOM from 'react-dom';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+import CodeBidiWarning from '@atlaskit/code/bidi-warning';
+import codeBidiWarningDecorator from '@atlaskit/code/bidi-warning-decorator';
+import { pluginFactory } from '../../../utils/plugin-state-factory';
+import { stepHasSlice } from '../../../utils/step';
+import { codeBidiWarningPluginKey } from '../plugin-key';
+import reducer from './reducer';
+
+var _pluginFactory = pluginFactory(codeBidiWarningPluginKey, reducer, {
+  onDocChanged: function onDocChanged(tr, pluginState) {
+    if (!tr.steps.find(stepHasSlice)) {
+      return pluginState;
+    }
+
+    var newBidiWarningsDecorationSet = createBidiWarningsDecorationSetFromDoc({
+      doc: tr.doc,
+      codeBidiWarningLabel: pluginState.codeBidiWarningLabel
+    });
+    return _objectSpread(_objectSpread({}, pluginState), {}, {
+      decorationSet: newBidiWarningsDecorationSet
+    });
+  }
+}),
+    createPluginState = _pluginFactory.createPluginState,
+    getPluginState = _pluginFactory.getPluginState;
+
+export { createPluginState, getPluginState };
+export function createBidiWarningsDecorationSetFromDoc(_ref) {
+  var doc = _ref.doc,
+      codeBidiWarningLabel = _ref.codeBidiWarningLabel;
+  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) {
+      codeBidiWarningDecorator(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) {
+      codeBidiWarningDecorator(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 DecorationSet.empty;
+  }
+
+  var newBidiWarningsDecorationSet = DecorationSet.create(doc, bidiCharactersAndTheirPositions.map(function (_ref4) {
+    var position = _ref4.position,
+        bidiCharacter = _ref4.bidiCharacter;
+    return Decoration.widget(position, function () {
+      return renderDOM(bidiCharacter, codeBidiWarningLabel);
+    });
+  }));
+  return newBidiWarningsDecorationSet;
+}
+
+function renderDOM(bidiCharacter, codeBidiWarningLabel) {
+  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
+  }), element);
+  return element;
+}

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

@@ -0,0 +1,3 @@
+export default (function (pluginState, action) {
+  return pluginState;
+});

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

@@ -0,0 +1 @@
+export {};

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

@@ -22,8 +22,12 @@ var codeBlockPlugin = function codeBlockPlugin() {
     pmPlugins: function pmPlugins() {
       return [{
         name: 'codeBlock',
-        plugin: function plugin() {
-          return createPlugin(options.useLongPressSelection);
+        plugin: function plugin(_ref) {
+          var reactContext = _ref.reactContext;
+          return createPlugin({
+            useLongPressSelection: options.useLongPressSelection,
+            reactContext: reactContext
+          });
         }
       }, {
         name: 'codeBlockIDEKeyBindings',
@@ -32,8 +36,8 @@ var codeBlockPlugin = function codeBlockPlugin() {
         }
       }, {
         name: 'codeBlockKeyMap',
-        plugin: function plugin(_ref) {
-          var schema = _ref.schema;
+        plugin: function plugin(_ref2) {
+          var schema = _ref2.schema;
           return keymap(schema);
         }
       }];
@@ -44,8 +48,8 @@ var codeBlockPlugin = function codeBlockPlugin() {
       refreshBrowserSelectionOnChange(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.codeblock),

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

@@ -32,7 +32,7 @@ var toDOM = function toDOM(node) {
 };
 
 export var CodeBlockView = /*#__PURE__*/function () {
-  function CodeBlockView(_node, view, getPos) {
+  function CodeBlockView(_node, view, getPos, codeBidiWarningOptions) {
     var _this = this;
 
     _classCallCheck(this, CodeBlockView);
@@ -66,6 +66,7 @@ export var CodeBlockView = /*#__PURE__*/function () {
         dom = _DOMSerializer$render.dom,
         contentDOM = _DOMSerializer$render.contentDOM;
 
+    this.codeBidiWarningOptions = codeBidiWarningOptions;
     this.getPos = getPos;
     this.view = view;
     this.node = _node;
@@ -118,7 +119,9 @@ export var CodeBlockView = /*#__PURE__*/function () {
       ReactDOM.render( /*#__PURE__*/React.createElement(CodeBlock, {
         text: node.textContent,
         language: node.attrs.language,
-        showLineNumbers: false
+        showLineNumbers: false,
+        codeBidiWarnings: this.codeBidiWarningOptions.enabled,
+        codeBidiWarningLabel: this.codeBidiWarningOptions.label
       }), highlighting);
       this.measure(performance.now() - start);
       content === null || content === void 0 ? void 0 : content.setAttribute('data-debounce', 'false');
@@ -151,14 +154,22 @@ export 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;
 }();
-export var highlightingCodeBlockNodeView = function highlightingCodeBlockNodeView() {
+export var highlightingCodeBlockNodeView = function highlightingCodeBlockNodeView(_ref) {
+  var codeBidiWarnings = _ref.codeBidiWarnings,
+      codeBidiWarningLabel = _ref.codeBidiWarningLabel;
   return function (node, view, getPos) {
-    return new CodeBlockView(node, view, getPos);
+    return new CodeBlockView(node, view, getPos, {
+      enabled: codeBidiWarnings,
+      label: codeBidiWarningLabel
+    });
   };
 };

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

@@ -5,6 +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 { Plugin, NodeSelection } from 'prosemirror-state';
+import { codeBidiWarningMessages } from '@atlaskit/editor-common/messages';
 import { codeBlockNodeView } from '../nodeviews/code-block';
 import { highlightingCodeBlockNodeView } from '../nodeviews/highlighting-code-block';
 import { createSelectionClickHandler } from '../../selection/utils';
@@ -13,8 +14,12 @@ import { ACTIONS } from './actions';
 import { findCodeBlock } from '../utils';
 import { codeBlockClassNames } from '../ui/class-names';
 import { getFeatureFlags } from '../../feature-flags-context';
-export var createPlugin = function createPlugin() {
-  var useLongPressSelection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+export var createPlugin = function createPlugin(_ref) {
+  var _ref$useLongPressSele = _ref.useLongPressSelection,
+      useLongPressSelection = _ref$useLongPressSele === void 0 ? false : _ref$useLongPressSele,
+      reactContext = _ref.reactContext;
+  var intl = reactContext().intl;
+  var codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
   return new Plugin({
     state: {
       init: function init(_, state) {
@@ -53,7 +58,10 @@ export var createPlugin = function createPlugin() {
       nodeViews: {
         codeBlock: function codeBlock(node, view, getPos) {
           var featureFlags = getFeatureFlags(view.state);
-          var createCodeBlockNodeView = featureFlags !== null && featureFlags !== void 0 && featureFlags.codeBlockSyntaxHighlighting ? highlightingCodeBlockNodeView() : codeBlockNodeView();
+          var createCodeBlockNodeView = featureFlags !== null && featureFlags !== void 0 && featureFlags.codeBlockSyntaxHighlighting ? highlightingCodeBlockNodeView({
+            codeBidiWarnings: featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.codeBidiWarnings,
+            codeBidiWarningLabel: codeBidiWarningLabel
+          }) : codeBlockNodeView();
           return createCodeBlockNodeView(node, view, getPos);
         }
       },

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

@@ -13,7 +13,7 @@ import { browser } from '@atlaskit/editor-common';
  */
 
 export 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 = normalizeFeatureFlags(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
@@ -43,6 +43,7 @@ export 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 && !browser.safari : false)
+    codeBlockSyntaxHighlighting: Boolean(typeof normalizedFeatureFlags.codeBlockSyntaxHighlighting === 'boolean' ? !!normalizedFeatureFlags.codeBlockSyntaxHighlighting && !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/esm/plugins/index.js

@@ -60,4 +60,5 @@ export { default as mobileSelectionPlugin } from './mobile-selection';
 export { default as clipboardPlugin } from './clipboard';
 export { default as undoRedoPlugin } from './undo-redo';
 export { default as avatarGroupPlugin } from './avatar-group';
-export { default as viewUpdateSubscriptionPlugin } from './view-update-subscription';
+export { default as viewUpdateSubscriptionPlugin } from './view-update-subscription';
+export { default as codeBidiWarningPlugin } from './code-bidi-warning';

package/dist/esm/plugins/rank.js

@@ -6,7 +6,7 @@ export 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/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "151.0.0";
+export var version = "151.1.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.0.0",
+	"version": "151.1.0",
 	"sideEffects": false
 }

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

@@ -0,0 +1,3 @@
+import { EditorPlugin } from '../../types';
+declare const codeBidiWarning: () => EditorPlugin;
+export default codeBidiWarning;

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

@@ -0,0 +1,2 @@
+import { PluginKey } from 'prosemirror-state';
+export declare const codeBidiWarningPluginKey: PluginKey<any, any>;

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

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

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

@@ -0,0 +1,7 @@
+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, }: {
+    doc: PmNode<any>;
+    codeBidiWarningLabel: string;
+}): DecorationSet<any>;

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

@@ -0,0 +1,3 @@
+import { CodeBidiWarningPluginState } from './types';
+declare const _default: (pluginState: CodeBidiWarningPluginState, action: unknown) => CodeBidiWarningPluginState;
+export default _default;

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

@@ -0,0 +1,5 @@
+import { DecorationSet } from 'prosemirror-view';
+export declare type CodeBidiWarningPluginState = {
+    decorationSet: DecorationSet;
+    codeBidiWarningLabel: string;
+};