@atlaskit/editor-common 111.21.1 → 111.22.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 111.22.0
+
+### Minor Changes
+
+- [`ab3866dd7f659`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ab3866dd7f659) -
+  Make sure that we use isRenderedInPortal for profilecards in the editor to make sure we are
+  focusing on the heading
+
+### Patch Changes
+
+- Updated dependencies
+
+## 111.21.2
+
+### Patch Changes
+
+- [`796722e0def07`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/796722e0def07) -
+  [ux] Set tabpanel role only when tablist it defined in the element broser.
+- [`f623524e57d49`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f623524e57d49) -
+  Add portalRoot type to ExperienceCheckPopupMutation
+
 ## 111.21.1
 
 ### Patch Changes

package/dist/cjs/block-menu/key.js

@@ -128,5 +128,6 @@ var BLOCK_MENU_TEST_ID = exports.BLOCK_MENU_TEST_ID = 'editor-block-menu';
 var BLOCK_MENU_ACTION_TEST_ID = exports.BLOCK_MENU_ACTION_TEST_ID = {
   MOVE_UP: 'block-menu-move-up',
   MOVE_DOWN: 'block-menu-move-down',
-  DELETE: 'block-menu-delete'
+  DELETE: 'block-menu-delete',
+  COPY_LINK: 'block-menu-copy-link'
 };

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

@@ -76,7 +76,9 @@ function ElementList(_ref) {
     setFocusedCategoryIndex = _ref.setFocusedCategoryIndex,
     setFocusedItemIndex = _ref.setFocusedItemIndex,
     cache = _ref.cache,
-    onInsertItem = _ref.onInsertItem;
+    onInsertItem = _ref.onInsertItem,
+    _ref$hasTabListContex = _ref.hasTabListContext,
+    hasTabListContext = _ref$hasTabListContex === void 0 ? false : _ref$hasTabListContex;
   var _useContainerWidth = (0, _useContainerWidth2.default)(),
     containerWidth = _useContainerWidth.containerWidth,
     ContainerWidthMonitor = _useContainerWidth.ContainerWidthMonitor;
@@ -128,8 +130,8 @@ function ElementList(_ref) {
     css: elementItemsWrapper,
     "data-testid": "element-items",
     id: selectedCategory ? "browse-category-".concat(selectedCategory, "-tab") : 'browse-category-tab',
-    "aria-labelledby": selectedCategory ? "browse-category--".concat(selectedCategory, "-button") : 'browse-category-button',
-    role: "tabpanel",
+    "aria-labelledby": !hasTabListContext && (0, _platformFeatureFlags.fg)('platform_editor_ally_remove_role_tabpanel') ? undefined : selectedCategory ? "browse-category--".concat(selectedCategory, "-button") : 'browse-category-button',
+    role: !hasTabListContext && (0, _platformFeatureFlags.fg)('platform_editor_ally_remove_role_tabpanel') ? undefined : 'tabpanel',
     tabIndex: items.length === 0 ? 0 : undefined
   }, !items.length ? emptyStateHandler ? emptyStateHandler({
     mode: mode,

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

@@ -369,7 +369,8 @@ function MobileBrowser(_ref) {
       emptyStateHandler: emptyStateHandler,
       selectedCategory: selectedCategory,
       searchTerm: searchTerm,
-      cache: cache
+      cache: cache,
+      hasTabListContext: false
     })), onViewMore && (0, _react2.jsx)(_ViewMore.ViewMore, {
       onViewMore: onViewMore,
       focus: focusOnViewMore
@@ -464,7 +465,8 @@ function DesktopBrowser(_ref2) {
     selectedCategoryIndex: selectedCategoryIndex,
     searchTerm: searchTerm,
     setFocusedCategoryIndex: showCategories ? setFocusedCategoryIndex : undefined,
-    cache: cache
+    cache: cache,
+    hasTabListContext: showCategories
   })));
 }
 var MemoizedElementBrowser = /*#__PURE__*/(0, _react.memo)((0, _withAnalyticsContext.default)({

package/dist/cjs/experiences/ExperienceCheckPopupMutation.js

@@ -15,11 +15,14 @@ var _experienceUtils = require("./experience-utils");
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var PORTAL_CONTAINER_SELECTOR = 'body > .atlaskit-portal-container';
+
 /**
  * Popup check type determines how popups are observed based on their DOM location:
  * - 'inline': Popups appearing in toolbar button-groups (emoji, media, table selector, image)
  * - 'editorRoot': Popups attached to editor root (e.g., mention popups)
  * - 'editorContent': Content-level popups or modals in portal containers (e.g., block menu)
+ * - 'portalRoot': Popups in body > .atlaskit-portal-container (e.g., flags, modals)
  */
 var ExperienceCheckPopupMutation = exports.ExperienceCheckPopupMutation = /*#__PURE__*/function () {
   function ExperienceCheckPopupMutation(config) {
@@ -42,9 +45,23 @@ var ExperienceCheckPopupMutation = exports.ExperienceCheckPopupMutation = /*#__P
           return this.getEditorRootTargets(config);
         case 'editorContent':
           return this.getEditorContentTargets(config);
+        case 'portalRoot':
+          return this.getPortalRootTargets();
       }
     }
 
+    /**
+     * For 'portalRoot' type: observe .atlaskit-portal-container.
+     * Popups like flags and modals render in body > .atlaskit-portal-container.
+     */
+  }, {
+    key: "getPortalRootTargets",
+    value: function getPortalRootTargets() {
+      var _getDocument;
+      var portalContainer = (_getDocument = (0, _browserApis.getDocument)()) === null || _getDocument === void 0 ? void 0 : _getDocument.querySelector(PORTAL_CONTAINER_SELECTOR);
+      return portalContainer ? [portalContainer] : [];
+    }
+
     /**
      * For 'editorContent' type: observe the target (mount point) and any existing
      * [data-editor-popup] wrappers within it. Content-level popups and modals
@@ -111,16 +128,15 @@ var ExperienceCheckPopupMutation = exports.ExperienceCheckPopupMutation = /*#__P
     key: "start",
     value: function start(callback) {
       var _this = this;
-      var target = this.config.type === 'editorRoot' ? this.config.getEditorDom() : this.config.getTarget();
       var doc = (0, _browserApis.getDocument)();
-      if (!target || !doc) {
+      var observeTargets = this.getObserveTargets();
+      if (!doc || !observeTargets.length) {
         callback({
           status: 'failure',
           reason: _consts.EXPERIENCE_FAILURE_REASON.DOM_MUTATION_TARGET_NOT_FOUND
         });
         return;
       }
-      var observeTargets = this.getObserveTargets();
       var query = this.config.nestedElementQuery;
       var subtree = this.config.type === 'inline' && this.config.subtree === true;
       var observe = function observe(el) {

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "0.0.0-development";
+var packageVersion = "111.21.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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 = "0.0.0-development";
+var packageVersion = "111.21.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -9,6 +9,7 @@ exports.default = MentionWithProfileCard;
 var _react = _interopRequireWildcard(require("react"));
 var _mention = require("@atlaskit/mention");
 var _user = _interopRequireDefault(require("@atlaskit/profilecard/user"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function MentionWithProfileCard(_ref) {
   var autoFocus = _ref.autoFocus,
@@ -40,7 +41,8 @@ function MentionWithProfileCard(_ref) {
     // eslint-disable-next-line require-unicode-regexp
     ,
     ariaLabel: text.replace(/^@/, ''),
-    ssrPlaceholderId: ssrPlaceholderId
+    ssrPlaceholderId: ssrPlaceholderId,
+    isRenderedInPortal: (0, _expValEquals.expValEquals)('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true)
   }, /*#__PURE__*/_react.default.createElement(_mention.ResourcedMention, {
     id: id,
     text: text,

package/dist/es2019/block-menu/key.js

@@ -122,5 +122,6 @@ export const BLOCK_MENU_TEST_ID = 'editor-block-menu';
 export const BLOCK_MENU_ACTION_TEST_ID = {
   MOVE_UP: 'block-menu-move-up',
   MOVE_DOWN: 'block-menu-move-down',
-  DELETE: 'block-menu-delete'
+  DELETE: 'block-menu-delete',
+  COPY_LINK: 'block-menu-copy-link'
 };

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

@@ -64,7 +64,8 @@ function ElementList({
   setFocusedCategoryIndex,
   setFocusedItemIndex,
   cache,
-  onInsertItem
+  onInsertItem,
+  hasTabListContext = false
 }) {
   const {
     containerWidth,
@@ -116,8 +117,8 @@ function ElementList({
     css: elementItemsWrapper,
     "data-testid": "element-items",
     id: selectedCategory ? `browse-category-${selectedCategory}-tab` : 'browse-category-tab',
-    "aria-labelledby": selectedCategory ? `browse-category--${selectedCategory}-button` : 'browse-category-button',
-    role: "tabpanel",
+    "aria-labelledby": !hasTabListContext && fg('platform_editor_ally_remove_role_tabpanel') ? undefined : selectedCategory ? `browse-category--${selectedCategory}-button` : 'browse-category-button',
+    role: !hasTabListContext && fg('platform_editor_ally_remove_role_tabpanel') ? undefined : 'tabpanel',
     tabIndex: items.length === 0 ? 0 : undefined
   }, !items.length ? emptyStateHandler ? emptyStateHandler({
     mode,

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

@@ -355,7 +355,8 @@ function MobileBrowser({
       emptyStateHandler: emptyStateHandler,
       selectedCategory: selectedCategory,
       searchTerm: searchTerm,
-      cache: cache
+      cache: cache,
+      hasTabListContext: false
     })), onViewMore && jsx(ViewMore, {
       onViewMore: onViewMore,
       focus: focusOnViewMore
@@ -450,7 +451,8 @@ function DesktopBrowser({
     selectedCategoryIndex: selectedCategoryIndex,
     searchTerm: searchTerm,
     setFocusedCategoryIndex: showCategories ? setFocusedCategoryIndex : undefined,
-    cache: cache
+    cache: cache,
+    hasTabListContext: showCategories
   })));
 }
 const MemoizedElementBrowser = /*#__PURE__*/memo(withAnalyticsContext({

package/dist/es2019/experiences/ExperienceCheckPopupMutation.js

@@ -2,12 +2,14 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { getDocument } from '@atlaskit/browser-apis';
 import { EXPERIENCE_FAILURE_REASON } from './consts';
 import { popupWithNestedElement } from './experience-utils';
+const PORTAL_CONTAINER_SELECTOR = 'body > .atlaskit-portal-container';
 
 /**
  * Popup check type determines how popups are observed based on their DOM location:
  * - 'inline': Popups appearing in toolbar button-groups (emoji, media, table selector, image)
  * - 'editorRoot': Popups attached to editor root (e.g., mention popups)
  * - 'editorContent': Content-level popups or modals in portal containers (e.g., block menu)
+ * - 'portalRoot': Popups in body > .atlaskit-portal-container (e.g., flags, modals)
  */
 
 export class ExperienceCheckPopupMutation {
@@ -30,9 +32,21 @@ export class ExperienceCheckPopupMutation {
         return this.getEditorRootTargets(config);
       case 'editorContent':
         return this.getEditorContentTargets(config);
+      case 'portalRoot':
+        return this.getPortalRootTargets();
     }
   }
 
+  /**
+   * For 'portalRoot' type: observe .atlaskit-portal-container.
+   * Popups like flags and modals render in body > .atlaskit-portal-container.
+   */
+  getPortalRootTargets() {
+    var _getDocument;
+    const portalContainer = (_getDocument = getDocument()) === null || _getDocument === void 0 ? void 0 : _getDocument.querySelector(PORTAL_CONTAINER_SELECTOR);
+    return portalContainer ? [portalContainer] : [];
+  }
+
   /**
    * For 'editorContent' type: observe the target (mount point) and any existing
    * [data-editor-popup] wrappers within it. Content-level popups and modals
@@ -81,16 +95,15 @@ export class ExperienceCheckPopupMutation {
     return targets;
   }
   start(callback) {
-    const target = this.config.type === 'editorRoot' ? this.config.getEditorDom() : this.config.getTarget();
     const doc = getDocument();
-    if (!target || !doc) {
+    const observeTargets = this.getObserveTargets();
+    if (!doc || !observeTargets.length) {
       callback({
         status: 'failure',
         reason: EXPERIENCE_FAILURE_REASON.DOM_MUTATION_TARGET_NOT_FOUND
       });
       return;
     }
-    const observeTargets = this.getObserveTargets();
     const query = this.config.nestedElementQuery;
     const subtree = this.config.type === 'inline' && this.config.subtree === true;
     const observe = el => {

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "0.0.0-development";
+const packageVersion = "111.21.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "0.0.0-development";
+const packageVersion = "111.21.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import { ResourcedMention } from '@atlaskit/mention';
 import ProfileCardTrigger from '@atlaskit/profilecard/user';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export default function MentionWithProfileCard({
   autoFocus,
   id,
@@ -32,7 +33,8 @@ export default function MentionWithProfileCard({
     // eslint-disable-next-line require-unicode-regexp
     ,
     ariaLabel: text.replace(/^@/, ''),
-    ssrPlaceholderId: ssrPlaceholderId
+    ssrPlaceholderId: ssrPlaceholderId,
+    isRenderedInPortal: expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true)
   }, /*#__PURE__*/React.createElement(ResourcedMention, {
     id: id,
     text: text,

package/dist/esm/block-menu/key.js

@@ -122,5 +122,6 @@ export var BLOCK_MENU_TEST_ID = 'editor-block-menu';
 export var BLOCK_MENU_ACTION_TEST_ID = {
   MOVE_UP: 'block-menu-move-up',
   MOVE_DOWN: 'block-menu-move-down',
-  DELETE: 'block-menu-delete'
+  DELETE: 'block-menu-delete',
+  COPY_LINK: 'block-menu-copy-link'
 };

package/dist/esm/element-browser/components/ElementList/ElementList.js

@@ -65,7 +65,9 @@ function ElementList(_ref) {
     setFocusedCategoryIndex = _ref.setFocusedCategoryIndex,
     setFocusedItemIndex = _ref.setFocusedItemIndex,
     cache = _ref.cache,
-    onInsertItem = _ref.onInsertItem;
+    onInsertItem = _ref.onInsertItem,
+    _ref$hasTabListContex = _ref.hasTabListContext,
+    hasTabListContext = _ref$hasTabListContex === void 0 ? false : _ref$hasTabListContex;
   var _useContainerWidth = useContainerWidth(),
     containerWidth = _useContainerWidth.containerWidth,
     ContainerWidthMonitor = _useContainerWidth.ContainerWidthMonitor;
@@ -117,8 +119,8 @@ function ElementList(_ref) {
     css: elementItemsWrapper,
     "data-testid": "element-items",
     id: selectedCategory ? "browse-category-".concat(selectedCategory, "-tab") : 'browse-category-tab',
-    "aria-labelledby": selectedCategory ? "browse-category--".concat(selectedCategory, "-button") : 'browse-category-button',
-    role: "tabpanel",
+    "aria-labelledby": !hasTabListContext && fg('platform_editor_ally_remove_role_tabpanel') ? undefined : selectedCategory ? "browse-category--".concat(selectedCategory, "-button") : 'browse-category-button',
+    role: !hasTabListContext && fg('platform_editor_ally_remove_role_tabpanel') ? undefined : 'tabpanel',
     tabIndex: items.length === 0 ? 0 : undefined
   }, !items.length ? emptyStateHandler ? emptyStateHandler({
     mode: mode,

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

@@ -359,7 +359,8 @@ function MobileBrowser(_ref) {
       emptyStateHandler: emptyStateHandler,
       selectedCategory: selectedCategory,
       searchTerm: searchTerm,
-      cache: cache
+      cache: cache,
+      hasTabListContext: false
     })), onViewMore && jsx(ViewMore, {
       onViewMore: onViewMore,
       focus: focusOnViewMore
@@ -454,7 +455,8 @@ function DesktopBrowser(_ref2) {
     selectedCategoryIndex: selectedCategoryIndex,
     searchTerm: searchTerm,
     setFocusedCategoryIndex: showCategories ? setFocusedCategoryIndex : undefined,
-    cache: cache
+    cache: cache,
+    hasTabListContext: showCategories
   })));
 }
 var MemoizedElementBrowser = /*#__PURE__*/memo(withAnalyticsContext({

package/dist/esm/experiences/ExperienceCheckPopupMutation.js

@@ -8,12 +8,14 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 import { getDocument } from '@atlaskit/browser-apis';
 import { EXPERIENCE_FAILURE_REASON } from './consts';
 import { popupWithNestedElement } from './experience-utils';
+var PORTAL_CONTAINER_SELECTOR = 'body > .atlaskit-portal-container';
 
 /**
  * Popup check type determines how popups are observed based on their DOM location:
  * - 'inline': Popups appearing in toolbar button-groups (emoji, media, table selector, image)
  * - 'editorRoot': Popups attached to editor root (e.g., mention popups)
  * - 'editorContent': Content-level popups or modals in portal containers (e.g., block menu)
+ * - 'portalRoot': Popups in body > .atlaskit-portal-container (e.g., flags, modals)
  */
 
 export var ExperienceCheckPopupMutation = /*#__PURE__*/function () {
@@ -37,9 +39,23 @@ export var ExperienceCheckPopupMutation = /*#__PURE__*/function () {
           return this.getEditorRootTargets(config);
         case 'editorContent':
           return this.getEditorContentTargets(config);
+        case 'portalRoot':
+          return this.getPortalRootTargets();
       }
     }
 
+    /**
+     * For 'portalRoot' type: observe .atlaskit-portal-container.
+     * Popups like flags and modals render in body > .atlaskit-portal-container.
+     */
+  }, {
+    key: "getPortalRootTargets",
+    value: function getPortalRootTargets() {
+      var _getDocument;
+      var portalContainer = (_getDocument = getDocument()) === null || _getDocument === void 0 ? void 0 : _getDocument.querySelector(PORTAL_CONTAINER_SELECTOR);
+      return portalContainer ? [portalContainer] : [];
+    }
+
     /**
      * For 'editorContent' type: observe the target (mount point) and any existing
      * [data-editor-popup] wrappers within it. Content-level popups and modals
@@ -106,16 +122,15 @@ export var ExperienceCheckPopupMutation = /*#__PURE__*/function () {
     key: "start",
     value: function start(callback) {
       var _this = this;
-      var target = this.config.type === 'editorRoot' ? this.config.getEditorDom() : this.config.getTarget();
       var doc = getDocument();
-      if (!target || !doc) {
+      var observeTargets = this.getObserveTargets();
+      if (!doc || !observeTargets.length) {
         callback({
           status: 'failure',
           reason: EXPERIENCE_FAILURE_REASON.DOM_MUTATION_TARGET_NOT_FOUND
         });
         return;
       }
-      var observeTargets = this.getObserveTargets();
       var query = this.config.nestedElementQuery;
       var subtree = this.config.type === 'inline' && this.config.subtree === true;
       var observe = function observe(el) {

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "0.0.0-development";
+var packageVersion = "111.21.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "0.0.0-development";
+var packageVersion = "111.21.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/Mention/mention-with-profilecard.js

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import { ResourcedMention } from '@atlaskit/mention';
 import ProfileCardTrigger from '@atlaskit/profilecard/user';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 export default function MentionWithProfileCard(_ref) {
   var autoFocus = _ref.autoFocus,
     id = _ref.id,
@@ -31,7 +32,8 @@ export default function MentionWithProfileCard(_ref) {
     // eslint-disable-next-line require-unicode-regexp
     ,
     ariaLabel: text.replace(/^@/, ''),
-    ssrPlaceholderId: ssrPlaceholderId
+    ssrPlaceholderId: ssrPlaceholderId,
+    isRenderedInPortal: expValEquals('editor_a11y_7152_profile_card_tab_order', 'isEnabled', true)
   }, /*#__PURE__*/React.createElement(ResourcedMention, {
     id: id,
     text: text,

package/dist/types/block-menu/key.d.ts

@@ -108,4 +108,5 @@ export declare const BLOCK_MENU_ACTION_TEST_ID: {
     readonly MOVE_UP: "block-menu-move-up";
     readonly MOVE_DOWN: "block-menu-move-down";
     readonly DELETE: "block-menu-delete";
+    readonly COPY_LINK: "block-menu-copy-link";
 };

package/dist/types/element-browser/components/ElementList/ElementList.d.ts

@@ -18,6 +18,7 @@ export interface Props {
     columnCount: number;
     emptyStateHandler?: EmptyStateHandler;
     focusOnEmptyStateButton?: boolean;
+    hasTabListContext?: boolean;
     items: QuickInsertItem[];
     mode: keyof typeof Modes;
     onInsertItem: (item: QuickInsertItem) => void;

package/dist/types/experiences/ExperienceCheckPopupMutation.d.ts

@@ -4,8 +4,9 @@ import type { ExperienceCheck, ExperienceCheckCallback } from './ExperienceCheck
  * - 'inline': Popups appearing in toolbar button-groups (emoji, media, table selector, image)
  * - 'editorRoot': Popups attached to editor root (e.g., mention popups)
  * - 'editorContent': Content-level popups or modals in portal containers (e.g., block menu)
+ * - 'portalRoot': Popups in body > .atlaskit-portal-container (e.g., flags, modals)
  */
-export type PopupCheckType = 'inline' | 'editorRoot' | 'editorContent';
+export type PopupCheckType = 'inline' | 'editorRoot' | 'editorContent' | 'portalRoot';
 type InlineConfig = {
     getTarget: () => HTMLElement | undefined | null;
     nestedElementQuery: string;
@@ -27,7 +28,11 @@ type EditorContentConfig = {
     nestedElementQuery: string;
     type: 'editorContent';
 };
-export type ExperienceCheckPopupMutationConfig = InlineConfig | EditorRootConfig | EditorContentConfig;
+type PortalRootConfig = {
+    nestedElementQuery: string;
+    type: 'portalRoot';
+};
+export type ExperienceCheckPopupMutationConfig = InlineConfig | EditorRootConfig | EditorContentConfig | PortalRootConfig;
 export declare class ExperienceCheckPopupMutation implements ExperienceCheck {
     private config;
     private observers;
@@ -36,6 +41,11 @@ export declare class ExperienceCheckPopupMutation implements ExperienceCheck {
      * Returns the list of DOM elements to observe based on popup type.
      */
     private getObserveTargets;
+    /**
+     * For 'portalRoot' type: observe .atlaskit-portal-container.
+     * Popups like flags and modals render in body > .atlaskit-portal-container.
+     */
+    private getPortalRootTargets;
     /**
      * For 'editorContent' type: observe the target (mount point) and any existing
      * [data-editor-popup] wrappers within it. Content-level popups and modals

package/dist/types-ts4.5/block-menu/key.d.ts

@@ -108,4 +108,5 @@ export declare const BLOCK_MENU_ACTION_TEST_ID: {
     readonly MOVE_UP: "block-menu-move-up";
     readonly MOVE_DOWN: "block-menu-move-down";
     readonly DELETE: "block-menu-delete";
+    readonly COPY_LINK: "block-menu-copy-link";
 };

package/dist/types-ts4.5/element-browser/components/ElementList/ElementList.d.ts

@@ -18,6 +18,7 @@ export interface Props {
     columnCount: number;
     emptyStateHandler?: EmptyStateHandler;
     focusOnEmptyStateButton?: boolean;
+    hasTabListContext?: boolean;
     items: QuickInsertItem[];
     mode: keyof typeof Modes;
     onInsertItem: (item: QuickInsertItem) => void;

package/dist/types-ts4.5/experiences/ExperienceCheckPopupMutation.d.ts

@@ -4,8 +4,9 @@ import type { ExperienceCheck, ExperienceCheckCallback } from './ExperienceCheck
  * - 'inline': Popups appearing in toolbar button-groups (emoji, media, table selector, image)
  * - 'editorRoot': Popups attached to editor root (e.g., mention popups)
  * - 'editorContent': Content-level popups or modals in portal containers (e.g., block menu)
+ * - 'portalRoot': Popups in body > .atlaskit-portal-container (e.g., flags, modals)
  */
-export type PopupCheckType = 'inline' | 'editorRoot' | 'editorContent';
+export type PopupCheckType = 'inline' | 'editorRoot' | 'editorContent' | 'portalRoot';
 type InlineConfig = {
     getTarget: () => HTMLElement | undefined | null;
     nestedElementQuery: string;
@@ -27,7 +28,11 @@ type EditorContentConfig = {
     nestedElementQuery: string;
     type: 'editorContent';
 };
-export type ExperienceCheckPopupMutationConfig = InlineConfig | EditorRootConfig | EditorContentConfig;
+type PortalRootConfig = {
+    nestedElementQuery: string;
+    type: 'portalRoot';
+};
+export type ExperienceCheckPopupMutationConfig = InlineConfig | EditorRootConfig | EditorContentConfig | PortalRootConfig;
 export declare class ExperienceCheckPopupMutation implements ExperienceCheck {
     private config;
     private observers;
@@ -36,6 +41,11 @@ export declare class ExperienceCheckPopupMutation implements ExperienceCheck {
      * Returns the list of DOM elements to observe based on popup type.
      */
     private getObserveTargets;
+    /**
+     * For 'portalRoot' type: observe .atlaskit-portal-container.
+     * Popups like flags and modals render in body > .atlaskit-portal-container.
+     */
+    private getPortalRootTargets;
     /**
      * For 'editorContent' type: observe the target (mount point) and any existing
      * [data-editor-popup] wrappers within it. Content-level popups and modals

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "111.21.1",
+	"version": "111.22.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -71,7 +71,7 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/profilecard": "^24.38.0",
+		"@atlaskit/profilecard": "^24.39.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/react-ufo": "^5.4.0",
 		"@atlaskit/section-message": "^8.12.0",
@@ -82,7 +82,7 @@
 		"@atlaskit/task-decision": "^19.3.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^32.4.0",
+		"@atlaskit/tmp-editor-statsig": "^32.5.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/width-detector": "^5.0.0",