@atlaskit/editor-common 93.1.5 → 93.1.6

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-common
 
+## 93.1.6
+
+### Patch Changes
+
+- [#150384](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150384)
+  [`d3dad252dbe46`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d3dad252dbe46) -
+  [EDF-1177](https://product-fabric.atlassian.net/browse/EDF-1177) - add pulse effect support into
+  editor floating toolbar
+- [#150125](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150125)
+  [`79a44707fe935`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/79a44707fe935) -
+  [ED-24001] This change is cleaning up the feature gate for the image border options dropdown a11y
+  fix.
+- [#150606](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150606)
+  [`7680d21f5d481`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7680d21f5d481) -
+  [ED-24257] This change cleans up the feature gate for the main toolbar navigation escape fix.
+- [#150606](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150606)
+  [`d4d1f4dc8f6dc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d4d1f4dc8f6dc) -
+  ED-24117: upgrades mention with provider to fc for react 18 migration
+- [#150384](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150384)
+  [`704af5d7d4a1a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/704af5d7d4a1a) -
+  [EDF-1668](https://product-fabric.atlassian.net/browse/EDF-1668) - add external message API
+  support into editor-plugin-engagement-platform
+- Updated dependencies
+
 ## 93.1.5
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -108,6 +108,9 @@
         {
             "path": "../../../design-system/menu/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../design-system/onboarding/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
         },

package/dist/cjs/analytics/types/engagement-platform-events.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -259,6 +259,7 @@ var ACTION_SUBJECT = exports.ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJ
   ACTION_SUBJECT["ELEMENT"] = "element";
   ACTION_SUBJECT["CONTEXT_MENU"] = "contextMenu";
   ACTION_SUBJECT["INLINE_DIALOG"] = "inlineDialog";
+  ACTION_SUBJECT["ENGAGEMENT_PLATFORM"] = "engagementPlatform";
   return ACTION_SUBJECT;
 }({});
 var ACTION_SUBJECT_ID = exports.ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {

package/dist/cjs/element-browser/components/StatelessElementBrowser.js

@@ -13,7 +13,6 @@ var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _analytics = require("../../analytics");
 var _constants = require("../constants");
 var _useContainerWidth2 = _interopRequireDefault(require("../hooks/use-container-width"));
@@ -226,7 +225,7 @@ function StatelessElementBrowser(props) {
   return (0, _react2.jsx)("div", {
     css: wrapper,
     "data-testid": "element-browser",
-    id: (0, _platformFeatureFlags.fg)('editor-fix-esc-main-toolbar-navigation') ? _constants.ELEMENT_BROWSER_ID : undefined
+    id: _constants.ELEMENT_BROWSER_ID
   }, (0, _react2.jsx)(ContainerWidthMonitor, null), containerWidth < _constants.DEVICE_BREAKPOINT_NUMBERS.medium ? (0, _react2.jsx)(MobileBrowser, (0, _extends2.default)({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,

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 && {}.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 = "93.1.5";
+var packageVersion = "93.1.6";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "93.1.5";
+var packageVersion = "93.1.6";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui/FloatingToolbar/Button.js

@@ -11,6 +11,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+var _Pulse = require("../Pulse/Pulse");
 var _styles = require("./styles");
 var _excluded = ["buttonStyles"];
 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); }
@@ -45,7 +46,8 @@ var _default = exports.default = function _default(_ref) {
     tabIndex = _ref.tabIndex,
     areaControls = _ref.areaControls,
     ariaLabel = _ref.ariaLabel,
-    isRadioButton = _ref.isRadioButton;
+    isRadioButton = _ref.isRadioButton,
+    pulse = _ref.pulse;
   // Check if there's only an icon and add additional styles
   var iconOnly = (icon || iconAfter) && !children;
   var customSpacing = iconOnly ? _styles.iconOnlySpacing : {};
@@ -68,6 +70,8 @@ var _default = exports.default = function _default(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
+  }, /*#__PURE__*/_react.default.createElement(_Pulse.Pulse, {
+    pulse: pulse
   }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
@@ -110,5 +114,5 @@ var _default = exports.default = function _default(_ref) {
     // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287
     ,
     tabIndex: tabIndex
-  }, children)));
+  }, children))));
 };

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

@@ -14,12 +14,13 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _providerFactory = require("../../provider-factory");
-var _mentionWithProviders = _interopRequireDefault(require("./mention-with-providers"));
+var _mentionWithProviders = require("./mention-with-providers");
 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 && {}.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; }
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @repo/internal/react/no-class-components */
 var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Mention, _PureComponent);
   var _super = _createSuper(Mention);
@@ -36,7 +37,18 @@ var Mention = exports.default = /*#__PURE__*/function (_PureComponent) {
         localId = _this$props.localId;
       var mentionProvider = providers.mentionProvider,
         profilecardProvider = providers.profilecardProvider;
-      return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.default, {
+      if ((0, _platformFeatureFlags.fg)('platform_editor_react18_mention_with_provider')) {
+        return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProviders, {
+          id: id,
+          text: text,
+          accessLevel: accessLevel,
+          localId: localId,
+          eventHandlers: eventHandlers,
+          mentionProvider: mentionProvider,
+          profilecardProvider: profilecardProvider
+        });
+      }
+      return /*#__PURE__*/_react.default.createElement(_mentionWithProviders.MentionWithProvidersOld, {
         id: id,
         text: text,
         accessLevel: accessLevel,

package/dist/cjs/ui/Mention/mention-with-providers.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.MentionWithProvidersOld = exports.MentionWithProviders = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -14,6 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _element = require("@atlaskit/mention/element");
 var _mentionWithProfilecard = _interopRequireDefault(require("./mention-with-profilecard"));
@@ -23,12 +24,61 @@ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 var noop = function noop() {};
-var MentionWithProviders = exports.default = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(MentionWithProviders, _PureComponent);
-  var _super = _createSuper(MentionWithProviders);
-  function MentionWithProviders() {
+var MentionWithProviders = exports.MentionWithProviders = function MentionWithProviders(_ref) {
+  var accessLevel = _ref.accessLevel,
+    eventHandlers = _ref.eventHandlers,
+    id = _ref.id,
+    mentionProvider = _ref.mentionProvider,
+    profilecardProviderResolver = _ref.profilecardProvider,
+    text = _ref.text,
+    localId = _ref.localId;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    profilecardProvider = _useState2[0],
+    setProfilecardProvider = _useState2[1];
+  var mountedRef = (0, _react.useRef)(true);
+  (0, _react.useLayoutEffect)(function () {
+    mountedRef.current = true;
+    return function () {
+      mountedRef.current = false;
+    };
+  }, []);
+  (0, _react.useLayoutEffect)(function () {
+    // We are not using async/await here to avoid having an intermediate Promise
+    // introduced by the transpiler.
+    // This will allow consumer to use a SynchronousPromise.resolve and avoid useless
+    // rerendering
+    profilecardProviderResolver === null || profilecardProviderResolver === void 0 || profilecardProviderResolver.then(function (result) {
+      if (mountedRef.current) {
+        setProfilecardProvider(result);
+      }
+    }).catch(function () {
+      if (mountedRef.current) {
+        setProfilecardProvider(null);
+      }
+    });
+  }, [profilecardProviderResolver]);
+  var MentionComponent = profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? _mentionWithProfilecard.default : _element.ResourcedMention;
+  return /*#__PURE__*/_react.default.createElement(MentionComponent, {
+    id: id,
+    text: text,
+    accessLevel: accessLevel,
+    localId: localId,
+    mentionProvider: mentionProvider,
+    profilecardProvider: profilecardProvider,
+    onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
+    onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
+    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave
+  });
+};
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var MentionWithProvidersOld = exports.MentionWithProvidersOld = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(MentionWithProvidersOld, _PureComponent);
+  var _super = _createSuper(MentionWithProvidersOld);
+  function MentionWithProvidersOld() {
     var _this;
-    (0, _classCallCheck2.default)(this, MentionWithProviders);
+    (0, _classCallCheck2.default)(this, MentionWithProvidersOld);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -38,7 +88,7 @@ var MentionWithProviders = exports.default = /*#__PURE__*/function (_PureCompone
     });
     return _this;
   }
-  (0, _createClass2.default)(MentionWithProviders, [{
+  (0, _createClass2.default)(MentionWithProvidersOld, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       this.updateProfilecardProvider(this.props);
@@ -100,5 +150,5 @@ var MentionWithProviders = exports.default = /*#__PURE__*/function (_PureCompone
       }, actionHandlers));
     }
   }]);
-  return MentionWithProviders;
+  return MentionWithProvidersOld;
 }(_react.PureComponent);

package/dist/cjs/ui/Pulse/Pulse.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pulse = Pulse;
+var _react = _interopRequireDefault(require("react"));
+var _onboarding = require("@atlaskit/onboarding");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
+/**
+ * Wraps children with {@link SpotlightPulse} component.
+ *
+ * It adds pulse effect to children if `pulse` is `true`.
+ *
+ * This custom component exists because the {@link SpotlightPulse} with `pulse={false}` renders extra `div` around `children`.
+ * We want to keep `children` as it is if there is no `pulse`.
+ */
+function Pulse(_ref) {
+  var pulse = _ref.pulse,
+    _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? 3 : _ref$radius,
+    children = _ref.children;
+  if ((0, _experiments.editorExperiment)('platform_editor_ai_onboarding', 'test') && pulse) {
+    return (
+      /*#__PURE__*/
+      // SpotlightPulse shows pulse effect if `pulse` is `undefined`.
+      // That's why we need to cast `pulse` to `false` if it's `undefined`.
+      _react.default.createElement(_onboarding.SpotlightPulse, {
+        radius: radius,
+        pulse: pulse !== null && pulse !== void 0 ? pulse : false
+      }, children)
+    );
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
+}

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

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.MenuArrowKeyNavigationProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 && {}.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 hasEnabledItems = function hasEnabledItems(list) {
@@ -131,11 +130,7 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
           if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
-          if ((0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
-            if (!disableCloseOnArrowClick) {
-              handleClose(event);
-            }
-          } else {
+          if (!disableCloseOnArrowClick) {
             handleClose(event);
           }
           if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
@@ -146,11 +141,7 @@ var MenuArrowKeyNavigationProvider = exports.MenuArrowKeyNavigationProvider = fu
           if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
-          if ((0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
-            if (!disableCloseOnArrowClick) {
-              handleClose(event);
-            }
-          } else {
+          if (!disableCloseOnArrowClick) {
             handleClose(event);
           }
           if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -193,9 +193,9 @@ var DropdownMenuWrapper = exports.default = /*#__PURE__*/function (_PureComponen
         shouldFitContainer: true,
         isTriggerNotTabbable: true,
         handleClickOutside: this.handleClose,
-        handleEscapeKeydown: (0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown') ? handleEscapeKeydown || this.handleCloseAndFocus : this.handleCloseAndFocus,
+        handleEscapeKeydown: handleEscapeKeydown || this.handleCloseAndFocus,
         handleEnterKeydown: function handleEnterKeydown(e) {
-          if ((0, _platformFeatureFlags.fg)('platform_editor_a11y_table_context_menu') || (0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
+          if ((0, _platformFeatureFlags.fg)('platform_editor_a11y_table_context_menu')) {
             if (!allowEnterDefaultBehavior) {
               e.preventDefault();
             }
@@ -309,27 +309,12 @@ function DropdownMenuItem(_ref) {
   var _handleSubmenuActive = function _handleSubmenuActive(event) {
     setSubmenuActive(Boolean(event.target instanceof HTMLElement && event.target.closest(".".concat(_styles.DropdownMenuSharedCssClassName.SUBMENU))));
   };
-  var ariaLabel;
-  if ((0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
-    ariaLabel = item['aria-label'] === '' ? undefined : item['aria-label'] || String(item.content);
-  } else {
-    ariaLabel = item['aria-label'] || String(item.content);
-  }
-  var testId;
-  if ((0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
-    testId = item['data-testid'] || "dropdown-item__".concat(item.content);
-  } else {
-    testId = "dropdown-item__".concat(String(item.content));
-  }
+  var ariaLabel = item['aria-label'] === '' ? undefined : item['aria-label'] || String(item.content);
+  var testId = item['data-testid'] || "dropdown-item__".concat(item.content);
 
   // From time to time we don't want to have any tabIndex on item wrapper
   // especially when we pass any interactive element as a item.content
-  var tabIndex;
-  if ((0, _platformFeatureFlags.fg)('platform-editor-a11y-image-border-options-dropdown')) {
-    tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
-  } else {
-    tabIndex = -1;
-  }
+  var tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
   var dropListItem = (0, _react2.jsx)("div", {
     css: function css() {
       return buttonStyles(item.isActive, submenuActive);

package/dist/cjs/ui-menu/ToolbarArrowKeyNavigationProvider/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.ToolbarArrowKeyNavigationProvider = exports.KeyDownHandlerContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _elementBrowser = require("../../element-browser");
 var _messages = require("../../messages");
 var _ui = require("../../ui");
@@ -122,7 +121,7 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
      * @param event
      */
     var handleKeyDown = function handleKeyDown(event) {
-      var _document$querySelect, _document$querySelect2, _wrapperRef$current2;
+      var _document$querySelect, _document$querySelect2, _wrapperRef$current, _wrapperRef$current2;
       // To trap the focus inside the horizontal toolbar for left and right arrow keys
       var targetElement = event.target;
       if (targetElement instanceof HTMLElement && !targetElement.closest("".concat(childComponentSelector))) {
@@ -136,13 +135,10 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
         // if menu wrapper exists, then a menu is open and arrow keys will be handled by MenuArrowKeyNavigationProvider
         return;
       }
-      if ((0, _platformFeatureFlags.fg)('editor-fix-esc-main-toolbar-navigation')) {
-        var _wrapperRef$current;
-        var elementBrowser = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("#".concat(_elementBrowser.ELEMENT_BROWSER_ID));
-        if (elementBrowser) {
-          // if element browser is open, then arrow keys will be handled by MenuArrowKeyNavigationProvider
-          return;
-        }
+      var elementBrowser = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("#".concat(_elementBrowser.ELEMENT_BROWSER_ID));
+      if (elementBrowser) {
+        // if element browser is open, then arrow keys will be handled by MenuArrowKeyNavigationProvider
+        return;
       }
       var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
       if (!filteredFocusableElements || (filteredFocusableElements === null || filteredFocusableElements === void 0 ? void 0 : filteredFocusableElements.length) === 0) {

package/dist/es2019/analytics/types/engagement-platform-events.js

@@ -0,0 +1 @@
+export {};

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

@@ -253,6 +253,7 @@ export let ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["ELEMENT"] = "element";
   ACTION_SUBJECT["CONTEXT_MENU"] = "contextMenu";
   ACTION_SUBJECT["INLINE_DIALOG"] = "inlineDialog";
+  ACTION_SUBJECT["ENGAGEMENT_PLATFORM"] = "engagementPlatform";
   return ACTION_SUBJECT;
 }({});
 export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {

package/dist/es2019/element-browser/components/StatelessElementBrowser.js

@@ -10,7 +10,6 @@ import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
 import { DEVICE_BREAKPOINT_NUMBERS, ELEMENT_BROWSER_ID, GRID_SIZE, INLINE_SIDEBAR_HEIGHT, SIDEBAR_HEADING_WRAPPER_HEIGHT, SIDEBAR_WIDTH } from '../constants';
 import useContainerWidth from '../hooks/use-container-width';
@@ -215,7 +214,7 @@ function StatelessElementBrowser(props) {
   return jsx("div", {
     css: wrapper,
     "data-testid": "element-browser",
-    id: fg('editor-fix-esc-main-toolbar-navigation') ? ELEMENT_BROWSER_ID : undefined
+    id: ELEMENT_BROWSER_ID
   }, jsx(ContainerWidthMonitor, null), containerWidth < DEVICE_BREAKPOINT_NUMBERS.medium ? jsx(MobileBrowser, _extends({}, props, {
     selectedItemIndex: selectedItemIndex,
     focusedItemIndex: focusedItemIndex,

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "93.1.5";
+const packageVersion = "93.1.6";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "93.1.5";
+const packageVersion = "93.1.6";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui/FloatingToolbar/Button.js

@@ -1,6 +1,7 @@
 import React, { useEffect } from 'react';
 import Button from '@atlaskit/button/custom-theme-button';
 import Tooltip from '@atlaskit/tooltip';
+import { Pulse } from '../Pulse/Pulse';
 import { getButtonStyles, iconOnlySpacing } from './styles';
 export default (({
   title,
@@ -28,7 +29,8 @@ export default (({
   tabIndex,
   areaControls,
   ariaLabel,
-  isRadioButton
+  isRadioButton,
+  pulse
 }) => {
   // Check if there's only an icon and add additional styles
   const iconOnly = (icon || iconAfter) && !children;
@@ -52,6 +54,8 @@ export default (({
   }, /*#__PURE__*/React.createElement("div", {
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
+  }, /*#__PURE__*/React.createElement(Pulse, {
+    pulse: pulse
   }, /*#__PURE__*/React.createElement(Button
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
   , {
@@ -100,5 +104,5 @@ export default (({
     // should be fixed here https://a11y-internal.atlassian.net/browse/DST-287
     ,
     tabIndex: tabIndex
-  }, children)));
+  }, children))));
 });

package/dist/es2019/ui/Mention/index.js

@@ -1,7 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/* eslint-disable @repo/internal/react/no-class-components */
 import React, { PureComponent } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ProviderFactory, WithProviders } from '../../provider-factory';
-import MentionWithProviders from './mention-with-providers';
+import { MentionWithProviders, MentionWithProvidersOld } from './mention-with-providers';
 export default class Mention extends PureComponent {
   constructor(props) {
     super(props);
@@ -17,7 +19,18 @@ export default class Mention extends PureComponent {
         mentionProvider,
         profilecardProvider
       } = providers;
-      return /*#__PURE__*/React.createElement(MentionWithProviders, {
+      if (fg('platform_editor_react18_mention_with_provider')) {
+        return /*#__PURE__*/React.createElement(MentionWithProviders, {
+          id: id,
+          text: text,
+          accessLevel: accessLevel,
+          localId: localId,
+          eventHandlers: eventHandlers,
+          mentionProvider: mentionProvider,
+          profilecardProvider: profilecardProvider
+        });
+      }
+      return /*#__PURE__*/React.createElement(MentionWithProvidersOld, {
         id: id,
         text: text,
         accessLevel: accessLevel,

package/dist/es2019/ui/Mention/mention-with-providers.js

@@ -1,11 +1,58 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React, { PureComponent } from 'react';
+import React, { PureComponent, useLayoutEffect, useRef, useState } from 'react';
 import { ResourcedMention } from '@atlaskit/mention/element';
 import ResourcedMentionWithProfilecard from './mention-with-profilecard';
 const GENERIC_USER_IDS = ['HipChat', 'all', 'here'];
 const noop = () => {};
-export default class MentionWithProviders extends PureComponent {
+export const MentionWithProviders = ({
+  accessLevel,
+  eventHandlers,
+  id,
+  mentionProvider,
+  profilecardProvider: profilecardProviderResolver,
+  text,
+  localId
+}) => {
+  const [profilecardProvider, setProfilecardProvider] = useState(null);
+  const mountedRef = useRef(true);
+  useLayoutEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  useLayoutEffect(() => {
+    // We are not using async/await here to avoid having an intermediate Promise
+    // introduced by the transpiler.
+    // This will allow consumer to use a SynchronousPromise.resolve and avoid useless
+    // rerendering
+    profilecardProviderResolver === null || profilecardProviderResolver === void 0 ? void 0 : profilecardProviderResolver.then(result => {
+      if (mountedRef.current) {
+        setProfilecardProvider(result);
+      }
+    }).catch(() => {
+      if (mountedRef.current) {
+        setProfilecardProvider(null);
+      }
+    });
+  }, [profilecardProviderResolver]);
+  const MentionComponent = profilecardProviderResolver && GENERIC_USER_IDS.indexOf(id) === -1 ? ResourcedMentionWithProfilecard : ResourcedMention;
+  return /*#__PURE__*/React.createElement(MentionComponent, {
+    id: id,
+    text: text,
+    accessLevel: accessLevel,
+    localId: localId,
+    mentionProvider: mentionProvider,
+    profilecardProvider: profilecardProvider,
+    onClick: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onClick,
+    onMouseEnter: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseEnter,
+    onMouseLeave: eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.onMouseLeave
+  });
+};
+
+// eslint-disable-next-line @repo/internal/react/no-class-components
+export class MentionWithProvidersOld extends PureComponent {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {

package/dist/es2019/ui/Pulse/Pulse.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { SpotlightPulse } from '@atlaskit/onboarding';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
+/**
+ * Wraps children with {@link SpotlightPulse} component.
+ *
+ * It adds pulse effect to children if `pulse` is `true`.
+ *
+ * This custom component exists because the {@link SpotlightPulse} with `pulse={false}` renders extra `div` around `children`.
+ * We want to keep `children` as it is if there is no `pulse`.
+ */
+export function Pulse({
+  pulse,
+  radius = 3,
+  children
+}) {
+  if (editorExperiment('platform_editor_ai_onboarding', 'test') && pulse) {
+    return (
+      /*#__PURE__*/
+      // SpotlightPulse shows pulse effect if `pulse` is `undefined`.
+      // That's why we need to cast `pulse` to `false` if it's `undefined`.
+      React.createElement(SpotlightPulse, {
+        radius: radius,
+        pulse: pulse !== null && pulse !== void 0 ? pulse : false
+      }, children)
+    );
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+}