@atlaskit/editor-common 84.5.1 → 85.1.0

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @atlaskit/editor-common
 
+## 85.1.0
+
+### Minor Changes
+
+- [#119419](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119419)
+  [`a8b716b766200`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a8b716b766200) -
+  [ux] Add keymap for showing drag handle on selected element"
+
+### Patch Changes
+
+- [#120417](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120417)
+  [`26e76bb38b63f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/26e76bb38b63f) -
+  [ux] ECA11Y-175: This changes improves the floating toolbar a11y by making the image border
+  options menu accessible for keyboard-only users, and is behind the feature gate
+  `platform-editor-a11y-image-border-options-dropdown`.
+
+## 85.0.0
+
+### Major Changes
+
+- [#119966](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119966)
+  [`596ad24e38929`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/596ad24e38929) -
+  Clean up typescript references to LegacyPortalProviderAPI
+
+### Minor Changes
+
+- [#120060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120060)
+  [`932c75860b5c2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/932c75860b5c2) -
+  Add card plugin analytics for live pages
+
+### Patch Changes
+
+- [#119412](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119412)
+  [`a714be7c47d68`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a714be7c47d68) -
+  [ux] [ED-23047] Remove FF platform.editor.text-alignment-keyboard-shortcuts and make feature
+  flagged functionality default
+- Updated dependencies
+
 ## 84.5.1
 
 ### Patch Changes

package/dist/cjs/analytics/types/enums.js

@@ -241,6 +241,7 @@ var ACTION_SUBJECT = exports.ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJ
   ACTION_SUBJECT["DRAG"] = "drag";
   ACTION_SUBJECT["ELEMENT"] = "element";
   ACTION_SUBJECT["CONTEXT_MENU"] = "contextMenu";
+  ACTION_SUBJECT["INLINE_DIALOG"] = "inlineDialog";
   return ACTION_SUBJECT;
 }({});
 var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
@@ -355,6 +356,7 @@ var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTIO
   ACTION_SUBJECT_ID["SAVE"] = "save";
   ACTION_SUBJECT_ID["SECTION"] = "section";
   ACTION_SUBJECT_ID["SMART_LINK"] = "smartLink";
+  ACTION_SUBJECT_ID["SMART_LINK_TOOLBAR"] = "smartLinkToolbar";
   ACTION_SUBJECT_ID["STATUS"] = "status";
   ACTION_SUBJECT_ID["SYMBOL"] = "symbol";
   ACTION_SUBJECT_ID["TABLE"] = "table";

package/dist/cjs/extensibility/extensionNodeView.js

@@ -82,13 +82,12 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
 }(_reactNodeView.default);
 function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, macroInteractionDesignFeatureFlags) {
   return function (node, view, getPos) {
-    var hasIntlContext = true;
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       extensionHandlers: extensionHandlers,
       extensionNodeViewOptions: extensionNodeViewOptions,
       pluginInjectionApi: pluginInjectionApi,
       macroInteractionDesignFeatureFlags: macroInteractionDesignFeatureFlags
-    }, undefined, undefined, undefined, hasIntlContext).init();
+    }).init();
   };
 }

package/dist/cjs/keymaps/index.js

@@ -100,8 +100,8 @@ Object.defineProperty(exports, "keymap", {
 exports.makeKeyMapArrayWithCommon = makeKeyMapArrayWithCommon;
 exports.makeKeyMapWithCommon = makeKeyMapWithCommon;
 exports.makeKeymap = makeKeymap;
-exports.toggleBulletList = exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.startColumnResizing = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.shiftTab = exports.shiftEnter = exports.shiftBackspace = exports.shiftArrowUp = exports.setNormalText = exports.selectTable = exports.selectRow = exports.selectColumn = exports.redo = exports.previousCell = exports.pastePlainText = exports.paste = exports.outdentList = exports.outdent = exports.openHelp = exports.nextCell = exports.navToFloatingToolbar = exports.navToEditorToolbar = exports.moveUp = exports.moveRowUp = exports.moveRowDown = exports.moveRight = exports.moveLeft = exports.moveDown = exports.moveColumnRight = exports.moveColumnLeft = void 0;
-exports.toggleUnderline = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHighlightPalette = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCode = void 0;
+exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.startColumnResizing = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.showElementDragHandle = exports.shiftTab = exports.shiftEnter = exports.shiftBackspace = exports.shiftArrowUp = exports.setNormalText = exports.selectTable = exports.selectRow = exports.selectColumn = exports.redo = exports.previousCell = exports.pastePlainText = exports.paste = exports.outdentList = exports.outdent = exports.openHelp = exports.nextCell = exports.navToFloatingToolbar = exports.navToEditorToolbar = exports.moveUp = exports.moveRowUp = exports.moveRowDown = exports.moveRight = exports.moveLeft = exports.moveDown = exports.moveColumnRight = exports.moveColumnLeft = void 0;
+exports.toggleUnderline = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHighlightPalette = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCode = exports.toggleBulletList = void 0;
 exports.tooltip = tooltip;
 exports.undo = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -210,6 +210,7 @@ var toggleHighlightPalette = exports.toggleHighlightPalette = makeKeyMapWithComm
 var focusToContextMenuTrigger = exports.focusToContextMenuTrigger = makeKeyMapWithCommon('Focus table context menu trigger', 'Shift-F10');
 var dragToMoveUp = exports.dragToMoveUp = makeKeyMapWithCommon('Move node up in the document', 'Ctrl-Alt-Shift-ArrowUp');
 var dragToMoveDown = exports.dragToMoveDown = makeKeyMapWithCommon('Move node down in the document', 'Ctrl-Alt-Shift-ArrowDown');
+var showElementDragHandle = exports.showElementDragHandle = makeKeyMapWithCommon('Show drag handle for editor element', 'Ctrl-Alt-Shift-a');
 var arrowKeysMap = {
   // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
   ARROWLEFT: "\u2190",

package/dist/cjs/keymaps/keymap.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.keymap = keymap;
 var _w3cKeyname = require("w3c-keyname");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _safePlugin = require("../safe-plugin");
 /**
  * A workaround for mostly Cyrillic but should have a positive affect
@@ -19,52 +18,35 @@ function keymap(bindings) {
   return new _safePlugin.SafePlugin({
     props: {
       handleKeyDown: function handleKeyDown(view, event) {
-        if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.text-alignment-keyboard-shortcuts')) {
-          var name = (0, _w3cKeyname.keyName)(event);
-          var keyboardEvent = event;
+        var name = (0, _w3cKeyname.keyName)(event);
+        var keyboardEvent = event;
 
-          // We will try to bypass the keycode only if any of mod keys are pressed,
-          // to allow users to use non-latin and Dead characters.
-          var isModKeyPressed = event.ctrlKey || event.metaKey;
+        // We will try to bypass the keycode only if any of mod keys are pressed,
+        // to allow users to use non-latin and Dead characters.
+        var isModKeyPressed = event.ctrlKey || event.metaKey;
 
-          // Check the unicode of the character to assert that it's not an ASCII character.
-          // These are characters outside latin's range.
-          var isNonLatinKey = name.length === 1 && /[^\u0000-\u007f]/.test(name);
+        // Check the unicode of the character to assert that it's not an ASCII character.
+        // These are characters outside latin's range.
+        var isNonLatinKey = name.length === 1 && /[^\u0000-\u007f]/.test(name);
 
-          // The `Dead` key is a key that combines with a following key to produce a combined character.
-          // It will have `even.key === 'Dead'` in some browsers but the `keyCode` will be the same as in a qwerty-keyboard.
-          // See https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key and https://en.wikipedia.org/wiki/Dead_key
-          var isDeadKey = name === 'Dead';
-          if (isModKeyPressed && (isNonLatinKey || isDeadKey)) {
-            keyboardEvent = new KeyboardEvent(event.type, {
-              // FIXME: The event.keyCode is deprecated (see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode),
-              //        and could be removed in any time, but the w3c-keyname library doesn't provide a way to get
-              //        a key by event.code.
-              key: _w3cKeyname.base[event.keyCode],
-              code: event.code,
-              ctrlKey: event.ctrlKey,
-              altKey: event.altKey,
-              metaKey: event.metaKey,
-              shiftKey: event.shiftKey
-            });
-          }
-          return (0, _keymap.keydownHandler)(bindings)(view, keyboardEvent);
-        } else {
-          var _name = (0, _w3cKeyname.keyName)(event);
-          var _keyboardEvent = event;
-          if (event.ctrlKey && _name.length === 1 &&
-          // Check the unicode of the character to
-          // assert that its not an ASCII character.
-          // These are characters outside Latin's range.
-          /[^\u0000-\u007f]/.test(_name)) {
-            _keyboardEvent = new KeyboardEvent('keydown', {
-              key: _w3cKeyname.base[event.keyCode],
-              code: event.code,
-              ctrlKey: true
-            });
-          }
-          return (0, _keymap.keydownHandler)(bindings)(view, _keyboardEvent);
+        // The `Dead` key is a key that combines with a following key to produce a combined character.
+        // It will have `even.key === 'Dead'` in some browsers but the `keyCode` will be the same as in a qwerty-keyboard.
+        // See https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key and https://en.wikipedia.org/wiki/Dead_key
+        var isDeadKey = name === 'Dead';
+        if (isModKeyPressed && (isNonLatinKey || isDeadKey)) {
+          keyboardEvent = new KeyboardEvent(event.type, {
+            // FIXME: The event.keyCode is deprecated (see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode),
+            //        and could be removed in any time, but the w3c-keyname library doesn't provide a way to get
+            //        a key by event.code.
+            key: _w3cKeyname.base[event.keyCode],
+            code: event.code,
+            ctrlKey: event.ctrlKey,
+            altKey: event.altKey,
+            metaKey: event.metaKey,
+            shiftKey: event.shiftKey
+          });
         }
+        return (0, _keymap.keydownHandler)(bindings)(view, keyboardEvent);
       }
     }
   });

package/dist/cjs/link/ConfigureLinkOverlay/Dropdown.js

@@ -11,31 +11,48 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
 var _preferences = _interopRequireDefault(require("@atlaskit/icon/glyph/preferences"));
 var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 var _messages = require("../../messages");
 var _StyledButton = require("./StyledButton");
-var _excluded = ["triggerRef"];
+var _useLinkOverlayAnalyticsEvents = require("./useLinkOverlayAnalyticsEvents");
+var _excluded = ["onClick", "triggerRef"];
 /** @jsx jsx */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var SMALL_LINK_TOOLBAR_ANALYTICS_SOURCE = 'smallLinkToolbar';
 var Dropdown = function Dropdown(_ref) {
-  var testId = _ref.testId,
-    onDropdownChange = _ref.onDropdownChange;
+  var onDropdownChange = _ref.onDropdownChange,
+    testId = _ref.testId;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var configureLinkLabel = formatMessage(_messages.cardMessages.inlineConfigureLink);
   var goToLinkLabel = formatMessage(_messages.cardMessages.inlineGoToLink);
+  var _useLinkOverlayAnalyt = (0, _useLinkOverlayAnalyticsEvents.useLinkOverlayAnalyticsEvents)(),
+    fireActionClickEvent = _useLinkOverlayAnalyt.fireActionClickEvent,
+    fireLinkClickEvent = _useLinkOverlayAnalyt.fireLinkClickEvent,
+    fireToolbarViewEvent = _useLinkOverlayAnalyt.fireToolbarViewEvent;
   var onOpenChange = (0, _react.useCallback)(function (_ref2) {
     var isOpen = _ref2.isOpen;
     onDropdownChange === null || onDropdownChange === void 0 || onDropdownChange(isOpen);
-  }, [onDropdownChange]);
+    if (isOpen) {
+      fireToolbarViewEvent();
+    }
+  }, [fireToolbarViewEvent, onDropdownChange]);
+  var onGoToLinkClick = (0, _react.useCallback)(function () {
+    fireActionClickEvent('goToLink');
+  }, [fireActionClickEvent]);
+  var onConfigureClick = (0, _react.useCallback)(function () {
+    fireActionClickEvent('configureLink');
+  }, [fireActionClickEvent]);
   return (0, _react2.jsx)(_dropdownMenu.default, {
     trigger: function trigger(_ref3) {
-      var triggerRef = _ref3.triggerRef,
+      var _onClick = _ref3.onClick,
+        triggerRef = _ref3.triggerRef,
         props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
       return (0, _react2.jsx)(_StyledButton.StyledButton, (0, _extends2.default)({
         innerRef: triggerRef
@@ -43,7 +60,11 @@ var Dropdown = function Dropdown(_ref) {
         iconBefore: (0, _react2.jsx)(_chevronDown.default, {
           label: configureLinkLabel,
           size: 'small'
-        })
+        }),
+        onClick: function onClick(e) {
+          _onClick === null || _onClick === void 0 || _onClick(e);
+          fireLinkClickEvent();
+        }
       }));
     },
     testId: "".concat(testId, "-dropdown"),
@@ -52,12 +73,16 @@ var Dropdown = function Dropdown(_ref) {
     elemBefore: (0, _react2.jsx)(_shortcut.default, {
       label: goToLinkLabel,
       size: 'medium'
-    })
+    }),
+    onClick: onGoToLinkClick
   }, goToLinkLabel), (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
     elemBefore: (0, _react2.jsx)(_preferences.default, {
       label: configureLinkLabel,
       size: 'medium'
-    })
+    }),
+    onClick: onConfigureClick
   }, configureLinkLabel)));
 };
-var _default = exports.default = Dropdown;
+var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
+  source: SMALL_LINK_TOOLBAR_ANALYTICS_SOURCE
+})(Dropdown);

package/dist/cjs/link/ConfigureLinkOverlay/index.js

@@ -9,6 +9,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
+var _analyticsNext = require("@atlaskit/analytics-next");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _preferences = _interopRequireDefault(require("@atlaskit/icon/glyph/preferences"));
 var _colors = require("@atlaskit/theme/colors");
@@ -17,6 +18,7 @@ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _messages = require("../../messages");
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
 var _StyledButton = require("./StyledButton");
+var _useLinkOverlayAnalyticsEvents = require("./useLinkOverlayAnalyticsEvents");
 /** @jsx jsx */
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -31,7 +33,7 @@ var buttonWrapperStyles = (0, _react2.css)({
   borderRadius: "var(--ds-border-radius, 3px)"
 });
 var showDropdownThresholdPx = 50;
-var OverlayButton = exports.OverlayButton = function OverlayButton(_ref) {
+var OverlayButton = exports.OverlayButton = (0, _analyticsNext.withAnalyticsContext)()(function (_ref) {
   var _docNode$nodeSize;
   var editorView = _ref.editorView,
     _ref$testId = _ref.testId,
@@ -46,6 +48,9 @@ var OverlayButton = exports.OverlayButton = function OverlayButton(_ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     showDropdown = _useState2[0],
     setShowDropdown = _useState2[1];
+  var _useLinkOverlayAnalyt = (0, _useLinkOverlayAnalyticsEvents.useLinkOverlayAnalyticsEvents)(),
+    fireLinkClickEvent = _useLinkOverlayAnalyt.fireLinkClickEvent,
+    fireActionClickEvent = _useLinkOverlayAnalyt.fireActionClickEvent;
   (0, _react.useLayoutEffect)(function () {
     var _domNode;
     var domNode = editorView.nodeDOM(targetElementPos);
@@ -63,7 +68,7 @@ var OverlayButton = exports.OverlayButton = function OverlayButton(_ref) {
   var docNode = editorView.state.doc.nodeAt(targetElementPos);
   var nodeEnd = targetElementPos + ((_docNode$nodeSize = docNode === null || docNode === void 0 ? void 0 : docNode.nodeSize) !== null && _docNode$nodeSize !== void 0 ? _docNode$nodeSize : 0);
   var isText = docNode === null || docNode === void 0 ? void 0 : docNode.isText;
-  var handleClick = (0, _react.useCallback)(function () {
+  var handleConfigureClick = (0, _react.useCallback)(function () {
     var tr = editorView.state.tr;
     if (isText) {
       tr.setSelection(_state.TextSelection.create(tr.doc, targetElementPos, Math.min(nodeEnd, tr.doc.nodeSize)));
@@ -71,7 +76,12 @@ var OverlayButton = exports.OverlayButton = function OverlayButton(_ref) {
       tr.setSelection(_state.NodeSelection.create(tr.doc, targetElementPos));
     }
     editorView.dispatch(tr);
-  }, [isText, editorView, nodeEnd, targetElementPos]);
+  }, [editorView, isText, targetElementPos, nodeEnd]);
+  var handleConfigureClickWithAnalytics = (0, _react.useCallback)(function () {
+    fireLinkClickEvent();
+    fireActionClickEvent('configureLink');
+    handleConfigureClick();
+  }, [fireActionClickEvent, fireLinkClickEvent, handleConfigureClick]);
   var _editorView$state$sel = editorView.state.selection,
     from = _editorView$state$sel.from,
     to = _editorView$state$sel.to;
@@ -90,11 +100,11 @@ var OverlayButton = exports.OverlayButton = function OverlayButton(_ref) {
     hideTooltipOnClick: true,
     testId: "".concat(testId, "-tooltip")
   }, (0, _react2.jsx)(_StyledButton.StyledButton, {
-    onClick: handleClick,
+    onClick: handleConfigureClickWithAnalytics,
     iconBefore: (0, _react2.jsx)(_preferences.default, {
       label: configureLinkLabel,
       size: "small",
       testId: "".concat(testId, "-configure-icon")
     })
   })));
-};
+});

package/dist/cjs/link/ConfigureLinkOverlay/useLinkOverlayAnalyticsEvents.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLinkOverlayAnalyticsEvents = void 0;
+var _react = require("react");
+var _analyticsListeners = require("@atlaskit/analytics-listeners");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _analytics = require("../../analytics");
+var useLinkOverlayAnalyticsEvents = exports.useLinkOverlayAnalyticsEvents = function useLinkOverlayAnalyticsEvents() {
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  return (0, _react.useMemo)(function () {
+    return {
+      fireActionClickEvent: function fireActionClickEvent(linkAction) {
+        createAnalyticsEvent({
+          action: _analytics.ACTION.CLICKED,
+          actionSubject: _analytics.ACTION_SUBJECT.BUTTON,
+          eventType: _analytics.EVENT_TYPE.UI,
+          attributes: {
+            action: linkAction
+          }
+        }).fire(_analyticsListeners.FabricChannel.media);
+      },
+      fireLinkClickEvent: function fireLinkClickEvent() {
+        createAnalyticsEvent({
+          action: _analytics.ACTION.CLICKED,
+          actionSubject: _analytics.ACTION_SUBJECT.LINK,
+          eventType: _analytics.EVENT_TYPE.UI
+        }).fire(_analyticsListeners.FabricChannel.media);
+      },
+      fireToolbarViewEvent: function fireToolbarViewEvent() {
+        createAnalyticsEvent({
+          action: _analytics.ACTION.VIEWED,
+          actionSubject: _analytics.ACTION_SUBJECT.INLINE_DIALOG,
+          actionSubjectId: _analytics.ACTION_SUBJECT_ID.SMART_LINK_TOOLBAR,
+          eventType: _analytics.EVENT_TYPE.SCREEN,
+          attributes: {
+            linkType: 'smallLink'
+          }
+        }).fire(_analyticsListeners.FabricChannel.media);
+      }
+    };
+  }, [createAnalyticsEvent]);
+};

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "84.5.1";
+var packageVersion = "85.1.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/react-node-view/getInlineNodeViewProducer.js

@@ -65,9 +65,7 @@ function createNodeView(_ref) {
       nodeViewParams: nodeViewParams,
       Component: Component,
       extraComponentProps: extraComponentProps
-    }), domRef, key, false,
-    // node views should be rendered with intl context
-    true);
+    }), domRef, key);
   }
   var _getPerformanceOption = (0, _utils.getPerformanceOptions)(nodeViewParams.view),
     samplingRate = _getPerformanceOption.samplingRate,
@@ -123,7 +121,7 @@ function createNodeView(_ref) {
       // When prosemirror destroys the node view, we need to clean up
       // what we have previously rendered using the editor portal
       // provider api.
-      pmPluginFactoryParams.portalProviderAPI.remove(key, domRef);
+      pmPluginFactoryParams.portalProviderAPI.remove(key);
       // @ts-expect-error Expect an error as domRef is expected to be
       // of HTMLSpanElement type however once the node view has
       // been destroyed no other consumers should still be using it.

package/dist/cjs/react-node-view/index.js

@@ -30,11 +30,8 @@ var _analytics2 = require("../utils/analytics");
 var _generateUniqueNodeKey = require("./generateUniqueNodeKey");
 var _getInlineNodeViewProducer = require("./getInlineNodeViewProducer");
 var ReactNodeView = exports.default = /*#__PURE__*/function () {
-  function ReactNodeView(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent) {
+  function ReactNodeView(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate) {
     var _this = this;
-    var hasAnalyticsContext = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
-    var viewShouldUpdate = arguments.length > 8 ? arguments[8] : undefined;
-    var hasIntlContext = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
     (0, _classCallCheck2.default)(this, ReactNodeView);
     (0, _defineProperty2.default)(this, "decorations", []);
     (0, _defineProperty2.default)(this, "handleRef", function (node) {
@@ -54,10 +51,8 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
     this.portalProviderAPI = portalProviderAPI;
     this.reactComponentProps = reactComponentProps || {};
     this.reactComponent = reactComponent;
-    this.hasAnalyticsContext = hasAnalyticsContext;
     this._viewShouldUpdate = viewShouldUpdate;
     this.eventDispatcher = eventDispatcher;
-    this.hasIntlContext = hasIntlContext;
     this.key = (0, _generateUniqueNodeKey.generateUniqueNodeKey)();
   }
 
@@ -126,7 +121,7 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
           dispatchAnalyticsEvent: _this3.dispatchAnalyticsEvent
         }, component());
       };
-      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.key, this.hasAnalyticsContext, this.hasIntlContext);
+      this.portalProviderAPI.render(componentWithErrorBoundary, this.domRef, this.key);
     }
   }, {
     key: "createDomRef",
@@ -223,16 +218,15 @@ var ReactNodeView = exports.default = /*#__PURE__*/function () {
       if (!this.domRef) {
         return;
       }
-      this.portalProviderAPI.remove(this.key, this.domRef);
+      this.portalProviderAPI.remove(this.key);
       this.domRef = undefined;
       this.contentDOM = undefined;
     }
   }], [{
     key: "fromComponent",
     value: function fromComponent(component, portalProviderAPI, eventDispatcher, props, viewShouldUpdate) {
-      var hasIntlContext = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
       return function (node, view, getPos) {
-        return new ReactNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, props, component, false, viewShouldUpdate, hasIntlContext).init();
+        return new ReactNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, props, component, viewShouldUpdate).init();
       };
     }
   }]);

package/dist/cjs/selection-based-node-view/SelectionBasedNodeView.js

@@ -41,13 +41,10 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var SelectionBasedNodeView = exports.SelectionBasedNodeView = /*#__PURE__*/function (_ReactNodeView) {
   (0, _inherits2.default)(SelectionBasedNodeView, _ReactNodeView);
   var _super = _createSuper(SelectionBasedNodeView);
-  function SelectionBasedNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent) {
+  function SelectionBasedNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate) {
     var _this;
-    var hasContext = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : false;
-    var viewShouldUpdate = arguments.length > 8 ? arguments[8] : undefined;
-    var hasIntlContext = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : false;
     (0, _classCallCheck2.default)(this, SelectionBasedNodeView);
-    _this = _super.call(this, node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasContext, viewShouldUpdate, hasIntlContext);
+    _this = _super.call(this, node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, viewShouldUpdate);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isSelectedNode", false);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isNodeInsideSelection", function (from, to, pos, posEnd) {
       var _this$getPositionsWit = _this.getPositionsWithDefault(pos, posEnd);

package/dist/cjs/ui/DropList/index.js

@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "84.5.1";
+var packageVersion = "85.1.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui-color/ColorPalette/Color/index.js

@@ -37,6 +37,16 @@ var Color = function Color(props) {
     e.preventDefault();
     onClick(value, label);
   };
+  var onKeyDown = function onKeyDown(e) {
+    var onKeyDown = props.onKeyDown,
+      value = props.value,
+      label = props.label;
+    if (!onKeyDown) {
+      return undefined;
+    }
+    e.preventDefault();
+    onKeyDown(value, label, e);
+  };
   return (0, _react2.jsx)(_tooltip.default, {
     content: label
   }, (0, _react2.jsx)("span", {
@@ -50,6 +60,7 @@ var Color = function Color(props) {
     role: "radio",
     "aria-checked": isSelected,
     onClick: onClick,
+    onKeyDown: onKeyDown,
     onMouseDown: onMouseDown,
     tabIndex: tabIndex
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

package/dist/cjs/ui-color/ColorPalette/index.js

@@ -49,6 +49,7 @@ var ColorPalette = function ColorPalette(props) {
   var _props$cols = props.cols,
     cols = _props$cols === void 0 ? _utils.DEFAULT_COLOR_PICKER_COLUMNS : _props$cols,
     onClick = props.onClick,
+    onKeyDown = props.onKeyDown,
     selectedColor = props.selectedColor,
     className = props.className,
     formatMessage = props.intl.formatMessage,
@@ -91,6 +92,7 @@ var ColorPalette = function ColorPalette(props) {
         borderColor: border,
         label: message ? formatMessage(message) : label,
         onClick: onClick,
+        onKeyDown: onKeyDown,
         isSelected: value === selectedColor,
         checkMarkColor: getCheckMarkColor(value, useIconToken),
         hexToPaletteColor: hexToPaletteColor,

package/dist/cjs/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js

@@ -29,13 +29,14 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
     closeOnTab = _ref.closeOnTab,
     onSelection = _ref.onSelection,
     editorRef = _ref.editorRef,
-    popupsMountPoint = _ref.popupsMountPoint;
+    popupsMountPoint = _ref.popupsMountPoint,
+    disableCloseOnArrowClick = _ref.disableCloseOnArrowClick;
   var wrapperRef = (0, _react.useRef)(null);
   var _useState = (0, _react.useState)(-1),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     currentSelectedItemIndex = _useState2[0],
     setCurrentSelectedItemIndex = _useState2[1];
-  var element = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-main-toolbar-navigation_osrty') && popupsMountPoint ? [popupsMountPoint, editorRef.current] : [editorRef.current];
+  var element = popupsMountPoint && (0, _platformFeatureFlags.fg)('platform.editor.a11y-main-toolbar-navigation_osrty') ? [popupsMountPoint, editorRef.current] : [editorRef.current];
   var _useState3 = (0, _react.useState)(element),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
     listenerTargetElement = _useState4[0];
@@ -130,7 +131,13 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
           if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
-          handleClose(event);
+          if ((0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
+            if (!disableCloseOnArrowClick) {
+              handleClose(event);
+            }
+          } else {
+            handleClose(event);
+          }
           if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
             keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleArrowLeft();
           }
@@ -139,7 +146,13 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
           if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
-          handleClose(event);
+          if ((0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
+            if (!disableCloseOnArrowClick) {
+              handleClose(event);
+            }
+          } else {
+            handleClose(event);
+          }
           if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
             keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleArrowRight();
           }
@@ -164,7 +177,7 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
         elem && elem.removeEventListener('keydown', handleKeyDown);
       });
     };
-  }, [currentSelectedItemIndex, wrapperRef, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, incrementIndex, decrementIndex, listenerTargetElement]);
+  }, [currentSelectedItemIndex, wrapperRef, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, incrementIndex, decrementIndex, listenerTargetElement, disableCloseOnArrowClick]);
   return /*#__PURE__*/_react.default.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "menu-key-handler-wrapper custom-key-handler-wrapper",