@atlaskit/editor-core 150.0.2 → 151.1.1

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/code-block/toolbar.js

@@ -48,7 +48,7 @@ export var getToolbarConfig = function getToolbarConfig() {
       return option.value === language;
     }) || options.find(function (option) {
       return option.alias.includes(language);
-    }) : undefined;
+    }) : null;
     var languageSelect = {
       id: 'editor.codeBlock.languageOptions',
       type: 'select',

package/dist/esm/plugins/emoji/styles.js

@@ -7,7 +7,7 @@ import { N0, N20, N900 } from '@atlaskit/theme/colors';
 import { borderRadius, fontSizeSmall, gridSize } from '@atlaskit/theme/constants';
 import { EmojiSharedCssClassName } from '@atlaskit/editor-common';
 import { SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
-export var emojiStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    .", " {\n      cursor: pointer;\n\n      &.", " > span {\n        /** needed for selection style to cover custom emoji image properly */\n        display: flex;\n      }\n    }\n\n    &.", " {\n      .", ",\n        .", "\n        > span {\n        border-radius: 2px;\n        ", "\n      }\n    }\n  }\n"])), EmojiSharedCssClassName.EMOJI_CONTAINER, EmojiSharedCssClassName.EMOJI_NODE, EmojiSharedCssClassName.EMOJI_IMAGE, akEditorSelectedNodeClassName, EmojiSharedCssClassName.EMOJI_SPRITE, EmojiSharedCssClassName.EMOJI_IMAGE, getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.BoxShadow]));
+export var emojiStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    display: inline-block;\n\n    .", " {\n      cursor: pointer;\n\n      &.", " > span {\n        /** needed for selection style to cover custom emoji image properly */\n        display: flex;\n      }\n    }\n\n    &.", " {\n      .", ",\n        .", "\n        > span {\n        border-radius: 2px;\n        ", "\n      }\n    }\n  }\n"])), EmojiSharedCssClassName.EMOJI_CONTAINER, EmojiSharedCssClassName.EMOJI_NODE, EmojiSharedCssClassName.EMOJI_IMAGE, akEditorSelectedNodeClassName, EmojiSharedCssClassName.EMOJI_SPRITE, EmojiSharedCssClassName.EMOJI_IMAGE, getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.BoxShadow]));
 var grid = gridSize() / 2;
 var fontSize = fontSizeSmall();
 var lineHeight = 4 * grid / fontSize;

package/dist/esm/plugins/extension/pm-plugins/main.js

@@ -251,7 +251,6 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
   var useLongPressSelection = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var options = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
   var state = createPluginState(dispatch, {
-    layout: 'default',
     showEditButton: false,
     showContextPanel: false
   });
@@ -304,14 +303,12 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
             var showEditButton = shouldShowEditButton(extensionHandler, extensionProvider);
             var updateExtension = getUpdateExtensionPromise(view, extensionHandler, extensionProvider).catch(function () {// do nothing;
             });
-            var layout = selectedExtension ? node.attrs.layout : 'default';
             updateState({
               localId: node.attrs.localId,
               showContextPanel: false,
               element: newElement,
               showEditButton: showEditButton,
-              updateExtension: updateExtension,
-              layout: layout
+              updateExtension: updateExtension
             })(state, dispatch);
           } // New DOM element doesn't necessarily mean it's a new Node
           else if (element !== newElement) {

package/dist/esm/plugins/extension/toolbar.js

@@ -37,28 +37,33 @@ var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
   return !!((selectedExtNode.node.type === bodiedExtension || selectedExtNode.node.type === extension && !hasParentNodeOfType([bodiedExtension, table, expand].filter(Boolean))(selection)) && !hasParentNodeOfType([layoutSection])(selection));
 };
 
-var breakoutOptions = function breakoutOptions(state, formatMessage, extensionState, breakoutEnabled) {
-  var nodeWithPos = getSelectedExtension(state, true);
-  var layout = extensionState.layout;
-  return nodeWithPos && breakoutEnabled && isLayoutSupported(state, nodeWithPos) ? [{
-    type: 'button',
-    icon: CenterIcon,
-    onClick: updateExtensionLayout('default'),
-    selected: layout === 'default',
-    title: formatMessage(commonMessages.layoutFixedWidth)
-  }, {
-    type: 'button',
-    icon: WideIcon,
-    onClick: updateExtensionLayout('wide'),
-    selected: layout === 'wide',
-    title: formatMessage(commonMessages.layoutWide)
-  }, {
-    type: 'button',
-    icon: FullWidthIcon,
-    onClick: updateExtensionLayout('full-width'),
-    selected: layout === 'full-width',
-    title: formatMessage(commonMessages.layoutFullWidth)
-  }] : [];
+var breakoutOptions = function breakoutOptions(state, formatMessage, breakoutEnabled) {
+  var nodeWithPos = getSelectedExtension(state, true); // we should only return breakout options when breakouts are enabled and the node supports them
+
+  if (nodeWithPos && breakoutEnabled && isLayoutSupported(state, nodeWithPos)) {
+    var layout = nodeWithPos.node.attrs.layout;
+    return [{
+      type: 'button',
+      icon: CenterIcon,
+      onClick: updateExtensionLayout('default'),
+      selected: layout === 'default',
+      title: formatMessage(commonMessages.layoutFixedWidth)
+    }, {
+      type: 'button',
+      icon: WideIcon,
+      onClick: updateExtensionLayout('wide'),
+      selected: layout === 'wide',
+      title: formatMessage(commonMessages.layoutWide)
+    }, {
+      type: 'button',
+      icon: FullWidthIcon,
+      onClick: updateExtensionLayout('full-width'),
+      selected: layout === 'full-width',
+      title: formatMessage(commonMessages.layoutFullWidth)
+    }];
+  }
+
+  return [];
 };
 
 var editButton = function editButton(formatMessage, extensionState) {
@@ -94,7 +99,7 @@ export var getToolbarConfig = function getToolbarConfig() {
     if (extensionState && !extensionState.showContextPanel && extensionState.element) {
       var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension];
       var editButtonArray = editButton(formatMessage, extensionState);
-      var breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
+      var breakoutButtonArray = breakoutOptions(state, formatMessage, breakoutEnabled);
       return {
         title: 'Extension floating controls',
         getDomRef: function getDomRef() {

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

@@ -6,15 +6,17 @@ 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 { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
-
+import { browser } from '@atlaskit/editor-common';
 /**
  * Transforms EditorProps to an FeatureFlags object,
  * which is used by both current and archv3 editors.
  */
+
 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;
+  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;
 
-  return _objectSpread(_objectSpread({}, normalizeFeatureFlags(props.featureFlags)), {}, {
+  var normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
+  return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
     newInsertionBehaviour: props.allowNewInsertionBehaviour,
     interactiveExpand: typeof props.allowExpand === 'boolean' ? props.allowExpand : Boolean(props.allowExpand && props.allowExpand.allowInteractiveExpand !== false),
     placeholderBracketHint: !!props.placeholderBracketHint,
@@ -39,6 +41,9 @@ export function createFeatureFlagsFromProps(props) {
     errorBoundaryDocStructure: Boolean(typeof ((_props$featureFlags18 = props.featureFlags) === null || _props$featureFlags18 === void 0 ? void 0 : _props$featureFlags18.useErrorBoundaryDocStructure) === 'boolean' ? !!((_props$featureFlags19 = props.featureFlags) !== null && _props$featureFlags19 !== void 0 && _props$featureFlags19.useErrorBoundaryDocStructure) : false),
     synchronyErrorDocStructure: Boolean(typeof ((_props$featureFlags20 = props.featureFlags) === null || _props$featureFlags20 === void 0 ? void 0 : _props$featureFlags20.synchronyErrorDocStructure) === 'boolean' ? !!((_props$featureFlags21 = props.featureFlags) !== null && _props$featureFlags21 !== void 0 && _props$featureFlags21.synchronyErrorDocStructure) : false),
     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)
+    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),
+    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/find-replace/ui/Find.js

@@ -91,13 +91,17 @@ var Find = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleFindChange", function (event) {
-      return _this.skipWhileComposing(function () {
-        _this.updateFindValue(event.target.value);
-      });
+      _this.updateFindValue(event.target.value);
     });
 
     _defineProperty(_assertThisInitialized(_this), "updateFindValue", function (value) {
-      _this.props.onFind(value);
+      _this.setState({
+        localFindText: value
+      });
+
+      _this.skipWhileComposing(function () {
+        _this.props.onFind(value);
+      });
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleFindKeyDown", function (event) {
@@ -177,7 +181,13 @@ var Find = /*#__PURE__*/function (_React$Component) {
     });
     _this.closeIcon = /*#__PURE__*/React.createElement(EditorCloseIcon, {
       label: _this.closeFindReplaceDialog
-    });
+    }); // We locally manage the value of the input inside this component in order to support compositions.
+    // This requires some additional work inside componentDidUpdate to ensure we support changes that
+    // occur to this value which do not originate from this component.
+
+    _this.state = {
+      localFindText: _this.props.findText || ''
+    };
     return _this;
   }
 
@@ -190,7 +200,17 @@ var Find = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
-      this.focusFindTextfield();
+      this.focusFindTextfield(); // If the external prop findText changes and we aren't in a composition we should update to the
+      // use the external prop value.
+      //
+      // An example of where this may happen is when a find occurs through the user selecting some text
+      // and pressing Mod-f.
+
+      if (!this.isComposing && this.props.findText !== this.state.localFindText) {
+        this.setState({
+          localFindText: this.props.findText || ''
+        });
+      }
     }
   }, {
     key: "render",
@@ -209,7 +229,7 @@ var Find = /*#__PURE__*/function (_React$Component) {
         name: "find",
         appearance: "none",
         placeholder: this.find,
-        value: findText,
+        value: this.state.localFindText,
         ref: this.findTextfieldRef,
         autoComplete: "off",
         onChange: this.handleFindChange,

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/hyperlink/pm-plugins/keymap.js

@@ -1,6 +1,6 @@
 import { keymap } from 'prosemirror-keymap';
+import { getLinkMatch } from '@atlaskit/adf-schema';
 import * as keymaps from '../../../keymaps';
-import { getLinkMatch } from '../utils';
 import { stateKey } from '../pm-plugins/main';
 import { showLinkToolbar, hideLinkToolbar } from '../commands';
 import { queueCards } from '../../card/pm-plugins/actions';

package/dist/esm/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -89,7 +89,8 @@ var mapActivityProviderResultToLinkSearchItemData = function mapActivityProvider
     container: container,
     iconUrl: iconUrl,
     url: url,
-    lastViewedDate: viewedTimestamp ? new Date(viewedTimestamp) : undefined
+    lastViewedDate: viewedTimestamp ? new Date(viewedTimestamp) : undefined,
+    prefetch: true
   };
 };
 
@@ -106,7 +107,8 @@ var mapSearchProviderResultToLinkSearchItemData = function mapSearchProviderResu
     name: title,
     url: url,
     lastUpdatedDate: updatedTimestamp ? new Date(updatedTimestamp) : undefined,
-    icon: contentType && mapContentTypeToIcon[contentType] || defaultIcon
+    icon: contentType && mapContentTypeToIcon[contentType] || defaultIcon,
+    prefetch: false
   };
 };
 
@@ -463,7 +465,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
       }
 
       if (interaction === 'click' || _this.isUrlPopulatedWithSelectedItem()) {
-        var _pluginState$searchSe3;
+        var _pluginState$searchSe3, _selectedItem$prefetc;
 
         /**
          * When it's a mouse click even or the selectedItem.url matches displayUrl, we think
@@ -481,7 +483,8 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
             trigger: interaction,
             resultCount: items.length,
             selectedResultId: selectedItem.objectId,
-            selectedRelativePosition: selectedIndex
+            selectedRelativePosition: selectedIndex,
+            prefetch: (_selectedItem$prefetc = selectedItem.prefetch) !== null && _selectedItem$prefetc !== void 0 ? _selectedItem$prefetc : false
           },
           eventType: EVENT_TYPE.UI
         });

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

@@ -1,28 +1,7 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import LinkifyIt from 'linkify-it';
 import { mapSlice } from '../../utils/slice';
-import { isSafeUrl } from '@atlaskit/adf-schema';
-export var LINK_REGEXP = /(https?|ftp):\/\/[^\s]+/;
-var linkify = LinkifyIt();
-linkify.add('sourcetree:', 'http:');
-var tlds = 'biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|рф'.split('|');
-var tlds2Char = 'a[cdefgilmnoqrtuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrtuvwxyz]|n[acefgilopruz]|om|p[aefghkmnrtw]|qa|r[eosuw]|s[abcdegijklmnrtuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]';
-tlds.push(tlds2Char);
-linkify.tlds(tlds, false);
-export function getLinkMatch(str) {
-  if (!str) {
-    return null;
-  }
-
-  var match = linkifyMatch(str);
-
-  if (!match.length) {
-    match = linkify.match(str);
-  }
-
-  return match && match[0];
-}
+import { isSafeUrl, linkify, normalizeUrl as normaliseLinkHref } from '@atlaskit/adf-schema';
 /**
  * Instance of class LinkMatcher are used in autoformatting in place of Regex.
  * Hence it has been made similar to regex with an exec method.
@@ -99,8 +78,7 @@ export function normalizeUrl(url) {
     return url;
   }
 
-  var match = getLinkMatch(url);
-  return match && match.url || '';
+  return normaliseLinkHref(url);
 }
 export function linkifyContent(schema) {
   return function (slice) {
@@ -168,38 +146,4 @@ function findLinkMatches(text) {
   }
 
   return matches;
-}
-
-export var linkifyMatch = function linkifyMatch(text) {
-  var matches = [];
-
-  if (!LINK_REGEXP.test(text)) {
-    return matches;
-  }
-
-  var startpos = 0;
-  var substr;
-
-  while (substr = text.substr(startpos)) {
-    var link = (substr.match(LINK_REGEXP) || [''])[0];
-
-    if (link) {
-      var index = substr.search(LINK_REGEXP);
-      var start = index >= 0 ? index + startpos : index;
-      var end = start + link.length;
-      matches.push({
-        index: start,
-        lastIndex: end,
-        raw: link,
-        url: link,
-        text: link,
-        schema: ''
-      });
-      startpos += end;
-    } else {
-      break;
-    }
-  }
-
-  return matches;
-};
+}

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';