@atlaskit/editor-core 175.0.4 → 176.0.0

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

@@ -4,7 +4,7 @@ import { AnnotationSharedClassNames } from '@atlaskit/editor-common/styles';
 import { canApplyAnnotationOnRange, getAnnotationIdsFromRange } from '@atlaskit/editor-common/utils';
 import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { AnnotationSelectionType } from './types';
-import { sum } from '../../utils';
+import { isText, isParagraph, sum } from '../../utils';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, ACTION } from '../analytics';
 
 /**
@@ -265,7 +265,7 @@ export var isSelectionValid = function isSelectionValid(state) {
     return AnnotationSelectionType.DISABLED;
   }
 
-  if (disallowOnWhitespace && hasInvalidWhitespaceNode(selection)) {
+  if (disallowOnWhitespace && hasInvalidWhitespaceNode(selection, state.schema)) {
     return AnnotationSelectionType.INVALID;
   }
 
@@ -315,10 +315,14 @@ function isEmptyTextSelection(selection, schema) {
  */
 
 
-export function hasInvalidWhitespaceNode(selection) {
+export function hasInvalidWhitespaceNode(selection, schema) {
   var foundInvalidWhitespace = false;
   var content = selection.content().content;
   content.descendants(function (node) {
+    if (isText(node, schema)) {
+      return false;
+    }
+
     if (node.textContent.trim() === '') {
       // Trailing new lines do not result in the annotation spanning into
       // the trailing new line so can be ignored when looking for invalid
@@ -326,7 +330,7 @@ export function hasInvalidWhitespaceNode(selection) {
       var nodeIsTrailingNewLine = // it is the final node
       node.eq(content.lastChild) && // and there are multiple nodes
       !node.eq(content.firstChild) && // and it is a paragraph node
-      node.type.name === 'paragraph';
+      isParagraph(node, schema);
 
       if (!nodeIsTrailingNewLine) {
         foundInvalidWhitespace = true;

package/dist/esm/plugins/base/pm-plugins/inline-cursor-target.js

@@ -41,6 +41,7 @@ export default (function () {
           var createWidget = function createWidget(side) {
             var node = document.createElement('span');
             node.contentEditable = 'true';
+            node.setAttribute('aria-hidden', 'true');
             node.appendChild(document.createTextNode(ZERO_WIDTH_SPACE));
             node.className = 'cursor-target';
             return Decoration.widget(selection.from, node, {

package/dist/esm/plugins/caption/nodeviews/index.js

@@ -44,7 +44,10 @@ export var CaptionNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
   }, {
     key: "getContentDOM",
     value: function getContentDOM() {
-      var dom = document.createElement('div');
+      var dom = document.createElement('div'); // setting a className prevents PM/Chrome mutation observer from
+      // incorrectly deleting nodes
+
+      dom.className = 'caption-wrapper';
       return {
         dom: dom
       };

package/dist/esm/plugins/card/ui/EditLinkToolbar.js

@@ -98,6 +98,7 @@ export var buildEditLinkToolbar = function buildEditLinkToolbar(_ref) {
   return {
     type: 'custom',
     fallback: [],
+    disableArrowNavigation: true,
     render: function render(view, idx) {
       if (!view || !providerFactory) {
         return null;

package/dist/esm/plugins/card/ui/LinkToolbarIconDropdown.js

@@ -67,9 +67,10 @@ var getCustomStyles = function getCustomStyles(selected, disabled) {
   return [primitiveStyles, unselectedStyles, interactiveStyles];
 };
 
+//tabindex is -1 as the menu options should be focusable explicitly only by arrow keys.
 var OptionRoot = function OptionRoot(props) {
   return jsx("div", _extends({}, props, {
-    tabIndex: 0
+    tabIndex: -1
   }));
 };
 

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

@@ -17,6 +17,8 @@ var toDOM = function toDOM(node) {
     class: codeBlockClassNames.start,
     contenteditable: 'false'
   }], ['div', {
+    class: codeBlockClassNames.contentWrapper
+  }, ['div', {
     class: codeBlockClassNames.gutter,
     contenteditable: 'false'
   }], ['div', {
@@ -26,7 +28,7 @@ var toDOM = function toDOM(node) {
     spellcheck: 'false',
     contenteditable: 'true',
     'data-testid': 'code-block--code'
-  }, 0]], ['div', {
+  }, 0]]], ['div', {
     class: codeBlockClassNames.end,
     contenteditable: 'false'
   }]];
@@ -79,7 +81,8 @@ export var CodeBlockView = /*#__PURE__*/function () {
       if ((_this$dom = this.dom) !== null && _this$dom !== void 0 && _this$dom.childNodes && this.dom.childNodes.length > 1) {
         var _contentView$childNod;
 
-        var contentView = this.dom.childNodes[1];
+        var contentWrapper = this.dom.childNodes[1];
+        var contentView = contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.childNodes[1];
 
         if ((contentView === null || contentView === void 0 ? void 0 : (_contentView$childNod = contentView.childNodes) === null || _contentView$childNod === void 0 ? void 0 : _contentView$childNod.length) > 0) {
           var codeElement = contentView.firstChild;
@@ -104,7 +107,8 @@ export var CodeBlockView = /*#__PURE__*/function () {
       var _this$dom2;
 
       if ((_this$dom2 = this.dom) !== null && _this$dom2 !== void 0 && _this$dom2.childNodes && this.dom.childNodes.length > 1) {
-        var contentView = this.dom.childNodes[1];
+        var contentWrapper = this.dom.childNodes[1];
+        var contentView = contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.childNodes[1];
 
         if (contentView !== null && contentView !== void 0 && contentView.childNodes && contentView.childNodes.length > 1) {
           var savedInnerHTML = '';

package/dist/esm/plugins/code-block/refresh-browser-selection.js

@@ -24,4 +24,5 @@ var refreshBrowserSelectionOnChange = function refreshBrowserSelectionOnChange(t
   }
 };
 
-export default refreshBrowserSelectionOnChange;
+export default refreshBrowserSelectionOnChange;
+export { refreshBrowserSelection };

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

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject;
+var _templateObject, _templateObject2;
 
 import { css } from '@emotion/react';
 import { R75 } from '@atlaskit/theme/colors';
@@ -8,6 +8,11 @@ import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedBorderS
 import { token } from '@atlaskit/tokens';
 import { codeBlockClassNames } from './ui/class-names';
 import { codeBlockSharedStyles } from '@atlaskit/editor-common/styles';
+
+var GutterDangerOverlay = function GutterDangerOverlay() {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &::after {\n    height: 100%;\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 24px;\n    background-color: ", ";\n  }\n"])), token('color.blanket.danger', 'none'));
+};
+
 export var codeBlockStyles = function codeBlockStyles(props) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    ", "\n  }\n\n  .ProseMirror li {\n    /* if same list item has multiple code blocks we need top margin for all but first */\n    > .code-block {\n      margin: ", " 0 0 0;\n    }\n    > .code-block:first-child,\n    > .ProseMirror-gapcursor:first-child + .code-block {\n      margin-top: 0;\n    }\n\n    > div:last-of-type.code-block {\n      margin-bottom: ", ";\n    }\n  }\n\n  .ProseMirror .code-block.", ":not(.danger) {\n    ", "\n  }\n\n  /* Danger when top level node */\n  .ProseMirror .danger.code-block {\n    box-shadow: 0 0 0 ", "px ", ";\n\n    .", " {\n      background-color: ", ";\n      color: ", ";\n    }\n\n    .", " {\n      background-color: ", ";\n    }\n  }\n\n  /* Danger when nested node */\n  .ProseMirror .danger .code-block {\n    .", " {\n      background-color: ", ";\n      color: ", ";\n    }\n\n    .", " {\n      background-color: ", ";\n    }\n  }\n"])), codeBlockSharedStyles(props), blockNodesVerticalMargin, blockNodesVerticalMargin, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), akEditorSelectedBorderSize, akEditorDeleteBorder, codeBlockClassNames.gutter, token('color.blanket.danger', R75), token('color.text.danger', akEditorDeleteIconColor), codeBlockClassNames.content, token('color.background.danger', akEditorDeleteBackground), codeBlockClassNames.gutter, token('color.blanket.danger', 'rgba(255, 143, 115, 0.5)'), token('color.text.danger', akEditorDeleteIconColor), codeBlockClassNames.content, token('color.background.danger', 'rgba(255, 189, 173, 0.5)'));
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  .ProseMirror {\n    ", "\n  }\n\n  .ProseMirror li {\n    /* if same list item has multiple code blocks we need top margin for all but first */\n    > .code-block {\n      margin: ", " 0 0 0;\n    }\n    > .code-block:first-child,\n    > .ProseMirror-gapcursor:first-child + .code-block {\n      margin-top: 0;\n    }\n\n    > div:last-of-type.code-block {\n      margin-bottom: ", ";\n    }\n  }\n\n  .ProseMirror .code-block.", ":not(.danger) {\n    ", "\n  }\n\n  /* Danger when top level node */\n  .ProseMirror .danger.code-block {\n    box-shadow: 0 0 0 ", "px\n      ", ";\n\n    .", " {\n      background-color: ", ";\n      color: ", ";\n      ", ";\n    }\n\n    .", " {\n      background-color: ", ";\n    }\n  }\n\n  /* Danger when nested node */\n  .ProseMirror .danger .code-block {\n    .", " {\n      background-color: ", ";\n      color: ", ";\n      ", ";\n    }\n\n    .", " {\n      background-color: ", ";\n    }\n  }\n"])), codeBlockSharedStyles(props), blockNodesVerticalMargin, blockNodesVerticalMargin, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket]), akEditorSelectedBorderSize, token('color.border.danger', akEditorDeleteBorder), codeBlockClassNames.gutter, token('color.background.danger', R75), token('color.text.danger', akEditorDeleteIconColor), GutterDangerOverlay(), codeBlockClassNames.content, token('color.blanket.danger', akEditorDeleteBackground), codeBlockClassNames.gutter, token('color.background.danger', 'rgba(255, 143, 115, 0.5)'), token('color.text.danger', akEditorDeleteIconColor), GutterDangerOverlay(), codeBlockClassNames.content, token('color.blanket.danger', 'rgba(255, 189, 173, 0.5)'));
 };

package/dist/esm/plugins/code-block/ui/class-names.js

@@ -1,7 +1,9 @@
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 export var codeBlockClassNames = {
+  container: CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER,
   start: CodeBlockSharedCssClassName.CODEBLOCK_START,
   end: CodeBlockSharedCssClassName.CODEBLOCK_END,
+  contentWrapper: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER,
   gutter: CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER,
   content: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
 };

package/dist/esm/plugins/collab-edit/utils.js

@@ -1,6 +1,4 @@
 import _typeof from "@babel/runtime/helpers/typeof";
-
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import { Selection, TextSelection } from 'prosemirror-state';
 import { Decoration } from 'prosemirror-view';
 import * as themeColors from '@atlaskit/theme/colors';
@@ -8,12 +6,17 @@ import { hexToRgba } from '@atlaskit/adf-schema';
 import { ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/utils';
 import { addAnalytics } from '../analytics/utils';
 import { EVENT_TYPE, ACTION, ACTION_SUBJECT } from '../analytics/types';
+// TODO: https://product-fabric.atlassian.net/browse/DSP-7269
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 export var colors = [themeColors.R100, themeColors.R300, themeColors.R500, themeColors.Y100, themeColors.Y300, themeColors.Y500, themeColors.G100, themeColors.G300, themeColors.G500, themeColors.T100, themeColors.T300, themeColors.T500, themeColors.B100, themeColors.B300, themeColors.B500, themeColors.P100, themeColors.P300, themeColors.P500, themeColors.N70, themeColors.N200, themeColors.N800].map(function (solid) {
   return {
     solid: solid,
     selection: hexToRgba(solid, 0.2)
   };
 });
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
+
 export var getAvatarColor = function getAvatarColor(str) {
   var hash = 0;
 

package/dist/esm/plugins/copy-button/commands.js

@@ -26,8 +26,10 @@ export function createToolbarCopyCommandForMark(markType) {
         // since we're copying the text inside a paragraph, it will always be 1 1
         // https://github.com/ProseMirror/prosemirror-view/blob/master/src/clipboard.ts#L32
 
-        div.firstChild.setAttribute('data-pm-slice', '1 1 []');
-        copyHTMLToClipboard(div.innerHTML);
+        div.firstChild.setAttribute('data-pm-slice', '1 1 []'); // If we're copying a hyperlink, we'd copy the url as the fallback plain text
+
+        var linkUrl = domNode.getAttribute('href');
+        copyHTMLToClipboard(div, markType.name === 'link' && linkUrl ? linkUrl : undefined);
       }
 
       var copyToClipboardTr = state.tr;
@@ -135,7 +137,7 @@ export var createToolbarCopyCommandForNode = function createToolbarCopyCommandFo
           div.firstChild.setAttribute('data-pm-slice', '0 0 []');
         }
 
-        copyHTMLToClipboard(div.innerHTML);
+        copyHTMLToClipboard(div);
       }
 
       copyToClipboardTr.setMeta('scrollIntoView', false);

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

@@ -0,0 +1,8 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  emojiNodeLabel: {
+    id: 'fabric.emoji.label',
+    defaultMessage: 'Emoji',
+    description: 'Label to indicate emoji node to Screen reader users'
+  }
+});

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

@@ -1,14 +1,27 @@
 import React from 'react';
 import Emoji from '../ui/Emoji';
+import { useIntl } from 'react-intl-next';
+import { messages } from '../messages';
+var EmojiAssistiveTextComponent = /*#__PURE__*/React.memo(function (_ref) {
+  var emojiShortName = _ref.emojiShortName;
+  var intl = useIntl();
+  return /*#__PURE__*/React.createElement("span", {
+    className: 'assistive'
+  }, "".concat(intl.formatMessage(messages.emojiNodeLabel), " ").concat(emojiShortName));
+});
 export function EmojiNodeView(props) {
   var _props$node$attrs = props.node.attrs,
       shortName = _props$node$attrs.shortName,
       id = _props$node$attrs.id,
       text = _props$node$attrs.text;
-  return /*#__PURE__*/React.createElement(Emoji, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EmojiAssistiveTextComponent, {
+    emojiShortName: shortName
+  }), /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement(Emoji, {
     providers: props.providerFactory,
     id: id,
     shortName: shortName,
     fallback: text
-  });
+  })));
 }

package/dist/esm/plugins/expand/pm-plugins/keymap.js

@@ -8,6 +8,7 @@ import { expandClassNames } from '../ui/class-names';
 import { deleteExpand, focusTitle } from '../commands';
 import { getPluginState as getSelectionPluginState } from '../../selection/plugin-factory';
 import { RelativeSelectionPos } from '../../selection/types';
+import { isPositionNearTableRow } from '../../../utils/table';
 
 var isExpandNode = function isExpandNode(node) {
   return (node === null || node === void 0 ? void 0 : node.type.name) === 'expand' || (node === null || node === void 0 ? void 0 : node.type.name) === 'nestedExpand';
@@ -97,7 +98,15 @@ export function expandKeymap() {
     var $from = state.selection.$from;
 
     if (editorView.endOfTextblock('up')) {
-      var expand = findExpand(state);
+      var expand = findExpand(state); // Moving UP in a table should move the cursor to the row above
+      // however when an expand is in a table cell to the left of the
+      // current table cell, arrow UP moves the cursor to the left
+      // see ED-15425
+
+      if (isPositionNearTableRow($from, schema, 'before') && !expand) {
+        return false;
+      }
+
       var prevCursorPos = Math.max($from.pos - $from.parentOffset - 1, 0); // move cursor from expand's content to its title
 
       if (expand && expand.start === prevCursorPos) {

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

@@ -33,7 +33,7 @@ function getSpellCheck(featureFlags) {
 
 
 export function createFeatureFlagsFromProps(props) {
-  var _props$featureFlags, _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _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$allowTables5, _props$featureFlags10, _props$featureFlags11, _props$allowTables6, _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, _props$collabEdit, _props$collabEdit2, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$featureFlags37, _props$featureFlags38;
+  var _props$featureFlags, _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _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$allowTables5, _props$featureFlags10, _props$featureFlags11, _props$allowTables6, _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$collabEdit, _props$collabEdit2, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$featureFlags37, _props$featureFlags38, _props$featureFlags39;
 
   var normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   var tableCellOptionsInFloatingToolbar = normalizedFeatureFlags.tableCellOptionsInFloatingToolbar || ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.tableCellOptionsInFloatingToolbar) || undefined;
@@ -60,19 +60,23 @@ export function createFeatureFlagsFromProps(props) {
     errorBoundaryDocStructure: Boolean(typeof ((_props$featureFlags14 = props.featureFlags) === null || _props$featureFlags14 === void 0 ? void 0 : _props$featureFlags14.useErrorBoundaryDocStructure) === 'boolean' ? !!((_props$featureFlags15 = props.featureFlags) !== null && _props$featureFlags15 !== void 0 && _props$featureFlags15.useErrorBoundaryDocStructure) : false),
     synchronyErrorDocStructure: Boolean(typeof ((_props$featureFlags16 = props.featureFlags) === null || _props$featureFlags16 === void 0 ? void 0 : _props$featureFlags16.synchronyErrorDocStructure) === 'boolean' ? !!((_props$featureFlags17 = props.featureFlags) !== null && _props$featureFlags17 !== void 0 && _props$featureFlags17.synchronyErrorDocStructure) : false),
     enableViewUpdateSubscription: Boolean(typeof ((_props$featureFlags18 = props.featureFlags) === null || _props$featureFlags18 === void 0 ? void 0 : _props$featureFlags18.enableViewUpdateSubscription) === 'boolean' ? !!((_props$featureFlags19 = props.featureFlags) !== null && _props$featureFlags19 !== void 0 && _props$featureFlags19.enableViewUpdateSubscription) : false),
-    plainTextPasteLinkification: Boolean(typeof ((_props$featureFlags20 = props.featureFlags) === null || _props$featureFlags20 === void 0 ? void 0 : _props$featureFlags20.plainTextPasteLinkification) === 'boolean' ? !!((_props$featureFlags21 = props.featureFlags) !== null && _props$featureFlags21 !== void 0 && _props$featureFlags21.plainTextPasteLinkification) : false),
-    collabAvatarScroll: Boolean(typeof ((_props$featureFlags22 = props.featureFlags) === null || _props$featureFlags22 === void 0 ? void 0 : _props$featureFlags22.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags23 = props.featureFlags) !== null && _props$featureFlags23 !== void 0 && _props$featureFlags23.collabAvatarScroll) : false),
-    ufo: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.ufo) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.ufo) : false),
-    twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.twoLineEditorToolbar) : false),
-    saferDispatchedTransactions: Boolean(typeof normalizedFeatureFlags.saferDispatchedTransactions === 'boolean' && !!normalizedFeatureFlags.saferDispatchedTransactions || (typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.saferDispatchedTransactions) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29.saferDispatchedTransactions) : false)),
+    collabAvatarScroll: Boolean(typeof ((_props$featureFlags20 = props.featureFlags) === null || _props$featureFlags20 === void 0 ? void 0 : _props$featureFlags20.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags21 = props.featureFlags) !== null && _props$featureFlags21 !== void 0 && _props$featureFlags21.collabAvatarScroll) : false),
+    ufo: Boolean(typeof ((_props$featureFlags22 = props.featureFlags) === null || _props$featureFlags22 === void 0 ? void 0 : _props$featureFlags22.ufo) === 'boolean' ? !!((_props$featureFlags23 = props.featureFlags) !== null && _props$featureFlags23 !== void 0 && _props$featureFlags23.ufo) : false),
+    twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.twoLineEditorToolbar) : false),
+    saferDispatchedTransactions: Boolean(typeof normalizedFeatureFlags.saferDispatchedTransactions === 'boolean' && !!normalizedFeatureFlags.saferDispatchedTransactions || (typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.saferDispatchedTransactions) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.saferDispatchedTransactions) : false)),
     useNativeCollabPlugin: Boolean(typeof ((_props$collabEdit = props.collabEdit) === null || _props$collabEdit === void 0 ? void 0 : _props$collabEdit.useNativePlugin) === 'boolean' ? !!((_props$collabEdit2 = props.collabEdit) !== null && _props$collabEdit2 !== void 0 && _props$collabEdit2.useNativePlugin) : false),
-    chromeCursorHandlerFixedVersion: typeof ((_props$featureFlags30 = props.featureFlags) === null || _props$featureFlags30 === void 0 ? void 0 : _props$featureFlags30.chromeCursorHandlerFixedVersion) === 'string' ? Number(props.featureFlags.chromeCursorHandlerFixedVersion) || undefined : undefined,
-    viewChangingExperimentToolbarStyle: typeof ((_props$featureFlags31 = props.featureFlags) === null || _props$featureFlags31 === void 0 ? void 0 : _props$featureFlags31['view-changing-experiment-toolbar-style']) === 'string' ? props.featureFlags['view-changing-experiment-toolbar-style'] || undefined : undefined,
+    chromeCursorHandlerFixedVersion: typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.chromeCursorHandlerFixedVersion) === 'string' ? Number(props.featureFlags.chromeCursorHandlerFixedVersion) || undefined : undefined,
+    viewChangingExperimentToolbarStyle: typeof ((_props$featureFlags29 = props.featureFlags) === null || _props$featureFlags29 === void 0 ? void 0 : _props$featureFlags29['view-changing-experiment-toolbar-style']) === 'string' ? props.featureFlags['view-changing-experiment-toolbar-style'] || undefined : undefined,
     tableCellOptionsInFloatingToolbar: typeof tableCellOptionsInFloatingToolbar === 'boolean' ? tableCellOptionsInFloatingToolbar : false,
-    showHoverPreview: Boolean(typeof ((_props$featureFlags32 = props.featureFlags) === null || _props$featureFlags32 === void 0 ? void 0 : _props$featureFlags32.showHoverPreview) === 'boolean' ? !!((_props$featureFlags33 = props.featureFlags) !== null && _props$featureFlags33 !== void 0 && _props$featureFlags33.showHoverPreview) : false),
-    indentationButtonsInTheToolbar: Boolean(typeof normalizedFeatureFlags.indentationButtonsInTheToolbar === 'boolean' && !!normalizedFeatureFlags.indentationButtonsInTheToolbar || (typeof ((_props$featureFlags34 = props.featureFlags) === null || _props$featureFlags34 === void 0 ? void 0 : _props$featureFlags34.indentationButtonsInTheToolbar) === 'boolean' ? !!((_props$featureFlags35 = props.featureFlags) !== null && _props$featureFlags35 !== void 0 && _props$featureFlags35.indentationButtonsInTheToolbar) : false)),
-    floatingToolbarCopyButton: Boolean(typeof normalizedFeatureFlags.floatingToolbarCopyButton === 'boolean' && !!normalizedFeatureFlags.floatingToolbarCopyButton || (typeof ((_props$featureFlags36 = props.featureFlags) === null || _props$featureFlags36 === void 0 ? void 0 : _props$featureFlags36.floatingToolbarCopyButton) === 'boolean' ? !!((_props$featureFlags37 = props.featureFlags) !== null && _props$featureFlags37 !== void 0 && _props$featureFlags37.floatingToolbarCopyButton) : false)),
-    floatingToolbarLinkSettingsButton: typeof ((_props$featureFlags38 = props.featureFlags) === null || _props$featureFlags38 === void 0 ? void 0 : _props$featureFlags38['floating-toolbar-link-settings-button']) === 'string' ? props.featureFlags['floating-toolbar-link-settings-button'] || undefined : undefined,
-    disableSpellcheckByBrowser: getSpellCheck(props.featureFlags)
+    showHoverPreview: Boolean(typeof ((_props$featureFlags30 = props.featureFlags) === null || _props$featureFlags30 === void 0 ? void 0 : _props$featureFlags30.showHoverPreview) === 'boolean' ? !!((_props$featureFlags31 = props.featureFlags) !== null && _props$featureFlags31 !== void 0 && _props$featureFlags31.showHoverPreview) : false),
+    indentationButtonsInTheToolbar: Boolean(typeof normalizedFeatureFlags.indentationButtonsInTheToolbar === 'boolean' && !!normalizedFeatureFlags.indentationButtonsInTheToolbar || (typeof ((_props$featureFlags32 = props.featureFlags) === null || _props$featureFlags32 === void 0 ? void 0 : _props$featureFlags32.indentationButtonsInTheToolbar) === 'boolean' ? !!((_props$featureFlags33 = props.featureFlags) !== null && _props$featureFlags33 !== void 0 && _props$featureFlags33.indentationButtonsInTheToolbar) : false)),
+    floatingToolbarCopyButton: Boolean(typeof normalizedFeatureFlags.floatingToolbarCopyButton === 'boolean' && !!normalizedFeatureFlags.floatingToolbarCopyButton || (typeof ((_props$featureFlags34 = props.featureFlags) === null || _props$featureFlags34 === void 0 ? void 0 : _props$featureFlags34.floatingToolbarCopyButton) === 'boolean' ? !!((_props$featureFlags35 = props.featureFlags) !== null && _props$featureFlags35 !== void 0 && _props$featureFlags35.floatingToolbarCopyButton) : false)),
+    floatingToolbarLinkSettingsButton: typeof ((_props$featureFlags36 = props.featureFlags) === null || _props$featureFlags36 === void 0 ? void 0 : _props$featureFlags36['floating-toolbar-link-settings-button']) === 'string' ? props.featureFlags['floating-toolbar-link-settings-button'] || undefined : undefined,
+    disableSpellcheckByBrowser: getSpellCheck(props.featureFlags),
+    // Including fallback to props.featureFlags so that mobile feature flags
+    // are included (they are not kebab cased)
+    restartNumberedLists: normalizedFeatureFlags.restartNumberedLists === true || ((_props$featureFlags37 = props.featureFlags) === null || _props$featureFlags37 === void 0 ? void 0 : _props$featureFlags37.restartNumberedLists) === true,
+    listNumberContinuity: normalizedFeatureFlags.listNumberContinuity === true || ((_props$featureFlags38 = props.featureFlags) === null || _props$featureFlags38 === void 0 ? void 0 : _props$featureFlags38.listNumberContinuity) === true,
+    restartNumberedListsToolbar: normalizedFeatureFlags.restartNumberedListsToolbar === true || ((_props$featureFlags39 = props.featureFlags) === null || _props$featureFlags39 === void 0 ? void 0 : _props$featureFlags39.restartNumberedListsToolbar) === true
   });
 }

package/dist/esm/plugins/find-replace/ui/FindReplaceToolbarButton.js

@@ -100,6 +100,7 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
         },
         fitWidth: 352,
         zIndex: stackBelowOtherEditorFloatingPanels,
+        disableArrowKeyNavigation: true,
         trigger: jsx(ToolbarButton, {
           buttonId: TOOLBAR_BUTTON.FIND_REPLACE,
           spacing: isReducedSpacing ? 'none' : 'default',

package/dist/esm/plugins/floating-toolbar/index.js

@@ -191,6 +191,7 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
               className = _config$className === void 0 ? '' : _config$className,
               height = config.height,
               width = config.width,
+              zIndex = config.zIndex,
               _config$offset = config.offset,
               offset = _config$offset === void 0 ? [0, 12] : _config$offset,
               forcePlacement = config.forcePlacement,
@@ -235,6 +236,7 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
             fitWidth: width,
             alignX: align,
             stick: true,
+            zIndex: zIndex,
             mountTo: popupsMountPoint,
             boundariesElement: popupsBoundariesElement,
             scrollableElement: popupsScrollableElement,

package/dist/esm/plugins/floating-toolbar/ui/Dropdown.js

@@ -78,6 +78,15 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       });
     });
 
+    _defineProperty(_assertThisInitialized(_this), "hideonEsc", function () {
+      var _document$querySelect;
+
+      _this.hide(); //Focus the trigger button only on Escape
+
+
+      (_document$querySelect = document.querySelector("[data-testid=".concat(_this.props.buttonTestId, "]"))) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.focus();
+    });
+
     return _this;
   }
 
@@ -142,7 +151,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         scrollableElement: scrollableElement,
         isOpen: isOpen,
         handleClickOutside: this.hide,
-        handleEscapeKeydown: this.hide,
+        handleEscapeKeydown: this.hideonEsc,
         fitWidth: fitWidth + fitTolerance,
         fitHeight: fitHeight + fitTolerance,
         trigger: trigger

package/dist/esm/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -29,6 +29,7 @@ export var menuItemDimensions = {
 var spacer = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  padding: 8px;\n"])));
 var menuContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-width: ", "px;\n\n  // temporary solution to retain spacing defined by @atlaskit/Item\n  & button {\n    min-height: ", "px;\n    padding: 8px 8px 7px;\n\n    & > [data-item-elem-before] {\n      margin-right: ", "px;\n    }\n  }\n"])), menuItemDimensions.width, gridSize() * 4, gridSize() / 2);
 export var itemSpacing = gridSize() / 2;
+var DropdownButtonItem = ButtonItem;
 
 var Dropdown = /*#__PURE__*/function (_Component) {
   _inherits(Dropdown, _Component);
@@ -56,7 +57,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       }, items.filter(function (item) {
         return !item.hidden;
       }).map(function (item, idx) {
-        var itemContent = jsx(ButtonItem, {
+        var itemContent = jsx(DropdownButtonItem, {
           key: idx,
           iconBefore: _this.renderSelected(item, intl),
           iconAfter: item.elemAfter,
@@ -74,6 +75,24 @@ var Dropdown = /*#__PURE__*/function (_Component) {
           isDisabled: item.disabled,
           onMouseDown: function onMouseDown(e) {
             e.preventDefault();
+          },
+          onMouseOver: function onMouseOver(e) {
+            if (item.onMouseOver) {
+              e.preventDefault();
+              dispatchCommand(item.onMouseOver);
+            }
+          },
+          onMouseEnter: function onMouseEnter(e) {
+            if (item.onMouseEnter) {
+              e.preventDefault();
+              dispatchCommand(item.onMouseEnter);
+            }
+          },
+          onMouseLeave: function onMouseLeave(e) {
+            if (item.onMouseLeave) {
+              e.preventDefault();
+              dispatchCommand(item.onMouseLeave);
+            }
           }
         }, item.title);
 

package/dist/esm/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js

@@ -152,11 +152,14 @@ export var ExtensionsPlaceholder = function ExtensionsPlaceholder(props) {
       return _getExtensions.apply(this, arguments);
     }
   }, []);
+  var nodeAdf = React.useMemo(function () {
+    return nodeToJSON(node);
+  }, [node]);
   var extensionItems = React.useMemo(function () {
-    return getContextualToolbarItemsFromModule(extensions, nodeToJSON(node), createExtensionAPI({
+    return getContextualToolbarItemsFromModule(extensions, nodeAdf, createExtensionAPI({
       editorView: editorView
     }));
-  }, [extensions, node, editorView]);
+  }, [extensions, nodeAdf, editorView]);
 
   if (!extensionItems.length) {
     return null;

package/dist/esm/plugins/floating-toolbar/ui/Select.js

@@ -18,9 +18,14 @@ export default function Search(props) {
         });
       },
       menuPortal: function menuPortal(base) {
-        var _selectRef$current;
+        var _selectRef$current, _selectRef$current$se, _selectRef$current$se2, _selectRef$current2, _selectRef$current2$s, _selectRef$current2$s2, _selectRef$current2$s3;
 
-        var controlWrapper = selectRef === null || selectRef === void 0 ? void 0 : (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.select.select.controlRef.parentNode;
+        // ED:16095: We add two possible getter paths for safely reaching into the underlying
+        // react-select element. We first try a getter that conforms with react-select v5 APIs,
+        // Failing that, we try a getter consistent with react-select v4 APIs. (We
+        // handle both as consumers may control the time of the actual dependency version
+        // cutover).
+        var controlWrapper = (selectRef === null || selectRef === void 0 ? void 0 : (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : (_selectRef$current$se = _selectRef$current.select) === null || _selectRef$current$se === void 0 ? void 0 : (_selectRef$current$se2 = _selectRef$current$se.controlRef) === null || _selectRef$current$se2 === void 0 ? void 0 : _selectRef$current$se2.parentNode) || (selectRef === null || selectRef === void 0 ? void 0 : (_selectRef$current2 = selectRef.current) === null || _selectRef$current2 === void 0 ? void 0 : (_selectRef$current2$s = _selectRef$current2.select) === null || _selectRef$current2$s === void 0 ? void 0 : (_selectRef$current2$s2 = _selectRef$current2$s.select) === null || _selectRef$current2$s2 === void 0 ? void 0 : (_selectRef$current2$s3 = _selectRef$current2$s2.controlRef) === null || _selectRef$current2$s3 === void 0 ? void 0 : _selectRef$current2$s3.parentNode);
         var menuPortalStyles = controlWrapper && props.setDisableParentScroll ? {
           // since the portal is now outside, we need to position it as before
           top: controlWrapper.offsetTop,
@@ -58,6 +63,7 @@ export default function Search(props) {
     styles: style,
     menuPortalTarget: props.mountPoint,
     onMenuOpen: onMenuOpen,
-    onMenuClose: onMenuClose
+    onMenuClose: onMenuClose,
+    "aria-label": props.ariaLabel
   });
 }

package/dist/esm/plugins/floating-toolbar/ui/Toolbar.js

@@ -351,6 +351,7 @@ var Toolbar = /*#__PURE__*/function (_Component) {
       if (event.key === 'Escape') {
         var _this$props$editorVie;
 
+        _this.currentSelectedItemIndex = 0;
         (_this$props$editorVie = _this.props.editorView) === null || _this$props$editorVie === void 0 ? void 0 : _this$props$editorVie.focus();
         event.preventDefault();
         event.stopPropagation();

package/dist/esm/plugins/help-dialog/ui/index.js

@@ -334,10 +334,7 @@ export var formatting = function formatting(_ref) {
     }
   }, {
     name: formatMessage(alignmentMessages.alignRight),
-    type: 'alignment',
-    keymap: function keymap() {
-      return keymaps.alignRight;
-    }
+    type: 'alignment'
   }];
 };
 var shortcutNamesWithoutKeymap = ['emoji', 'mention', 'quickInsert'];

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/create-items.js

@@ -81,8 +81,8 @@ var createInsertBlockItems = function createInsertBlockItems(config) {
 
   if (mediaSupported && mediaUploadsEnabled) {
     items.push(media({
-      content: formatMessage(messages.filesAndImages),
-      tooltipDescription: formatMessage(messages.filesAndImagesDescription),
+      content: formatMessage(messages.addMediaFiles),
+      tooltipDescription: formatMessage(messages.mediaFilesDescription),
       disabled: false
     }));
   }

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -109,12 +109,18 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "togglePlusMenuVisibility", function () {
+    _defineProperty(_assertThisInitialized(_this), "togglePlusMenuVisibility", function (event) {
       var isPlusMenuOpen = _this.state.isPlusMenuOpen;
 
       _this.onOpenChange({
         isPlusMenuOpen: !isPlusMenuOpen
       });
+
+      if ((event === null || event === void 0 ? void 0 : event.key) === 'Escape') {
+        var _ref;
+
+        (_ref = _this.plusButtonRef || _this.dropdownButtonRef) === null || _ref === void 0 ? void 0 : _ref.focus();
+      }
     });
 
     _defineProperty(_assertThisInitialized(_this), "toggleEmojiPicker", function () {
@@ -144,7 +150,11 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleEmojiPressEscape", function () {
+      var _this$emojiButtonRef;
+
       _this.toggleEmojiPicker(INPUT_METHOD.KEYBOARD);
+
+      (_this$emojiButtonRef = _this.emojiButtonRef) === null || _this$emojiButtonRef === void 0 ? void 0 : _this$emojiButtonRef.focus();
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleEmojiClickOutside", function (e) {
@@ -181,6 +191,10 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function () {
+      _this.togglePlusMenuVisibility();
+    });
+
     _defineProperty(_assertThisInitialized(_this), "toggleLinkPanel", function (inputMethod) {
       var editorView = _this.props.editorView;
       showLinkToolbar(inputMethod)(editorView.state, editorView.dispatch);
@@ -320,9 +334,9 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       openElementBrowserModal()(_this.props.editorView.state, _this.props.editorView.dispatch);
     });
 
-    _defineProperty(_assertThisInitialized(_this), "onItemActivated", function (_ref) {
-      var item = _ref.item,
-          inputMethod = _ref.inputMethod;
+    _defineProperty(_assertThisInitialized(_this), "onItemActivated", function (_ref2) {
+      var item = _ref2.item,
+          inputMethod = _ref2.inputMethod;
       var _this$props3 = _this.props,
           editorView = _this$props3.editorView,
           editorActions = _this$props3.editorActions,
@@ -442,8 +456,8 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       });
     });
 
-    _defineProperty(_assertThisInitialized(_this), "insertInsertMenuItem", function (_ref2) {
-      var item = _ref2.item;
+    _defineProperty(_assertThisInitialized(_this), "insertInsertMenuItem", function (_ref3) {
+      var item = _ref3.item;
       return _this.onItemActivated({
         item: item,
         inputMethod: INPUT_METHOD.INSERT_MENU
@@ -473,8 +487,8 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           popupsScrollableElement = _this$props4.popupsScrollableElement,
           emojiProvider = _this$props4.emojiProvider,
           replacePlusMenuWithElementBrowser = _this$props4.replacePlusMenuWithElementBrowser;
-      var dropdownEmoji = this.state.dropdownItems.some(function (_ref3) {
-        var name = _ref3.value.name;
+      var dropdownEmoji = this.state.dropdownItems.some(function (_ref4) {
+        var name = _ref4.value.name;
         return name === 'emoji';
       });
       var dropDownButtonRef = replacePlusMenuWithElementBrowser ? this.plusButtonRef : this.dropdownButtonRef;
@@ -548,7 +562,7 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         items: this.state.dropdownItems,
         onRef: this.handleDropDownButtonRef,
         onPlusButtonRef: this.handlePlusButtonRef,
-        onClick: this.togglePlusMenuVisibility,
+        onClick: this.handleClick,
         onItemActivated: this.insertInsertMenuItem,
         onInsert: this.insertInsertMenuItem,
         onOpenChange: this.onOpenChange,

package/dist/esm/plugins/media/index.js

@@ -177,8 +177,8 @@ var mediaPlugin = function mediaPlugin(options) {
         var formatMessage = _ref10.formatMessage;
         return [{
           id: 'media',
-          title: formatMessage(messages.filesAndImages),
-          description: formatMessage(messages.filesAndImagesDescription),
+          title: formatMessage(messages.mediaFiles),
+          description: formatMessage(messages.mediaFilesDescription),
           priority: 400,
           keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
           icon: function icon() {