@atlaskit/editor-common 128.0.0 → 128.1.0

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @atlaskit/editor-common
 
+## 128.1.0
+
+### Minor Changes
+
+- [`a5e4fa298e7ad`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a5e4fa298e7ad) -
+  [EDITOR-8408] Add the syncedLocationDropdownRestrictedContent message for synced locations the
+  viewer cannot access.
+- [`b31a1d76b3076`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b31a1d76b3076) -
+  Restore the optional `FeatureFlags.lcmPreventRenderTracking` field to preserve the legacy content
+  macro opt-out when the `platform_editor_enable_rerender_tracking` experiment enables tracking.
+
+### Patch Changes
+
+- [`2f527121e0516`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2f527121e0516) -
+  Require deliberate pointer or keyboard activation before displaying registered slash-command
+  previews under `platform_editor_slash_command`. Avoid redundant menu renders when the pointer
+  moves within the active preview row.
+- [`2f527121e0516`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2f527121e0516) -
+  Keep active slash-command previews positioned with custom popup hosts such as Whiteboards.
+- Updated dependencies
+
+## 128.0.1
+
+### Patch Changes
+
+- [`668acb672d91e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/668acb672d91e) -
+  The generated content reveal opens in 150ms and the embed's fade, also 150ms, follows it after the
+  same 150ms, so the whole entrance takes 300ms.
+- [`5a55f9e71b685`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5a55f9e71b685) -
+  Reorder the Create category in the editor slash command menu: Jira work item, Loom video,
+  Confluence page, Database, Whiteboard, Diagram, Flowchart, Brainstorm session, Retrospective,
+  Roadmap. Applies when the platform_editor_slash_command experiment is enabled.
+- Updated dependencies
+
 ## 128.0.0
 
 ### Major Changes

package/dist/cjs/extensibility/GeneratedContentReveal.compiled.css

@@ -1,7 +1,7 @@
 ._10i01bym [data-native-embed-card-wrapper=true]{animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
 ._10t9kb7n:has(.extension-label:hover) .extension-edit-toggle-container{opacity:1}
 ._114yglyw [data-testid$="--loading-overlay"]{display:none}
-._147ai9qs [data-native-embed-card-wrapper=true]{animation-duration:var(--ds-duration-medium,.2s)}
+._147a1ign [data-native-embed-card-wrapper=true]{animation-duration:var(--ds-duration-short,.15s)}
 ._15k3glyw:has(.extension-edit-toggle-container:hover) .extension-label{box-shadow:none}
 ._17sh1wug:has(.extension-edit-toggle-container:hover) .extension-label.always-hide-label{cursor:auto}
 ._17w9indk iframe:not([data-native-embed-card-wrapper=true] iframe){animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
@@ -11,10 +11,10 @@
 ._1fdfidpf .extension-label:hover.always-hide-label{opacity:0}
 ._1ghxysee:has(.extension-container:hover) .extension-label{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
 ._1i8c1j9a:has(.extension-container:hover) .extension-label.with-bodied-macro-live-page-styles{background-color:var(--ds-background-input,#fff)}
-._1jbo15uc iframe:not([data-native-embed-card-wrapper=true] iframe){animation-delay:var(--ds-duration-xlong,.4s)}
+._1jbo1ign iframe:not([data-native-embed-card-wrapper=true] iframe){animation-delay:var(--ds-duration-short,.15s)}
 ._1kr5kb7n:has(.extension-container:hover) .extension-edit-toggle-container{opacity:1}
 ._1nuetlke:has(.extension-container:hover) .extension-label{cursor:pointer}
-._1p7l15uc [data-native-embed-card-wrapper=true]{animation-delay:var(--ds-duration-xlong,.4s)}
+._1p7l1ign [data-native-embed-card-wrapper=true]{animation-delay:var(--ds-duration-short,.15s)}
 ._1pfgidpf:has(.extension-container:hover) .extension-label.always-hide-label{opacity:0}
 ._1pglindk{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
 ._1qac1nu9:has(.extension-container:hover) .extension-icon{display:inline}
@@ -26,7 +26,7 @@
 ._2z44kb7n:has(.extension-edit-toggle-container:hover) .extension-label{opacity:1}
 ._4t3iidpf{height:0}
 ._54r11nu9:has(.extension-edit-toggle-container:hover) .extension-icon{display:inline}
-._5sag15uc{animation-duration:var(--ds-duration-xlong,.4s)}
+._5sag1ign{animation-duration:var(--ds-duration-short,.15s)}
 ._9sz11bym iframe:not([data-native-embed-card-wrapper=true] iframe){animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
 ._bcikkb7n:has(.extension-container:hover) .extension-label{opacity:1}
 ._d1oeglyw:has(.extension-container:hover) .extension-label{box-shadow:none}
@@ -37,7 +37,7 @@
 ._kqswh2mm{position:relative}
 ._ks721tsb:has(.extension-container:hover) .extension-label.with-bodied-macro-live-page-styles{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}
 ._lbjpindk [data-native-embed-card-wrapper=true]{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
-._lwlpi9qs iframe:not([data-native-embed-card-wrapper=true] iframe){animation-duration:var(--ds-duration-medium,.2s)}
+._lwlp1ign iframe:not([data-native-embed-card-wrapper=true] iframe){animation-duration:var(--ds-duration-short,.15s)}
 ._mi5m1wug .extension-label:hover.always-hide-label{cursor:auto}
 ._okd3ysee:has(.extension-edit-toggle-container:hover) .extension-label{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
 ._pjh31hrf [data-native-embed-card-wrapper=true]{animation-fill-mode:both}

package/dist/cjs/extensibility/GeneratedContentReveal.js

@@ -19,8 +19,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * 1. `collapsed` — clipped to zero height and `inert`. The embed loads behind it, full size but
  *    unseen, with its own loading overlay hidden.
  * 2. The extension reports its content ready through `contentReady`.
- * 3. `revealing` — the node animates open to its content height (400ms).
- * 4. The embed fades in (200ms), delayed so it follows the opening instead of overlapping it.
+ * 3. `revealing` — the node animates open to its content height (150ms).
+ * 4. The embed fades in (150ms), delayed so it follows the opening instead of overlapping it.
  * 5. `open` — on `animationend`, when the content first becomes visible, `inert` is dropped.
  *
  * Failure paths: never settles → `READY_TIMEOUT_MS` opens it and the embed's overlay reappears;
@@ -123,7 +123,7 @@ var GeneratedContentReveal = exports.GeneratedContentReveal = function Generated
     ref: setWrapperElement
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- the block controls and the SSR cleanup find the wrapper by `span.relative`
     ,
-    className: (0, _runtime.ax)(["_1tr2ynbm _xajsynbm _1tmrkb7n _bcikkb7n _2z44kb7n _dmn9ysee _1ghxysee _okd3ysee _1er3glyw _d1oeglyw _15k3glyw _1ql7tlke _1nuetlke _decvtlke _1fdfidpf _1pfgidpf _y7o7idpf _mi5m1wug _1si41wug _17sh1wug _x3ro1j9a _1i8c1j9a _1a2e1j9a _26lx1tsb _ks721tsb _jl0d1tsb _1qac1nu9 _54r11nu9 _1vs61nu9 _10pdkb7n _1kr5kb7n _10t9kb7n", showMacroInteractionDesignUpdates && "_kqswh2mm", state !== 'open' && "_1reo15vq _18m915vq _1e0c1ule", state === 'collapsed' && "_4t3iidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_tw1z1t97 _j7hq180b _5sag15uc _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147ai9qs _lwlpi9qs _lbjpindk _17w9indk _1p7l15uc _1jbo15uc _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
+    className: (0, _runtime.ax)(["_1tr2ynbm _xajsynbm _1tmrkb7n _bcikkb7n _2z44kb7n _dmn9ysee _1ghxysee _okd3ysee _1er3glyw _d1oeglyw _15k3glyw _1ql7tlke _1nuetlke _decvtlke _1fdfidpf _1pfgidpf _y7o7idpf _mi5m1wug _1si41wug _17sh1wug _x3ro1j9a _1i8c1j9a _1a2e1j9a _26lx1tsb _ks721tsb _jl0d1tsb _1qac1nu9 _54r11nu9 _1vs61nu9 _10pdkb7n _1kr5kb7n _10t9kb7n", showMacroInteractionDesignUpdates && "_kqswh2mm", state !== 'open' && "_1reo15vq _18m915vq _1e0c1ule", state === 'collapsed' && "_4t3iidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_tw1z1t97 _j7hq180b _5sag1ign _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147a1ign _lwlp1ign _lbjpindk _17w9indk _1p7l1ign _1jbo1ign _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
     onAnimationEnd: onAnimationEnd
   }, children));
 };

package/dist/cjs/messages/syncBlock.js

@@ -426,6 +426,11 @@ var syncBlockMessages = exports.syncBlockMessages = (0, _reactIntl.defineMessage
     defaultMessage: 'Request access',
     description: 'Label shown in the synced location dropdown option when the sync block is not accessible to the user'
   },
+  syncedLocationDropdownRestrictedContent: {
+    id: 'fabric.editor.syncedLocationDropdownRestrictedContent',
+    defaultMessage: 'Restricted content',
+    description: 'Title shown in the synced location dropdown in place of a page or work item the user does not have permission to view'
+  },
   syncedLocationDropdownUntitledPage: {
     id: 'fabric.editor.syncedLocationDropdownUntitledPage',
     defaultMessage: 'Untitled',

package/dist/cjs/monitoring/error.js

@@ -27,7 +27,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "127.2.0";
+var packageVersion = "128.0.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/quick-insert/CompactQuickInsertMenuItem.js

@@ -93,12 +93,15 @@ var CompactQuickInsertMenuItem = exports.CompactQuickInsertMenuItem = function C
     shouldWrapIcon = _ref$shouldWrapIcon === void 0 ? true : _ref$shouldWrapIcon,
     title = _ref.title;
   var _useQuickInsertContex = (0, _useQuickInsertContext.useQuickInsertContext)(),
-    item = _useQuickInsertContex.item;
+    item = _useQuickInsertContex.item,
+    popupsMountPoint = _useQuickInsertContex.popupsMountPoint;
   var _ref2 = item !== null && item !== void 0 ? item : {
       id: undefined,
+      isPreviewActive: undefined,
       isSelected: false
     },
     id = _ref2.id,
+    isPreviewActive = _ref2.isPreviewActive,
     isSelected = _ref2.isSelected;
   var resolvedDescription = description !== null && description !== void 0 ? description : item === null || item === void 0 ? void 0 : item.description;
   var previewId = (0, _react.useId)();
@@ -112,7 +115,7 @@ var CompactQuickInsertMenuItem = exports.CompactQuickInsertMenuItem = function C
       image: previewImageUrls
     } : {};
   }, [preview, previewImageUrls]);
-  var shouldRenderPreview = shouldShowPreview && isSelected && !isDisabled;
+  var shouldRenderPreview = shouldShowPreview && (isPreviewActive !== null && isPreviewActive !== void 0 ? isPreviewActive : isSelected) && !isDisabled;
   var hasAccessiblePreview = Boolean(resolvedDescription || (resolvedPreview === null || resolvedPreview === void 0 ? void 0 : resolvedPreview.attribution));
   var previewAttributionName = (_resolvedPreview$attr = resolvedPreview.attribution) === null || _resolvedPreview$attr === void 0 ? void 0 : _resolvedPreview$attr.name;
   var previewAttributionKey = typeof previewAttributionName === 'string' ? previewAttributionName : previewAttributionName === null || previewAttributionName === void 0 ? void 0 : previewAttributionName.id;
@@ -143,6 +146,7 @@ var CompactQuickInsertMenuItem = exports.CompactQuickInsertMenuItem = function C
     id: previewId,
     description: resolvedDescription,
     preview: resolvedPreview,
+    popupsMountPoint: popupsMountPoint,
     referenceElement: referenceElement,
     title: title
   }));

package/dist/cjs/quick-insert/QuickInsertHoverPreview.js

@@ -13,6 +13,7 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _reactDom = require("react-dom");
+var _bindEventListener = require("bind-event-listener");
 var _reactIntl = require("react-intl");
 var _reactPopper = require("@atlaskit/popper/react-popper");
 var _text = require("@atlaskit/primitives/compiled/text");
@@ -63,16 +64,18 @@ var QuickInsertHoverPreview = exports.QuickInsertHoverPreview = function QuickIn
   var description = _ref.description,
     id = _ref.id,
     preview = _ref.preview,
+    popupsMountPoint = _ref.popupsMountPoint,
     referenceElement = _ref.referenceElement,
     title = _ref.title;
   var _useThemeObserver = (0, _useThemeObserver2.useThemeObserver)(),
     colorMode = _useThemeObserver.colorMode;
   var imageUrl = preview.image ? colorMode === 'dark' && preview.image.dark ? preview.image.dark : preview.image.light : undefined;
   var hasAccessibleContent = Boolean(description || preview.attribution);
+  var portalTarget = popupsMountPoint !== null && popupsMountPoint !== void 0 ? popupsMountPoint : referenceElement.ownerDocument.body;
   return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/React.createElement(_reactPopper.Popper, {
     placement: "right-start",
     referenceElement: referenceElement,
-    strategy: "fixed",
+    strategy: popupsMountPoint ? 'absolute' : 'fixed',
     modifiers: PREVIEW_MODIFIERS
   }, function (_ref2) {
     var ref = _ref2.ref,
@@ -87,11 +90,12 @@ var QuickInsertHoverPreview = exports.QuickInsertHoverPreview = function QuickIn
       id: hasAccessibleContent ? id : undefined,
       imageUrl: imageUrl,
       preview: preview,
+      popupsMountPoint: popupsMountPoint,
       referenceElement: referenceElement,
       title: title,
       update: update
     }));
-  }), referenceElement.ownerDocument.body);
+  }), portalTarget);
 };
 var QuickInsertPreviewPanel = function QuickInsertPreviewPanel(_ref3) {
   var _preview$attribution, _preview$attribution2;
@@ -99,6 +103,7 @@ var QuickInsertPreviewPanel = function QuickInsertPreviewPanel(_ref3) {
     id = _ref3.id,
     imageUrl = _ref3.imageUrl,
     preview = _ref3.preview,
+    popupsMountPoint = _ref3.popupsMountPoint,
     referenceElement = _ref3.referenceElement,
     title = _ref3.title,
     update = _ref3.update;
@@ -112,20 +117,34 @@ var QuickInsertPreviewPanel = function QuickInsertPreviewPanel(_ref3) {
   var attributionName = (_preview$attribution2 = preview.attribution) === null || _preview$attribution2 === void 0 ? void 0 : _preview$attribution2.name;
   var formattedAttributionName = typeof attributionName === 'string' ? attributionName : attributionName ? formatMessage(attributionName) : '';
   (0, _react.useLayoutEffect)(function () {
-    var _referenceElement$own;
+    var _ownerDocument$defaul;
     void update();
-    var ResizeObserverConstructor = (_referenceElement$own = referenceElement.ownerDocument.defaultView) === null || _referenceElement$own === void 0 ? void 0 : _referenceElement$own.ResizeObserver;
+    var ownerDocument = referenceElement.ownerDocument;
+    var onScroll = function onScroll() {
+      return void update();
+    };
+    var unbindScrollListener = (0, _bindEventListener.bind)(ownerDocument, {
+      type: 'scroll',
+      listener: onScroll,
+      options: true
+    });
+    var ResizeObserverConstructor = (_ownerDocument$defaul = ownerDocument.defaultView) === null || _ownerDocument$defaul === void 0 ? void 0 : _ownerDocument$defaul.ResizeObserver;
     if (!panelElement || !ResizeObserverConstructor) {
-      return;
+      return unbindScrollListener;
     }
     var observer = new ResizeObserverConstructor(function () {
       return void update();
     });
     observer.observe(panelElement);
+    observer.observe(referenceElement);
+    if (popupsMountPoint) {
+      observer.observe(popupsMountPoint);
+    }
     return function () {
-      return observer.disconnect();
+      unbindScrollListener();
+      observer.disconnect();
     };
-  }, [panelElement, referenceElement, update]);
+  }, [panelElement, popupsMountPoint, referenceElement, update]);
   return /*#__PURE__*/React.createElement("div", {
     ref: setPanelElement,
     id: id,

package/dist/cjs/quick-insert/rank.js

@@ -12,7 +12,7 @@ var _STRUCTURE_SECTION_RA;
 var QUICK_INSERT_MENU_RANK = exports.QUICK_INSERT_MENU_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.RECOMMENDED_SECTION.key, 0), _keys.STRUCTURE_SECTION.key, 1), _keys.MEDIA_SECTION.key, 2), _keys.CREATE_SECTION.key, 3), _keys.EMBED_SECTION.key, 4), _keys.TEXT_FORMATTING_SECTION.key, 5), _keys.ROVO_SECTION.key, 6), _keys.DATA_AND_CHARTS_SECTION.key, 7), _keys.BLOCK_TEMPLATES_SECTION.key, 8), _keys.OTHER_SECTION.key, 9);
 var STRUCTURE_SECTION_RANK = exports.STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.ACTION_MENU_ITEM.key, 100), _keys.TABLE_MENU_ITEM.key, 200), _keys.STATUS_MENU_ITEM.key, 300), _keys.DATE_MENU_ITEM.key, 400), _keys.MENTION_MENU_ITEM.key, 500), _keys.EXPAND_MENU_ITEM.key, 700), _keys.CODE_BLOCK_MENU_ITEM.key, 800), _keys.INFO_PANEL_MENU_ITEM.key, 900), _keys.NOTE_PANEL_MENU_ITEM.key, 1000), _keys.SUCCESS_PANEL_MENU_ITEM.key, 1100), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_STRUCTURE_SECTION_RA, _keys.WARNING_PANEL_MENU_ITEM.key, 1200), _keys.ERROR_PANEL_MENU_ITEM.key, 1300), _keys.CUSTOM_PANEL_MENU_ITEM.key, 1400), _keys.TWO_COLUMNS_LAYOUT_MENU_ITEM.key, 1500), _keys.THREE_COLUMNS_LAYOUT_MENU_ITEM.key, 1600), _keys.FOUR_COLUMNS_LAYOUT_MENU_ITEM.key, 1700), _keys.FIVE_COLUMNS_LAYOUT_MENU_ITEM.key, 1800), _keys.SYNCED_BLOCK_MENU_ITEM.key, 2300), _keys.RULE_MENU_ITEM.key, 2400), _keys.DECISION_MENU_ITEM.key, 2800));
 var MEDIA_SECTION_RANK = exports.MEDIA_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.MEDIA_INSERT_MENU_ITEM.key, 100), _keys.HYPERLINK_MENU_ITEM.key, 200), _keys.EMOJI_MENU_ITEM.key, 300), _keys.AI_IMAGE_GENERATION_MENU_ITEM.key, 1600);
-var CREATE_SECTION_RANK = exports.CREATE_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.JIRA_ISSUE_MENU_ITEM.key, 100), _keys.CONFLUENCE_PAGE_MENU_ITEM.key, 200), _keys.WHITEBOARD_MENU_ITEM.key, 500), _keys.DIAGRAM_MENU_ITEM.key, 600), _keys.FLOWCHART_MENU_ITEM.key, 700), _keys.BRAINSTORMING_MENU_ITEM.key, 800), _keys.RETROSPECTIVE_MENU_ITEM.key, 900), _keys.ROADMAP_MENU_ITEM.key, 1000), _keys.DATABASE_MENU_ITEM.key, 1100), _keys.LOOM_MENU_ITEM.key, 1200);
+var CREATE_SECTION_RANK = exports.CREATE_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.JIRA_ISSUE_MENU_ITEM.key, 100), _keys.LOOM_MENU_ITEM.key, 200), _keys.CONFLUENCE_PAGE_MENU_ITEM.key, 300), _keys.DATABASE_MENU_ITEM.key, 400), _keys.WHITEBOARD_MENU_ITEM.key, 500), _keys.DIAGRAM_MENU_ITEM.key, 600), _keys.FLOWCHART_MENU_ITEM.key, 700), _keys.BRAINSTORMING_MENU_ITEM.key, 800), _keys.RETROSPECTIVE_MENU_ITEM.key, 900), _keys.ROADMAP_MENU_ITEM.key, 1000);
 var TEXT_FORMATTING_SECTION_RANK = exports.TEXT_FORMATTING_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.UNORDERED_LIST_MENU_ITEM.key, 100), _keys.ORDERED_LIST_MENU_ITEM.key, 200), _keys.HEADING_1_MENU_ITEM.key, 300), _keys.HEADING_2_MENU_ITEM.key, 400), _keys.HEADING_3_MENU_ITEM.key, 500), _keys.HEADING_4_MENU_ITEM.key, 600), _keys.HEADING_5_MENU_ITEM.key, 700), _keys.HEADING_6_MENU_ITEM.key, 800), _keys.BLOCKQUOTE_MENU_ITEM.key, 900), _keys.PLACEHOLDER_TEXT_MENU_ITEM.key, 1000);
 var ROVO_SECTION_RANK = exports.ROVO_SECTION_RANK = (0, _defineProperty2.default)({}, _keys.ASK_ROVO_MENU_ITEM.key, 100);
 var DATA_AND_CHARTS_SECTION_RANK = exports.DATA_AND_CHARTS_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.JIRA_WORK_ITEMS_MENU_ITEM.key, 300), _keys.CONFLUENCE_LIST_MENU_ITEM.key, 400), _keys.ASSETS_MENU_ITEM.key, 500);

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

package/dist/es2019/extensibility/GeneratedContentReveal.compiled.css

@@ -1,7 +1,7 @@
 ._10i01bym [data-native-embed-card-wrapper=true]{animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
 ._10t9kb7n:has(.extension-label:hover) .extension-edit-toggle-container{opacity:1}
 ._114yglyw [data-testid$="--loading-overlay"]{display:none}
-._147ai9qs [data-native-embed-card-wrapper=true]{animation-duration:var(--ds-duration-medium,.2s)}
+._147a1ign [data-native-embed-card-wrapper=true]{animation-duration:var(--ds-duration-short,.15s)}
 ._15k3glyw:has(.extension-edit-toggle-container:hover) .extension-label{box-shadow:none}
 ._17sh1wug:has(.extension-edit-toggle-container:hover) .extension-label.always-hide-label{cursor:auto}
 ._17w9indk iframe:not([data-native-embed-card-wrapper=true] iframe){animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
@@ -11,10 +11,10 @@
 ._1fdfidpf .extension-label:hover.always-hide-label{opacity:0}
 ._1ghxysee:has(.extension-container:hover) .extension-label{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
 ._1i8c1j9a:has(.extension-container:hover) .extension-label.with-bodied-macro-live-page-styles{background-color:var(--ds-background-input,#fff)}
-._1jbo15uc iframe:not([data-native-embed-card-wrapper=true] iframe){animation-delay:var(--ds-duration-xlong,.4s)}
+._1jbo1ign iframe:not([data-native-embed-card-wrapper=true] iframe){animation-delay:var(--ds-duration-short,.15s)}
 ._1kr5kb7n:has(.extension-container:hover) .extension-edit-toggle-container{opacity:1}
 ._1nuetlke:has(.extension-container:hover) .extension-label{cursor:pointer}
-._1p7l15uc [data-native-embed-card-wrapper=true]{animation-delay:var(--ds-duration-xlong,.4s)}
+._1p7l1ign [data-native-embed-card-wrapper=true]{animation-delay:var(--ds-duration-short,.15s)}
 ._1pfgidpf:has(.extension-container:hover) .extension-label.always-hide-label{opacity:0}
 ._1pglindk{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
 ._1qac1nu9:has(.extension-container:hover) .extension-icon{display:inline}
@@ -26,7 +26,7 @@
 ._2z44kb7n:has(.extension-edit-toggle-container:hover) .extension-label{opacity:1}
 ._4t3iidpf{height:0}
 ._54r11nu9:has(.extension-edit-toggle-container:hover) .extension-icon{display:inline}
-._5sag15uc{animation-duration:var(--ds-duration-xlong,.4s)}
+._5sag1ign{animation-duration:var(--ds-duration-short,.15s)}
 ._9sz11bym iframe:not([data-native-embed-card-wrapper=true] iframe){animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
 ._bcikkb7n:has(.extension-container:hover) .extension-label{opacity:1}
 ._d1oeglyw:has(.extension-container:hover) .extension-label{box-shadow:none}
@@ -37,7 +37,7 @@
 ._kqswh2mm{position:relative}
 ._ks721tsb:has(.extension-container:hover) .extension-label.with-bodied-macro-live-page-styles{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}
 ._lbjpindk [data-native-embed-card-wrapper=true]{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
-._lwlpi9qs iframe:not([data-native-embed-card-wrapper=true] iframe){animation-duration:var(--ds-duration-medium,.2s)}
+._lwlp1ign iframe:not([data-native-embed-card-wrapper=true] iframe){animation-duration:var(--ds-duration-short,.15s)}
 ._mi5m1wug .extension-label:hover.always-hide-label{cursor:auto}
 ._okd3ysee:has(.extension-edit-toggle-container:hover) .extension-label{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
 ._pjh31hrf [data-native-embed-card-wrapper=true]{animation-fill-mode:both}

package/dist/es2019/extensibility/GeneratedContentReveal.js

@@ -10,8 +10,8 @@ import { ExtensionSSRReactContextsProvider } from './ExtensionSSRReactContextsPr
  * 1. `collapsed` — clipped to zero height and `inert`. The embed loads behind it, full size but
  *    unseen, with its own loading overlay hidden.
  * 2. The extension reports its content ready through `contentReady`.
- * 3. `revealing` — the node animates open to its content height (400ms).
- * 4. The embed fades in (200ms), delayed so it follows the opening instead of overlapping it.
+ * 3. `revealing` — the node animates open to its content height (150ms).
+ * 4. The embed fades in (150ms), delayed so it follows the opening instead of overlapping it.
  * 5. `open` — on `animationend`, when the content first becomes visible, `inert` is dropped.
  *
  * Failure paths: never settles → `READY_TIMEOUT_MS` opens it and the embed's overlay reappears;
@@ -98,7 +98,7 @@ export const GeneratedContentReveal = ({
     ref: setWrapperElement
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- the block controls and the SSR cleanup find the wrapper by `span.relative`
     ,
-    className: ax(["_1tr2ynbm _xajsynbm _1tmrkb7n _bcikkb7n _2z44kb7n _dmn9ysee _1ghxysee _okd3ysee _1er3glyw _d1oeglyw _15k3glyw _1ql7tlke _1nuetlke _decvtlke _1fdfidpf _1pfgidpf _y7o7idpf _mi5m1wug _1si41wug _17sh1wug _x3ro1j9a _1i8c1j9a _1a2e1j9a _26lx1tsb _ks721tsb _jl0d1tsb _1qac1nu9 _54r11nu9 _1vs61nu9 _10pdkb7n _1kr5kb7n _10t9kb7n", showMacroInteractionDesignUpdates && "_kqswh2mm", state !== 'open' && "_1reo15vq _18m915vq _1e0c1ule", state === 'collapsed' && "_4t3iidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_tw1z1t97 _j7hq180b _5sag15uc _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147ai9qs _lwlpi9qs _lbjpindk _17w9indk _1p7l15uc _1jbo15uc _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
+    className: ax(["_1tr2ynbm _xajsynbm _1tmrkb7n _bcikkb7n _2z44kb7n _dmn9ysee _1ghxysee _okd3ysee _1er3glyw _d1oeglyw _15k3glyw _1ql7tlke _1nuetlke _decvtlke _1fdfidpf _1pfgidpf _y7o7idpf _mi5m1wug _1si41wug _17sh1wug _x3ro1j9a _1i8c1j9a _1a2e1j9a _26lx1tsb _ks721tsb _jl0d1tsb _1qac1nu9 _54r11nu9 _1vs61nu9 _10pdkb7n _1kr5kb7n _10t9kb7n", showMacroInteractionDesignUpdates && "_kqswh2mm", state !== 'open' && "_1reo15vq _18m915vq _1e0c1ule", state === 'collapsed' && "_4t3iidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_tw1z1t97 _j7hq180b _5sag1ign _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147a1ign _lwlp1ign _lbjpindk _17w9indk _1p7l1ign _1jbo1ign _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
     onAnimationEnd: onAnimationEnd
   }, children));
 };

package/dist/es2019/messages/syncBlock.js

@@ -420,6 +420,11 @@ export const syncBlockMessages = defineMessages({
     defaultMessage: 'Request access',
     description: 'Label shown in the synced location dropdown option when the sync block is not accessible to the user'
   },
+  syncedLocationDropdownRestrictedContent: {
+    id: 'fabric.editor.syncedLocationDropdownRestrictedContent',
+    defaultMessage: 'Restricted content',
+    description: 'Title shown in the synced location dropdown in place of a page or work item the user does not have permission to view'
+  },
   syncedLocationDropdownUntitledPage: {
     id: 'fabric.editor.syncedLocationDropdownUntitledPage',
     defaultMessage: 'Untitled',

package/dist/es2019/monitoring/error.js

@@ -13,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "127.2.0";
+const packageVersion = "128.0.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/quick-insert/CompactQuickInsertMenuItem.js

@@ -82,13 +82,16 @@ export const CompactQuickInsertMenuItem = ({
 }) => {
   var _resolvedPreview$attr, _ref, _resolvedPreview$imag, _resolvedPreview$imag2;
   const {
-    item
+    item,
+    popupsMountPoint
   } = useQuickInsertContext();
   const {
     id,
+    isPreviewActive,
     isSelected
   } = item !== null && item !== void 0 ? item : {
     id: undefined,
+    isPreviewActive: undefined,
     isSelected: false
   };
   const resolvedDescription = description !== null && description !== void 0 ? description : item === null || item === void 0 ? void 0 : item.description;
@@ -98,7 +101,7 @@ export const CompactQuickInsertMenuItem = ({
   const resolvedPreview = useMemo(() => preview !== null && preview !== void 0 ? preview : previewImageUrls ? {
     image: previewImageUrls
   } : {}, [preview, previewImageUrls]);
-  const shouldRenderPreview = shouldShowPreview && isSelected && !isDisabled;
+  const shouldRenderPreview = shouldShowPreview && (isPreviewActive !== null && isPreviewActive !== void 0 ? isPreviewActive : isSelected) && !isDisabled;
   const hasAccessiblePreview = Boolean(resolvedDescription || (resolvedPreview === null || resolvedPreview === void 0 ? void 0 : resolvedPreview.attribution));
   const previewAttributionName = (_resolvedPreview$attr = resolvedPreview.attribution) === null || _resolvedPreview$attr === void 0 ? void 0 : _resolvedPreview$attr.name;
   const previewAttributionKey = typeof previewAttributionName === 'string' ? previewAttributionName : previewAttributionName === null || previewAttributionName === void 0 ? void 0 : previewAttributionName.id;
@@ -129,6 +132,7 @@ export const CompactQuickInsertMenuItem = ({
     id: previewId,
     description: resolvedDescription,
     preview: resolvedPreview,
+    popupsMountPoint: popupsMountPoint,
     referenceElement: referenceElement,
     title: title
   }));

package/dist/es2019/quick-insert/QuickInsertHoverPreview.js

@@ -7,6 +7,7 @@ import { createPortal } from 'react-dom';
 
 // Viewport calculations and multiline clamping require styles outside @atlaskit/css's schema.
 
+import { bind } from 'bind-event-listener';
 import { useIntl } from 'react-intl';
 
 // Viewport clamping requires modifiers, which the top-layer adapter does not support.
@@ -56,6 +57,7 @@ export const QuickInsertHoverPreview = ({
   description,
   id,
   preview,
+  popupsMountPoint,
   referenceElement,
   title
 }) => {
@@ -64,10 +66,11 @@ export const QuickInsertHoverPreview = ({
   } = useThemeObserver();
   const imageUrl = preview.image ? colorMode === 'dark' && preview.image.dark ? preview.image.dark : preview.image.light : undefined;
   const hasAccessibleContent = Boolean(description || preview.attribution);
+  const portalTarget = popupsMountPoint !== null && popupsMountPoint !== void 0 ? popupsMountPoint : referenceElement.ownerDocument.body;
   return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Popper, {
     placement: "right-start",
     referenceElement: referenceElement,
-    strategy: "fixed",
+    strategy: popupsMountPoint ? 'absolute' : 'fixed',
     modifiers: PREVIEW_MODIFIERS
   }, ({
     ref,
@@ -82,16 +85,18 @@ export const QuickInsertHoverPreview = ({
     id: hasAccessibleContent ? id : undefined,
     imageUrl: imageUrl,
     preview: preview,
+    popupsMountPoint: popupsMountPoint,
     referenceElement: referenceElement,
     title: title,
     update: update
-  }))), referenceElement.ownerDocument.body);
+  }))), portalTarget);
 };
 const QuickInsertPreviewPanel = ({
   description,
   id,
   imageUrl,
   preview,
+  popupsMountPoint,
   referenceElement,
   title,
   update
@@ -105,16 +110,32 @@ const QuickInsertPreviewPanel = ({
   const attributionName = (_preview$attribution2 = preview.attribution) === null || _preview$attribution2 === void 0 ? void 0 : _preview$attribution2.name;
   const formattedAttributionName = typeof attributionName === 'string' ? attributionName : attributionName ? formatMessage(attributionName) : '';
   useLayoutEffect(() => {
-    var _referenceElement$own;
+    var _ownerDocument$defaul;
     void update();
-    const ResizeObserverConstructor = (_referenceElement$own = referenceElement.ownerDocument.defaultView) === null || _referenceElement$own === void 0 ? void 0 : _referenceElement$own.ResizeObserver;
+    const {
+      ownerDocument
+    } = referenceElement;
+    const onScroll = () => void update();
+    const unbindScrollListener = bind(ownerDocument, {
+      type: 'scroll',
+      listener: onScroll,
+      options: true
+    });
+    const ResizeObserverConstructor = (_ownerDocument$defaul = ownerDocument.defaultView) === null || _ownerDocument$defaul === void 0 ? void 0 : _ownerDocument$defaul.ResizeObserver;
     if (!panelElement || !ResizeObserverConstructor) {
-      return;
+      return unbindScrollListener;
     }
     const observer = new ResizeObserverConstructor(() => void update());
     observer.observe(panelElement);
-    return () => observer.disconnect();
-  }, [panelElement, referenceElement, update]);
+    observer.observe(referenceElement);
+    if (popupsMountPoint) {
+      observer.observe(popupsMountPoint);
+    }
+    return () => {
+      unbindScrollListener();
+      observer.disconnect();
+    };
+  }, [panelElement, popupsMountPoint, referenceElement, update]);
   return /*#__PURE__*/React.createElement("div", {
     ref: setPanelElement,
     id: id,

package/dist/es2019/quick-insert/rank.js

@@ -43,15 +43,15 @@ export const MEDIA_SECTION_RANK = {
 };
 export const CREATE_SECTION_RANK = {
   [JIRA_ISSUE_MENU_ITEM.key]: 100,
-  [CONFLUENCE_PAGE_MENU_ITEM.key]: 200,
+  [LOOM_MENU_ITEM.key]: 200,
+  [CONFLUENCE_PAGE_MENU_ITEM.key]: 300,
+  [DATABASE_MENU_ITEM.key]: 400,
   [WHITEBOARD_MENU_ITEM.key]: 500,
   [DIAGRAM_MENU_ITEM.key]: 600,
   [FLOWCHART_MENU_ITEM.key]: 700,
   [BRAINSTORMING_MENU_ITEM.key]: 800,
   [RETROSPECTIVE_MENU_ITEM.key]: 900,
-  [ROADMAP_MENU_ITEM.key]: 1000,
-  [DATABASE_MENU_ITEM.key]: 1100,
-  [LOOM_MENU_ITEM.key]: 1200
+  [ROADMAP_MENU_ITEM.key]: 1000
 };
 export const TEXT_FORMATTING_SECTION_RANK = {
   [UNORDERED_LIST_MENU_ITEM.key]: 100,

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/fg';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "127.2.0";
+const packageVersion = "128.0.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/extensibility/GeneratedContentReveal.compiled.css

@@ -1,7 +1,7 @@
 ._10i01bym [data-native-embed-card-wrapper=true]{animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
 ._10t9kb7n:has(.extension-label:hover) .extension-edit-toggle-container{opacity:1}
 ._114yglyw [data-testid$="--loading-overlay"]{display:none}
-._147ai9qs [data-native-embed-card-wrapper=true]{animation-duration:var(--ds-duration-medium,.2s)}
+._147a1ign [data-native-embed-card-wrapper=true]{animation-duration:var(--ds-duration-short,.15s)}
 ._15k3glyw:has(.extension-edit-toggle-container:hover) .extension-label{box-shadow:none}
 ._17sh1wug:has(.extension-edit-toggle-container:hover) .extension-label.always-hide-label{cursor:auto}
 ._17w9indk iframe:not([data-native-embed-card-wrapper=true] iframe){animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
@@ -11,10 +11,10 @@
 ._1fdfidpf .extension-label:hover.always-hide-label{opacity:0}
 ._1ghxysee:has(.extension-container:hover) .extension-label{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
 ._1i8c1j9a:has(.extension-container:hover) .extension-label.with-bodied-macro-live-page-styles{background-color:var(--ds-background-input,#fff)}
-._1jbo15uc iframe:not([data-native-embed-card-wrapper=true] iframe){animation-delay:var(--ds-duration-xlong,.4s)}
+._1jbo1ign iframe:not([data-native-embed-card-wrapper=true] iframe){animation-delay:var(--ds-duration-short,.15s)}
 ._1kr5kb7n:has(.extension-container:hover) .extension-edit-toggle-container{opacity:1}
 ._1nuetlke:has(.extension-container:hover) .extension-label{cursor:pointer}
-._1p7l15uc [data-native-embed-card-wrapper=true]{animation-delay:var(--ds-duration-xlong,.4s)}
+._1p7l1ign [data-native-embed-card-wrapper=true]{animation-delay:var(--ds-duration-short,.15s)}
 ._1pfgidpf:has(.extension-container:hover) .extension-label.always-hide-label{opacity:0}
 ._1pglindk{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
 ._1qac1nu9:has(.extension-container:hover) .extension-icon{display:inline}
@@ -26,7 +26,7 @@
 ._2z44kb7n:has(.extension-edit-toggle-container:hover) .extension-label{opacity:1}
 ._4t3iidpf{height:0}
 ._54r11nu9:has(.extension-edit-toggle-container:hover) .extension-icon{display:inline}
-._5sag15uc{animation-duration:var(--ds-duration-xlong,.4s)}
+._5sag1ign{animation-duration:var(--ds-duration-short,.15s)}
 ._9sz11bym iframe:not([data-native-embed-card-wrapper=true] iframe){animation-name:var(--ds-keyframe-fade-in,FadeIn0to100)}
 ._bcikkb7n:has(.extension-container:hover) .extension-label{opacity:1}
 ._d1oeglyw:has(.extension-container:hover) .extension-label{box-shadow:none}
@@ -37,7 +37,7 @@
 ._kqswh2mm{position:relative}
 ._ks721tsb:has(.extension-container:hover) .extension-label.with-bodied-macro-live-page-styles{box-shadow:0 0 0 1px var(--ds-border,#0b120e24)}
 ._lbjpindk [data-native-embed-card-wrapper=true]{animation-timing-function:var(--ds-easing-out-practical,cubic-bezier(.4,1,.6,1))}
-._lwlpi9qs iframe:not([data-native-embed-card-wrapper=true] iframe){animation-duration:var(--ds-duration-medium,.2s)}
+._lwlp1ign iframe:not([data-native-embed-card-wrapper=true] iframe){animation-duration:var(--ds-duration-short,.15s)}
 ._mi5m1wug .extension-label:hover.always-hide-label{cursor:auto}
 ._okd3ysee:has(.extension-edit-toggle-container:hover) .extension-label{background-color:var(--ds-background-accent-gray-subtlest,#f0f1f2)}
 ._pjh31hrf [data-native-embed-card-wrapper=true]{animation-fill-mode:both}

package/dist/esm/extensibility/GeneratedContentReveal.js

@@ -11,8 +11,8 @@ import { ExtensionSSRReactContextsProvider } from './ExtensionSSRReactContextsPr
  * 1. `collapsed` — clipped to zero height and `inert`. The embed loads behind it, full size but
  *    unseen, with its own loading overlay hidden.
  * 2. The extension reports its content ready through `contentReady`.
- * 3. `revealing` — the node animates open to its content height (400ms).
- * 4. The embed fades in (200ms), delayed so it follows the opening instead of overlapping it.
+ * 3. `revealing` — the node animates open to its content height (150ms).
+ * 4. The embed fades in (150ms), delayed so it follows the opening instead of overlapping it.
  * 5. `open` — on `animationend`, when the content first becomes visible, `inert` is dropped.
  *
  * Failure paths: never settles → `READY_TIMEOUT_MS` opens it and the embed's overlay reappears;
@@ -115,7 +115,7 @@ export var GeneratedContentReveal = function GeneratedContentReveal(_ref) {
     ref: setWrapperElement
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- the block controls and the SSR cleanup find the wrapper by `span.relative`
     ,
-    className: ax(["_1tr2ynbm _xajsynbm _1tmrkb7n _bcikkb7n _2z44kb7n _dmn9ysee _1ghxysee _okd3ysee _1er3glyw _d1oeglyw _15k3glyw _1ql7tlke _1nuetlke _decvtlke _1fdfidpf _1pfgidpf _y7o7idpf _mi5m1wug _1si41wug _17sh1wug _x3ro1j9a _1i8c1j9a _1a2e1j9a _26lx1tsb _ks721tsb _jl0d1tsb _1qac1nu9 _54r11nu9 _1vs61nu9 _10pdkb7n _1kr5kb7n _10t9kb7n", showMacroInteractionDesignUpdates && "_kqswh2mm", state !== 'open' && "_1reo15vq _18m915vq _1e0c1ule", state === 'collapsed' && "_4t3iidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_tw1z1t97 _j7hq180b _5sag15uc _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147ai9qs _lwlpi9qs _lbjpindk _17w9indk _1p7l15uc _1jbo15uc _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
+    className: ax(["_1tr2ynbm _xajsynbm _1tmrkb7n _bcikkb7n _2z44kb7n _dmn9ysee _1ghxysee _okd3ysee _1er3glyw _d1oeglyw _15k3glyw _1ql7tlke _1nuetlke _decvtlke _1fdfidpf _1pfgidpf _y7o7idpf _mi5m1wug _1si41wug _17sh1wug _x3ro1j9a _1i8c1j9a _1a2e1j9a _26lx1tsb _ks721tsb _jl0d1tsb _1qac1nu9 _54r11nu9 _1vs61nu9 _10pdkb7n _1kr5kb7n _10t9kb7n", showMacroInteractionDesignUpdates && "_kqswh2mm", state !== 'open' && "_1reo15vq _18m915vq _1e0c1ule", state === 'collapsed' && "_4t3iidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_tw1z1t97 _j7hq180b _5sag1ign _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147a1ign _lwlp1ign _lbjpindk _17w9indk _1p7l1ign _1jbo1ign _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
     onAnimationEnd: onAnimationEnd
   }, children));
 };

package/dist/esm/messages/syncBlock.js

@@ -420,6 +420,11 @@ export var syncBlockMessages = defineMessages({
     defaultMessage: 'Request access',
     description: 'Label shown in the synced location dropdown option when the sync block is not accessible to the user'
   },
+  syncedLocationDropdownRestrictedContent: {
+    id: 'fabric.editor.syncedLocationDropdownRestrictedContent',
+    defaultMessage: 'Restricted content',
+    description: 'Title shown in the synced location dropdown in place of a page or work item the user does not have permission to view'
+  },
   syncedLocationDropdownUntitledPage: {
     id: 'fabric.editor.syncedLocationDropdownUntitledPage',
     defaultMessage: 'Untitled',

package/dist/esm/monitoring/error.js

@@ -19,7 +19,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "127.2.0";
+var packageVersion = "128.0.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/quick-insert/CompactQuickInsertMenuItem.js

@@ -84,12 +84,15 @@ export var CompactQuickInsertMenuItem = function CompactQuickInsertMenuItem(_ref
     shouldWrapIcon = _ref$shouldWrapIcon === void 0 ? true : _ref$shouldWrapIcon,
     title = _ref.title;
   var _useQuickInsertContex = useQuickInsertContext(),
-    item = _useQuickInsertContex.item;
+    item = _useQuickInsertContex.item,
+    popupsMountPoint = _useQuickInsertContex.popupsMountPoint;
   var _ref2 = item !== null && item !== void 0 ? item : {
       id: undefined,
+      isPreviewActive: undefined,
       isSelected: false
     },
     id = _ref2.id,
+    isPreviewActive = _ref2.isPreviewActive,
     isSelected = _ref2.isSelected;
   var resolvedDescription = description !== null && description !== void 0 ? description : item === null || item === void 0 ? void 0 : item.description;
   var previewId = useId();
@@ -103,7 +106,7 @@ export var CompactQuickInsertMenuItem = function CompactQuickInsertMenuItem(_ref
       image: previewImageUrls
     } : {};
   }, [preview, previewImageUrls]);
-  var shouldRenderPreview = shouldShowPreview && isSelected && !isDisabled;
+  var shouldRenderPreview = shouldShowPreview && (isPreviewActive !== null && isPreviewActive !== void 0 ? isPreviewActive : isSelected) && !isDisabled;
   var hasAccessiblePreview = Boolean(resolvedDescription || (resolvedPreview === null || resolvedPreview === void 0 ? void 0 : resolvedPreview.attribution));
   var previewAttributionName = (_resolvedPreview$attr = resolvedPreview.attribution) === null || _resolvedPreview$attr === void 0 ? void 0 : _resolvedPreview$attr.name;
   var previewAttributionKey = typeof previewAttributionName === 'string' ? previewAttributionName : previewAttributionName === null || previewAttributionName === void 0 ? void 0 : previewAttributionName.id;
@@ -134,6 +137,7 @@ export var CompactQuickInsertMenuItem = function CompactQuickInsertMenuItem(_ref
     id: previewId,
     description: resolvedDescription,
     preview: resolvedPreview,
+    popupsMountPoint: popupsMountPoint,
     referenceElement: referenceElement,
     title: title
   }));

package/dist/esm/quick-insert/QuickInsertHoverPreview.js

@@ -8,6 +8,7 @@ import { createPortal } from 'react-dom';
 
 // Viewport calculations and multiline clamping require styles outside @atlaskit/css's schema.
 
+import { bind } from 'bind-event-listener';
 import { useIntl } from 'react-intl';
 
 // Viewport clamping requires modifiers, which the top-layer adapter does not support.
@@ -57,16 +58,18 @@ export var QuickInsertHoverPreview = function QuickInsertHoverPreview(_ref) {
   var description = _ref.description,
     id = _ref.id,
     preview = _ref.preview,
+    popupsMountPoint = _ref.popupsMountPoint,
     referenceElement = _ref.referenceElement,
     title = _ref.title;
   var _useThemeObserver = useThemeObserver(),
     colorMode = _useThemeObserver.colorMode;
   var imageUrl = preview.image ? colorMode === 'dark' && preview.image.dark ? preview.image.dark : preview.image.light : undefined;
   var hasAccessibleContent = Boolean(description || preview.attribution);
+  var portalTarget = popupsMountPoint !== null && popupsMountPoint !== void 0 ? popupsMountPoint : referenceElement.ownerDocument.body;
   return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Popper, {
     placement: "right-start",
     referenceElement: referenceElement,
-    strategy: "fixed",
+    strategy: popupsMountPoint ? 'absolute' : 'fixed',
     modifiers: PREVIEW_MODIFIERS
   }, function (_ref2) {
     var ref = _ref2.ref,
@@ -81,11 +84,12 @@ export var QuickInsertHoverPreview = function QuickInsertHoverPreview(_ref) {
       id: hasAccessibleContent ? id : undefined,
       imageUrl: imageUrl,
       preview: preview,
+      popupsMountPoint: popupsMountPoint,
       referenceElement: referenceElement,
       title: title,
       update: update
     }));
-  }), referenceElement.ownerDocument.body);
+  }), portalTarget);
 };
 var QuickInsertPreviewPanel = function QuickInsertPreviewPanel(_ref3) {
   var _preview$attribution, _preview$attribution2;
@@ -93,6 +97,7 @@ var QuickInsertPreviewPanel = function QuickInsertPreviewPanel(_ref3) {
     id = _ref3.id,
     imageUrl = _ref3.imageUrl,
     preview = _ref3.preview,
+    popupsMountPoint = _ref3.popupsMountPoint,
     referenceElement = _ref3.referenceElement,
     title = _ref3.title,
     update = _ref3.update;
@@ -106,20 +111,34 @@ var QuickInsertPreviewPanel = function QuickInsertPreviewPanel(_ref3) {
   var attributionName = (_preview$attribution2 = preview.attribution) === null || _preview$attribution2 === void 0 ? void 0 : _preview$attribution2.name;
   var formattedAttributionName = typeof attributionName === 'string' ? attributionName : attributionName ? formatMessage(attributionName) : '';
   useLayoutEffect(function () {
-    var _referenceElement$own;
+    var _ownerDocument$defaul;
     void update();
-    var ResizeObserverConstructor = (_referenceElement$own = referenceElement.ownerDocument.defaultView) === null || _referenceElement$own === void 0 ? void 0 : _referenceElement$own.ResizeObserver;
+    var ownerDocument = referenceElement.ownerDocument;
+    var onScroll = function onScroll() {
+      return void update();
+    };
+    var unbindScrollListener = bind(ownerDocument, {
+      type: 'scroll',
+      listener: onScroll,
+      options: true
+    });
+    var ResizeObserverConstructor = (_ownerDocument$defaul = ownerDocument.defaultView) === null || _ownerDocument$defaul === void 0 ? void 0 : _ownerDocument$defaul.ResizeObserver;
     if (!panelElement || !ResizeObserverConstructor) {
-      return;
+      return unbindScrollListener;
     }
     var observer = new ResizeObserverConstructor(function () {
       return void update();
     });
     observer.observe(panelElement);
+    observer.observe(referenceElement);
+    if (popupsMountPoint) {
+      observer.observe(popupsMountPoint);
+    }
     return function () {
-      return observer.disconnect();
+      unbindScrollListener();
+      observer.disconnect();
     };
-  }, [panelElement, referenceElement, update]);
+  }, [panelElement, popupsMountPoint, referenceElement, update]);
   return /*#__PURE__*/React.createElement("div", {
     ref: setPanelElement,
     id: id,

package/dist/esm/quick-insert/rank.js

@@ -6,7 +6,7 @@ import { ACTION_MENU_ITEM, AI_IMAGE_GENERATION_MENU_ITEM, ASK_ROVO_MENU_ITEM, AS
 export var QUICK_INSERT_MENU_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RECOMMENDED_SECTION.key, 0), STRUCTURE_SECTION.key, 1), MEDIA_SECTION.key, 2), CREATE_SECTION.key, 3), EMBED_SECTION.key, 4), TEXT_FORMATTING_SECTION.key, 5), ROVO_SECTION.key, 6), DATA_AND_CHARTS_SECTION.key, 7), BLOCK_TEMPLATES_SECTION.key, 8), OTHER_SECTION.key, 9);
 export var STRUCTURE_SECTION_RANK = (_STRUCTURE_SECTION_RA = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_STRUCTURE_SECTION_RA, ACTION_MENU_ITEM.key, 100), TABLE_MENU_ITEM.key, 200), STATUS_MENU_ITEM.key, 300), DATE_MENU_ITEM.key, 400), MENTION_MENU_ITEM.key, 500), EXPAND_MENU_ITEM.key, 700), CODE_BLOCK_MENU_ITEM.key, 800), INFO_PANEL_MENU_ITEM.key, 900), NOTE_PANEL_MENU_ITEM.key, 1000), SUCCESS_PANEL_MENU_ITEM.key, 1100), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_STRUCTURE_SECTION_RA, WARNING_PANEL_MENU_ITEM.key, 1200), ERROR_PANEL_MENU_ITEM.key, 1300), CUSTOM_PANEL_MENU_ITEM.key, 1400), TWO_COLUMNS_LAYOUT_MENU_ITEM.key, 1500), THREE_COLUMNS_LAYOUT_MENU_ITEM.key, 1600), FOUR_COLUMNS_LAYOUT_MENU_ITEM.key, 1700), FIVE_COLUMNS_LAYOUT_MENU_ITEM.key, 1800), SYNCED_BLOCK_MENU_ITEM.key, 2300), RULE_MENU_ITEM.key, 2400), DECISION_MENU_ITEM.key, 2800));
 export var MEDIA_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MEDIA_INSERT_MENU_ITEM.key, 100), HYPERLINK_MENU_ITEM.key, 200), EMOJI_MENU_ITEM.key, 300), AI_IMAGE_GENERATION_MENU_ITEM.key, 1600);
-export var CREATE_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, JIRA_ISSUE_MENU_ITEM.key, 100), CONFLUENCE_PAGE_MENU_ITEM.key, 200), WHITEBOARD_MENU_ITEM.key, 500), DIAGRAM_MENU_ITEM.key, 600), FLOWCHART_MENU_ITEM.key, 700), BRAINSTORMING_MENU_ITEM.key, 800), RETROSPECTIVE_MENU_ITEM.key, 900), ROADMAP_MENU_ITEM.key, 1000), DATABASE_MENU_ITEM.key, 1100), LOOM_MENU_ITEM.key, 1200);
+export var CREATE_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, JIRA_ISSUE_MENU_ITEM.key, 100), LOOM_MENU_ITEM.key, 200), CONFLUENCE_PAGE_MENU_ITEM.key, 300), DATABASE_MENU_ITEM.key, 400), WHITEBOARD_MENU_ITEM.key, 500), DIAGRAM_MENU_ITEM.key, 600), FLOWCHART_MENU_ITEM.key, 700), BRAINSTORMING_MENU_ITEM.key, 800), RETROSPECTIVE_MENU_ITEM.key, 900), ROADMAP_MENU_ITEM.key, 1000);
 export var TEXT_FORMATTING_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, UNORDERED_LIST_MENU_ITEM.key, 100), ORDERED_LIST_MENU_ITEM.key, 200), HEADING_1_MENU_ITEM.key, 300), HEADING_2_MENU_ITEM.key, 400), HEADING_3_MENU_ITEM.key, 500), HEADING_4_MENU_ITEM.key, 600), HEADING_5_MENU_ITEM.key, 700), HEADING_6_MENU_ITEM.key, 800), BLOCKQUOTE_MENU_ITEM.key, 900), PLACEHOLDER_TEXT_MENU_ITEM.key, 1000);
 export var ROVO_SECTION_RANK = _defineProperty({}, ASK_ROVO_MENU_ITEM.key, 100);
 export var DATA_AND_CHARTS_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty({}, JIRA_WORK_ITEMS_MENU_ITEM.key, 300), CONFLUENCE_LIST_MENU_ITEM.key, 400), ASSETS_MENU_ITEM.key, 500);

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/fg';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "127.2.0";
+var packageVersion = "128.0.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/messages/syncBlock.d.ts

@@ -434,6 +434,11 @@ export declare const syncBlockMessages: {
         description: string;
         id: string;
     };
+    syncedLocationDropdownRestrictedContent: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     syncedLocationDropdownSamePage: {
         defaultMessage: string;
         description: string;

package/dist/types/quick-insert/QuickInsertContext.d.ts

@@ -9,14 +9,17 @@ export type QuickInsertSelectionHandler = (context: {
     source: INPUT_METHOD.ELEMENT_BROWSER | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR;
 }) => Transaction | false | void;
 export type QuickInsertContextValue = {
+    activePreviewItemKey?: string;
     editorView: EditorView;
     isOffline: boolean;
     item?: {
         description?: string;
         id: string;
+        isPreviewActive?: boolean;
         isSelected: boolean;
     };
     menuOpenId?: symbol;
+    popupsMountPoint?: HTMLElement;
     select: (selectionHandler: QuickInsertSelectionHandler) => void;
     surface: 'typeahead' | 'toolbar' | 'element-browser';
     surfaceContext?: SurfaceContext;

package/dist/types/quick-insert/QuickInsertHoverPreview.d.ts

@@ -1,9 +1,10 @@
 import type { QuickInsertPreview } from './preview';
 /** The selected item's description and attribution are announced through its aria-describedby. */
-export declare const QuickInsertHoverPreview: ({ description, id, preview, referenceElement, title, }: {
+export declare const QuickInsertHoverPreview: ({ description, id, preview, popupsMountPoint, referenceElement, title, }: {
     description?: string;
     id: string;
     preview: QuickInsertPreview;
+    popupsMountPoint?: HTMLElement;
     referenceElement: HTMLElement;
     title: string;
 }) => React.JSX.Element;

package/dist/types/types/feature-flags.d.ts

@@ -125,6 +125,16 @@ export type FeatureFlags = {
      * @default false
      */
     extensionLocalIdGeneration?: boolean;
+    /**
+     * @description
+     * Used by the legacy content macro to disable render tracking due to excessive logs.
+     * Will be removed once re-rendering issue is resolved.
+     * Note: This is hardcoded into the LCM code, it does not exist in Switcheroo.
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-26650
+     * @default false
+     */
+    lcmPreventRenderTracking?: boolean;
     /**
      * @description
      * Use the linking platform link picker for link insertion and edit

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "128.0.0",
+	"version": "128.1.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -85,7 +85,7 @@
 		"@atlaskit/task-decision": "^21.11.0",
 		"@atlaskit/teams-app-config": "^3.1.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^220.0.0",
+		"@atlaskit/tmp-editor-statsig": "^221.0.0",
 		"@atlaskit/tokens": "^20.1.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/width-detector": "^7.2.0",