@atlaskit/editor-common 128.0.1 → 128.1.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @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

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

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 = "128.0.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/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 = "128.0.0";
+const packageVersion = "128.0.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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 = "128.0.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/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 = "128.0.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.1",
+	"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",