@atlaskit/editor-core 175.0.4 → 176.0.0

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

@@ -21,10 +21,14 @@ var _classNames = require("./ui/class-names");
 
 var _styles = require("@atlaskit/editor-common/styles");
 
-var _templateObject;
+var _templateObject, _templateObject2;
+
+var GutterDangerOverlay = function GutterDangerOverlay() {
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &::after {\n    height: 100%;\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 24px;\n    background-color: ", ";\n  }\n"])), (0, _tokens.token)('color.blanket.danger', 'none'));
+};
 
 var codeBlockStyles = function codeBlockStyles(props) {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _styles.codeBlockSharedStyles)(props), _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _editorSharedStyles.akEditorSelectedBorderSize, _editorSharedStyles.akEditorDeleteBorder, _classNames.codeBlockClassNames.gutter, (0, _tokens.token)('color.blanket.danger', _colors.R75), (0, _tokens.token)('color.text.danger', _editorSharedStyles.akEditorDeleteIconColor), _classNames.codeBlockClassNames.content, (0, _tokens.token)('color.background.danger', _editorSharedStyles.akEditorDeleteBackground), _classNames.codeBlockClassNames.gutter, (0, _tokens.token)('color.blanket.danger', 'rgba(255, 143, 115, 0.5)'), (0, _tokens.token)('color.text.danger', _editorSharedStyles.akEditorDeleteIconColor), _classNames.codeBlockClassNames.content, (0, _tokens.token)('color.background.danger', 'rgba(255, 189, 173, 0.5)'));
+  return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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"])), (0, _styles.codeBlockSharedStyles)(props), _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow, _editorSharedStyles.SelectionStyle.Blanket]), _editorSharedStyles.akEditorSelectedBorderSize, (0, _tokens.token)('color.border.danger', _editorSharedStyles.akEditorDeleteBorder), _classNames.codeBlockClassNames.gutter, (0, _tokens.token)('color.background.danger', _colors.R75), (0, _tokens.token)('color.text.danger', _editorSharedStyles.akEditorDeleteIconColor), GutterDangerOverlay(), _classNames.codeBlockClassNames.content, (0, _tokens.token)('color.blanket.danger', _editorSharedStyles.akEditorDeleteBackground), _classNames.codeBlockClassNames.gutter, (0, _tokens.token)('color.background.danger', 'rgba(255, 143, 115, 0.5)'), (0, _tokens.token)('color.text.danger', _editorSharedStyles.akEditorDeleteIconColor), GutterDangerOverlay(), _classNames.codeBlockClassNames.content, (0, _tokens.token)('color.blanket.danger', 'rgba(255, 189, 173, 0.5)'));
 };
 
 exports.codeBlockStyles = codeBlockStyles;

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

@@ -8,8 +8,10 @@ exports.codeBlockClassNames = void 0;
 var _styles = require("@atlaskit/editor-common/styles");
 
 var codeBlockClassNames = {
+  container: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER,
   start: _styles.CodeBlockSharedCssClassName.CODEBLOCK_START,
   end: _styles.CodeBlockSharedCssClassName.CODEBLOCK_END,
+  contentWrapper: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER,
   gutter: _styles.CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER,
   content: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
 };

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

@@ -29,6 +29,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+// TODO: https://product-fabric.atlassian.net/browse/DSP-7269
+
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 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 {
@@ -36,6 +38,8 @@ var colors = [themeColors.R100, themeColors.R300, themeColors.R500, themeColors.
     selection: (0, _adfSchema.hexToRgba)(solid, 0.2)
   };
 });
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
+
 exports.colors = colors;
 
 var getAvatarColor = function getAvatarColor(str) {

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

@@ -43,8 +43,10 @@ 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 []');
-        (0, _clipboard.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');
+        (0, _clipboard.copyHTMLToClipboard)(div, markType.name === 'link' && linkUrl ? linkUrl : undefined);
       }
 
       var copyToClipboardTr = state.tr;
@@ -156,7 +158,7 @@ var createToolbarCopyCommandForNode = function createToolbarCopyCommandForNode(n
           div.firstChild.setAttribute('data-pm-slice', '0 0 []');
         }
 
-        (0, _clipboard.copyHTMLToClipboard)(div.innerHTML);
+        (0, _clipboard.copyHTMLToClipboard)(div);
       }
 
       copyToClipboardTr.setMeta('scrollIntoView', false);

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+
+var _reactIntlNext = require("react-intl-next");
+
+var messages = (0, _reactIntlNext.defineMessages)({
+  emojiNodeLabel: {
+    id: 'fabric.emoji.label',
+    defaultMessage: 'Emoji',
+    description: 'Label to indicate emoji node to Screen reader users'
+  }
+});
+exports.messages = messages;

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

@@ -11,15 +11,31 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Emoji = _interopRequireDefault(require("../ui/Emoji"));
 
+var _reactIntlNext = require("react-intl-next");
+
+var _messages = require("../messages");
+
+var EmojiAssistiveTextComponent = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var emojiShortName = _ref.emojiShortName;
+  var intl = (0, _reactIntlNext.useIntl)();
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: 'assistive'
+  }, "".concat(intl.formatMessage(_messages.messages.emojiNodeLabel), " ").concat(emojiShortName));
+});
+
 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.default.createElement(_Emoji.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(EmojiAssistiveTextComponent, {
+    emojiShortName: shortName
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement(_Emoji.default, {
     providers: props.providerFactory,
     id: id,
     shortName: shortName,
     fallback: text
-  });
+  })));
 }

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

@@ -27,6 +27,8 @@ var _pluginFactory = require("../../selection/plugin-factory");
 
 var _types = require("../../selection/types");
 
+var _table = require("../../../utils/table");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -119,7 +121,15 @@ function expandKeymap() {
     var $from = state.selection.$from;
 
     if (editorView.endOfTextblock('up')) {
-      var expand = (0, _utils.findExpand)(state);
+      var expand = (0, _utils.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 ((0, _table.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/cjs/plugins/feature-flags-context/feature-flags-from-props.js

@@ -43,7 +43,7 @@ function getSpellCheck(featureFlags) {
 
 
 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 = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags);
   var tableCellOptionsInFloatingToolbar = normalizedFeatureFlags.tableCellOptionsInFloatingToolbar || ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.tableCellOptionsInFloatingToolbar) || undefined;
@@ -70,19 +70,23 @@ 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/cjs/plugins/find-replace/ui/FindReplaceToolbarButton.js

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

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

@@ -220,6 +220,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,
@@ -264,6 +265,7 @@ var floatingToolbarPlugin = function floatingToolbarPlugin() {
             fitWidth: width,
             alignX: align,
             stick: true,
+            zIndex: zIndex,
             mountTo: popupsMountPoint,
             boundariesElement: popupsBoundariesElement,
             scrollableElement: popupsScrollableElement,

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

@@ -100,6 +100,14 @@ var Dropdown = /*#__PURE__*/function (_Component) {
         isOpen: false
       });
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
   }
 
@@ -164,7 +172,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/cjs/plugins/floating-toolbar/ui/DropdownMenu.js

@@ -54,6 +54,7 @@ var spacer = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTe
 var menuContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\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, (0, _constants.gridSize)() * 4, (0, _constants.gridSize)() / 2);
 var itemSpacing = (0, _constants.gridSize)() / 2;
 exports.itemSpacing = itemSpacing;
+var DropdownButtonItem = _menu.ButtonItem;
 
 var Dropdown = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(Dropdown, _Component);
@@ -80,7 +81,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       }, items.filter(function (item) {
         return !item.hidden;
       }).map(function (item, idx) {
-        var itemContent = (0, _react.jsx)(_menu.ButtonItem, {
+        var itemContent = (0, _react.jsx)(DropdownButtonItem, {
           key: idx,
           iconBefore: _this.renderSelected(item, intl),
           iconAfter: item.elemAfter,
@@ -98,6 +99,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/cjs/plugins/floating-toolbar/ui/ExtensionsPlaceholder.js

@@ -178,11 +178,15 @@ var ExtensionsPlaceholder = function ExtensionsPlaceholder(props) {
     }
   }, []);
 
+  var nodeAdf = _react.default.useMemo(function () {
+    return (0, _utils.nodeToJSON)(node);
+  }, [node]);
+
   var extensionItems = _react.default.useMemo(function () {
-    return (0, _extensions.getContextualToolbarItemsFromModule)(extensions, (0, _utils.nodeToJSON)(node), (0, _extensionApi.createExtensionAPI)({
+    return (0, _extensions.getContextualToolbarItemsFromModule)(extensions, nodeAdf, (0, _extensionApi.createExtensionAPI)({
       editorView: editorView
     }));
-  }, [extensions, node, editorView]);
+  }, [extensions, nodeAdf, editorView]);
 
   if (!extensionItems.length) {
     return null;

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

@@ -36,9 +36,14 @@ function Search(props) {
         });
       },
       menuPortal: function menuPortal(base) {
-        var _selectRef$current;
-
-        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;
+        var _selectRef$current, _selectRef$current$se, _selectRef$current$se2, _selectRef$current2, _selectRef$current2$s, _selectRef$current2$s2, _selectRef$current2$s3;
+
+        // 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,
@@ -76,6 +81,7 @@ function Search(props) {
     styles: style,
     menuPortalTarget: props.mountPoint,
     onMenuOpen: onMenuOpen,
-    onMenuClose: onMenuClose
+    onMenuClose: onMenuClose,
+    "aria-label": props.ariaLabel
   });
 }

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

@@ -398,6 +398,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/cjs/plugins/help-dialog/ui/index.js

@@ -374,10 +374,7 @@ var formatting = function formatting(_ref) {
     }
   }, {
     name: formatMessage(_messages5.alignmentMessages.alignRight),
-    type: 'alignment',
-    keymap: function keymap() {
-      return keymaps.alignRight;
-    }
+    type: 'alignment'
   }];
 };
 

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

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

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

@@ -145,12 +145,18 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         });
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "togglePlusMenuVisibility", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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();
+      }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleEmojiPicker", function () {
       var inputMethod = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _analytics.INPUT_METHOD.TOOLBAR;
@@ -178,7 +184,11 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEmojiPressEscape", function () {
+      var _this$emojiButtonRef;
+
       _this.toggleEmojiPicker(_analytics.INPUT_METHOD.KEYBOARD);
+
+      (_this$emojiButtonRef = _this.emojiButtonRef) === null || _this$emojiButtonRef === void 0 ? void 0 : _this$emojiButtonRef.focus();
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleEmojiClickOutside", function (e) {
       // Ignore click events for detached elements.
@@ -210,6 +220,9 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         _this.dropdownButtonRef = ref;
       }
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function () {
+      _this.togglePlusMenuVisibility();
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleLinkPanel", function (inputMethod) {
       var editorView = _this.props.editorView;
       (0, _commands4.showLinkToolbar)(inputMethod)(editorView.state, editorView.dispatch);
@@ -335,9 +348,9 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openElementBrowser", function () {
       (0, _commands.openElementBrowserModal)()(_this.props.editorView.state, _this.props.editorView.dispatch);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onItemActivated", function (_ref) {
-      var item = _ref.item,
-          inputMethod = _ref.inputMethod;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onItemActivated", function (_ref2) {
+      var item = _ref2.item,
+          inputMethod = _ref2.inputMethod;
       var _this$props3 = _this.props,
           editorView = _this$props3.editorView,
           editorActions = _this$props3.editorActions,
@@ -455,8 +468,8 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         inputMethod: _analytics.INPUT_METHOD.TOOLBAR
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertInsertMenuItem", function (_ref2) {
-      var item = _ref2.item;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertInsertMenuItem", function (_ref3) {
+      var item = _ref3.item;
       return _this.onItemActivated({
         item: item,
         inputMethod: _analytics.INPUT_METHOD.INSERT_MENU
@@ -485,8 +498,8 @@ 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;
@@ -560,7 +573,7 @@ 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/cjs/plugins/media/index.js

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

package/dist/cjs/plugins/media/nodeviews/mediaSingle.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -31,7 +33,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = require("@emotion/react");
 
-var _react2 = require("react");
+var _react2 = _interopRequireWildcard(require("react"));
 
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 
@@ -77,6 +79,10 @@ var _prosemirrorState = require("prosemirror-state");
 
 var _captions = require("../commands/captions");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -106,6 +112,8 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
       viewMediaClientConfig: undefined,
       isCopying: false
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mediaSingleWrapperRef", /*#__PURE__*/_react2.default.createRef());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "captionPlaceHolderRef", /*#__PURE__*/_react2.default.createRef());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createMediaNodeUpdater", function (props) {
       var node = _this.props.node.firstChild;
       return new _mediaNodeUpdater.MediaNodeUpdater(_objectSpread(_objectSpread({}, props), {}, {
@@ -298,6 +306,19 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
       tr.setSelection(_prosemirrorState.NodeSelection.create(tr.doc, pos));
       return dispatch(tr);
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMediaSingleClicked", function (event) {
+      var _this$captionPlaceHol;
+
+      if (!_utils.browser.ios) {
+        return;
+      }
+
+      if (_this.mediaSingleWrapperRef.current !== event.target) {
+        return;
+      }
+
+      (_this$captionPlaceHol = _this.captionPlaceHolderRef.current) === null || _this$captionPlaceHol === void 0 ? void 0 : _this$captionPlaceHol.click();
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clickPlaceholder", function () {
       var _this$props = _this.props,
           view = _this$props.view,
@@ -464,11 +485,14 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
       var shouldShowPlaceholder = (0, _mediaCommon2.getMediaFeatureFlag)('captions', mediaOptions.featureFlags) && node.childCount !== 2 && isSelected && state.selection instanceof _prosemirrorState.NodeSelection;
 
       var MediaChildren = (0, _react.jsx)("figure", {
+        ref: this.mediaSingleWrapperRef,
         css: _styles.figureWrapper,
-        className: _styles.MediaSingleNodeSelector
+        className: _styles.MediaSingleNodeSelector,
+        onClick: this.onMediaSingleClicked
       }, (0, _react.jsx)("div", {
         ref: this.props.forwardRef
       }), shouldShowPlaceholder && (0, _react.jsx)(_CaptionPlaceholder.default, {
+        ref: this.captionPlaceHolderRef,
         onClick: this.clickPlaceholder
       }));
       return canResize ? (0, _react.jsx)(_ResizableMediaSingle.default, (0, _extends2.default)({}, mediaSingleProps, {
@@ -544,7 +568,7 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
     key: "getContentDOM",
     value: function getContentDOM() {
       var dom = document.createElement('div');
-      dom.classList.add("media-content-wrap");
+      dom.classList.add(_main.MEDIA_CONTENT_WRAP_CLASS_NAME);
       return {
         dom: dom
       };

package/dist/cjs/plugins/media/pm-plugins/main.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getMediaPluginState = exports.createPlugin = exports.MediaPluginStateImplementation = void 0;
+exports.getMediaPluginState = exports.createPlugin = exports.MediaPluginStateImplementation = exports.MEDIA_CONTENT_WRAP_CLASS_NAME = void 0;
 Object.defineProperty(exports, "stateKey", {
   enumerable: true,
   get: function get() {
@@ -87,6 +87,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+var MEDIA_CONTENT_WRAP_CLASS_NAME = 'media-content-wrap';
+exports.MEDIA_CONTENT_WRAP_CLASS_NAME = MEDIA_CONTENT_WRAP_CLASS_NAME;
+
 var createDropPlaceholder = function createDropPlaceholder(intl, allowDropLine) {
   var dropPlaceholder = document.createElement('div');
   var createElement = _react.default.createElement;
@@ -871,7 +874,19 @@ var createPlugin = function createPlugin(_schema, options, reactContext, getIntl
         // Returning true prevents that updateSelection() is getting called in the commit below:
         // @see https://github.com/ProseMirror/prosemirror-view/compare/1.18.5...1.18.6
 
-        return Boolean((_utils.browser.chrome || _utils.browser.safari) && clickedInsideCaptionPlaceholder);
+        if ((_utils.browser.chrome || _utils.browser.safari) && clickedInsideCaptionPlaceholder) {
+          return true;
+        } // Workaound for iOS 16 Caption selection issue
+        // @see https://product-fabric.atlassian.net/browse/MEX-2012
+
+
+        if (_utils.browser.ios) {
+          var _event$target2;
+
+          return !!((_event$target2 = event.target) !== null && _event$target2 !== void 0 && _event$target2.closest("[class=\"".concat(MEDIA_CONTENT_WRAP_CLASS_NAME, "\"]")));
+        }
+
+        return false;
       }
     }
   });