@atlaskit/editor-core 151.0.0 → 151.2.0

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() {
@@ -22,8 +21,13 @@ 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,
+            appearance: options.appearance
+          });
         }
       }, {
         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,10 @@ 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,
+        codeBidiWarningTooltipEnabled: this.codeBidiWarningOptions.tooltipEnabled
       }), highlighting);
       this.measure(performance.now() - start);
       content === null || content === void 0 ? void 0 : content.setAttribute('data-debounce', 'false');
@@ -151,14 +155,24 @@ 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,
+      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/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,13 @@ 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,
+      appearance = _ref.appearance;
+  var intl = reactContext().intl;
+  var codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
   return new Plugin({
     state: {
       init: function init(_, state) {
@@ -52,8 +58,18 @@ export var createPlugin = function createPlugin() {
     props: {
       nodeViews: {
         codeBlock: function codeBlock(node, view, getPos) {
-          var featureFlags = getFeatureFlags(view.state);
-          var createCodeBlockNodeView = featureFlags !== null && featureFlags !== void 0 && featureFlags.codeBlockSyntaxHighlighting ? highlightingCodeBlockNodeView() : codeBlockNodeView();
+          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,
+            codeBidiWarningTooltipEnabled: codeBidiWarningTooltipEnabled
+          }) : 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/hyperlink/HyperlinkToolbarAppearance.js

@@ -158,10 +158,10 @@ export var HyperlinkToolbarAppearance = /*#__PURE__*/function (_Component) {
   }
 
   _createClass(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/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/plugins/status/styles.js

@@ -5,4 +5,4 @@ var _templateObject;
 import { css } from 'styled-components';
 import { StatusSharedCssClassName } from '@atlaskit/editor-common';
 import { SelectionStyle, getSelectionStyles, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-export var statusStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), StatusSharedCssClassName.STATUS_CONTAINER, akEditorSelectedNodeClassName, StatusSharedCssClassName.STATUS_LOZENGE, getSelectionStyles([SelectionStyle.BoxShadow]), StatusSharedCssClassName.STATUS_LOZENGE, akEditorDeleteBackgroundWithOpacity, StatusSharedCssClassName.STATUS_CONTAINER, akEditorSelectedNodeClassName, StatusSharedCssClassName.STATUS_LOZENGE, akEditorSelectedBorderSize, akEditorDeleteBorder);
+export var statusStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), StatusSharedCssClassName.STATUS_CONTAINER, akEditorSelectedNodeClassName, StatusSharedCssClassName.STATUS_LOZENGE, getSelectionStyles([SelectionStyle.BoxShadow]), StatusSharedCssClassName.STATUS_LOZENGE, akEditorDeleteBackgroundWithOpacity, StatusSharedCssClassName.STATUS_CONTAINER, akEditorSelectedNodeClassName, StatusSharedCssClassName.STATUS_LOZENGE, akEditorSelectedBorderSize, akEditorDeleteBorder);

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

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

@@ -0,0 +1,5 @@
+import type { EditorPlugin, EditorProps } from '../../types';
+declare const codeBidiWarning: ({ appearance, }: {
+    appearance: EditorProps['appearance'];
+}) => 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,5 @@
+import { Plugin } from 'prosemirror-state';
+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

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

@@ -2,6 +2,20 @@ import { EditorView } from 'prosemirror-view';
 import { Node } from 'prosemirror-model';
 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 {
     node: Node;
     dom: HTMLElement;
@@ -11,11 +25,12 @@ export declare class CodeBlockView {
     highlighter: React.ReactElement | null;
     getPos: getPosHandlerNode;
     view: EditorView;
+    codeBidiWarningOptions: CodeBidiWarningOptions;
     measurements: number[];
     count: number;
     shouldDebounce: boolean;
     timer: number | null;
-    constructor(node: Node, view: EditorView, getPos: getPosHandlerNode);
+    constructor(node: Node, view: EditorView, getPos: getPosHandlerNode, codeBidiWarningOptions: CodeBidiWarningOptions);
     private measure;
     private highlight;
     private ensureLineNumbers;
@@ -25,4 +40,9 @@ export declare class CodeBlockView {
         target: Element;
     }): boolean;
 }
-export declare const highlightingCodeBlockNodeView: () => (node: Node, view: EditorView, getPos: getPosHandler) => CodeBlockView;
+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,2 +1,8 @@
 import { Plugin } from 'prosemirror-state';
-export declare const createPlugin: (useLongPressSelection?: boolean) => Plugin<any, any>;
+import type { EditorProps } from '../../../types';
+import { EditorReactContext } from '../../../types/editor-react-context';
+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/dist/types/plugins/feature-flags-context/get-enabled-feature-flag-keys.d.ts

@@ -4,4 +4,4 @@ import type { FeatureFlags } from '../../types/feature-flags';
  *
  * Useful for analytics and analysis purposes.
  */
-export declare function getEnabledFeatureFlagKeys(featureFlags: FeatureFlags): ("newInsertionBehaviour" | "interactiveExpand" | "placeholderBracketHint" | "placeholderHints" | "moreTextColors" | "findReplace" | "findReplaceMatchCase" | "extensionLocalIdGeneration" | "keyboardAccessibleDatepicker" | "addColumnWithCustomStep" | "undoRedoButtons" | "catchAllTracking" | "nextEmojiNodeView" | "stickyHeadersOptimization" | "initialRenderOptimization" | "mouseMoveOptimization" | "tableRenderOptimization" | "tableOverflowShadowsOptimization" | "codeBlockSyntaxHighlighting" | "queueAnalytics" | "extendFloatingToolbar" | "displayInlineBlockForInlineNodes" | "useUnpredictableInputRule" | "showAvatarGroupAsPlugin" | "errorBoundaryDocStructure" | "synchronyErrorDocStructure" | "enableViewUpdateSubscription" | "collabAvatarScroll" | "ufo")[];
+export declare function getEnabledFeatureFlagKeys(featureFlags: FeatureFlags): ("newInsertionBehaviour" | "interactiveExpand" | "placeholderBracketHint" | "placeholderHints" | "moreTextColors" | "findReplace" | "findReplaceMatchCase" | "extensionLocalIdGeneration" | "keyboardAccessibleDatepicker" | "addColumnWithCustomStep" | "undoRedoButtons" | "catchAllTracking" | "nextEmojiNodeView" | "stickyHeadersOptimization" | "initialRenderOptimization" | "mouseMoveOptimization" | "tableRenderOptimization" | "tableOverflowShadowsOptimization" | "codeBlockSyntaxHighlighting" | "codeBidiWarnings" | "queueAnalytics" | "extendFloatingToolbar" | "displayInlineBlockForInlineNodes" | "useUnpredictableInputRule" | "showAvatarGroupAsPlugin" | "errorBoundaryDocStructure" | "synchronyErrorDocStructure" | "enableViewUpdateSubscription" | "collabAvatarScroll" | "ufo")[];

package/dist/types/plugins/hyperlink/HyperlinkToolbarAppearance.d.ts

@@ -23,6 +23,6 @@ export declare class HyperlinkToolbarAppearance extends Component<HyperlinkToolb
     private getProvider;
     private resolveUrl;
     componentDidMount: () => Promise<void>;
-    componentWillReceiveProps(nextProps: HyperlinkToolbarAppearanceProps): void;
+    UNSAFE_componentWillReceiveProps(nextProps: HyperlinkToolbarAppearanceProps): void;
     render(): JSX.Element | null;
 }

package/dist/types/plugins/index.d.ts

@@ -63,3 +63,4 @@ 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 codeBidiWarningPlugin } from './code-bidi-warning';

package/dist/types/types/feature-flags.d.ts

@@ -179,6 +179,15 @@ export declare type FeatureFlags = {
      * @default false
      */
     codeBlockSyntaxHighlighting?: boolean;
+    /**
+     * @description
+     * Disables decorating code snippets with bidi character warnings
+     * when they are used in inline code and code blocks.
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-13860
+     * @default true
+     */
+    codeBidiWarnings?: boolean;
     /**
      * @description
      * Yield to user interaction work before sending analytics

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "151.0.0",
+  "version": "151.2.0",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,11 +38,11 @@
     "@atlaskit/button": "^16.1.0",
     "@atlaskit/calendar": "^12.1.0",
     "@atlaskit/checkbox": "^12.3.0",
-    "@atlaskit/code": "^14.1.0",
+    "@atlaskit/code": "^14.3.0",
     "@atlaskit/date": "^0.8.0",
     "@atlaskit/datetime-picker": "^11.1.0",
     "@atlaskit/droplist": "^11.0.0",
-    "@atlaskit/editor-common": "^60.2.0",
+    "@atlaskit/editor-common": "^60.3.0",
     "@atlaskit/editor-json-transformer": "^8.6.0",
     "@atlaskit/editor-markdown-transformer": "^4.1.0",
     "@atlaskit/editor-shared-styles": "^1.6.0",
@@ -137,7 +137,7 @@
   "devDependencies": {
     "@atlaskit/atlassian-navigation": "^1.2.0",
     "@atlaskit/breadcrumbs": "11.4.0",
-    "@atlaskit/code": "^14.1.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.0.0",
+    "@atlaskit/renderer": "^82.2.0",
     "@atlaskit/section-message": "^6.1.0",
     "@atlaskit/share": "*",
     "@atlaskit/smart-card": "^16.2.0",
@@ -169,7 +169,7 @@
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@atlassian/search-provider": "2.1.15",
-    "@atlassian/ufo": "^0.0.28",
+    "@atlassian/ufo": "^0.0.29",
     "@testing-library/react": "^8.0.1",
     "@testing-library/react-hooks": "^1.0.4",
     "@types/jscodeshift": "^0.11.0",