@atlaskit/editor-common 125.3.0 → 126.0.0

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

@@ -2,86 +2,161 @@
 import "./QuickInsertHoverPreview.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { useState } from 'react';
+import { useLayoutEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { Popper } from '@atlaskit/popper/main';
+
+// Viewport calculations and multiline clamping require styles outside @atlaskit/css's schema.
+
+import { useIntl } from 'react-intl';
+
+// Viewport clamping requires modifiers, which the top-layer adapter does not support.
+import { Popper } from '@atlaskit/popper/react-popper';
+import { Text } from '@atlaskit/primitives/compiled/text';
 import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
-const PREVIEW_WIDTH = 294;
-const PREVIEW_OFFSET = [-4, 4];
+import { messages } from './messages';
 const PREVIEW_MODIFIERS = [{
+  name: 'offset',
+  options: {
+    offset: [0, 4]
+  }
+}, {
+  name: 'flip',
+  options: {
+    fallbackPlacements: ['left-start'],
+    // Choose the side by horizontal space; vertical overflow is shifted into view.
+    altAxis: false,
+    padding: 8,
+    rootBoundary: 'viewport'
+  }
+}, {
   name: 'preventOverflow',
   options: {
-    mainAxis: false
+    mainAxis: true,
+    altAxis: true,
+    tether: false,
+    padding: 8,
+    rootBoundary: 'viewport'
   }
 }];
 const styles = {
-  image: "_1e0c1ule _1pby16oo",
-  hidden: "_3um015vq",
-  visible: "_3um0ewfl"
+  positioner: "_c71lk6is _p12f1oec _1pby16oo",
+  panel: "_2rko1qi0 _1reo15vq _18m915vq _1rjcutpp _18zrutpp _vchhusvi _bfhk1bhr _16qs130s _c71l1kw7 _p12f1osq _1bsbncxg",
+  content: "_zulpu2gc _1e0c1txw _2lx21bp4",
+  title: "_11c81qyo _1reo15vq _18m915vq _syazazsu _1i4qfg65 _1e0ccj1k _sudp1e54 _1yyjcs5v",
+  description: "_11c8fhey _1reo15vq _18m915vq _syazi7uo _1e0ccj1k _1i4qfg65 _sudp1e54 _1yyjegat",
+  imageArea: "_2rko12b0 _1reo15vq _18m915vq _bfhkhfxm _4t3i68cl _6rthu2gc _p12f1osq _1bsbp3fh",
+  image: "_1e0c1ule _4t3i1osq _5ral1f51 _1bsb1osq",
+  imageHidden: "_3um015vq",
+  attribution: "_11c8wadc _zulp1b66 _4cvr1h6o _syazazsu _1e0c1txw _1i4qfg65",
+  attributionIcon: "_16jlidpf _1o9zidpf _i0dlexct _4cvr1h6o _1e0c1txw _4t3i7vkz _1bah1h6o _1bsb7vkz"
 };
 
-/** A non-interactive visual preview: keep focus and keyboard handling in the editor. */
+/** The selected item's description and attribution are announced through its aria-describedby. */
 export const QuickInsertHoverPreview = ({
-  previewImageUrls,
-  referenceElement
+  description,
+  id,
+  preview,
+  referenceElement,
+  title
 }) => {
   const {
     colorMode
   } = useThemeObserver();
-  const previewImageUrl = colorMode === 'dark' && previewImageUrls.dark ? previewImageUrls.dark : previewImageUrls.light;
-  return /*#__PURE__*/React.createElement(QuickInsertHoverPreviewImage, {
-    key: previewImageUrl,
-    previewImageUrl: previewImageUrl,
-    referenceElement: referenceElement
-  });
-};
-const QuickInsertHoverPreviewImage = ({
-  previewImageUrl,
-  referenceElement
-}) => {
-  const [hasFailed, setHasFailed] = useState(false);
-  const [dimensions, setDimensions] = useState();
-  if (hasFailed) {
-    return null;
-  }
-
-  // Unlike a dialog popup, this decorative preview must not introduce focus or ARIA ownership.
+  const imageUrl = preview.image ? colorMode === 'dark' && preview.image.dark ? preview.image.dark : preview.image.light : undefined;
+  const hasAccessibleContent = Boolean(description || preview.attribution);
   return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Popper, {
-    offset: PREVIEW_OFFSET,
     placement: "right-start",
     referenceElement: referenceElement,
     strategy: "fixed",
-    shouldFitViewport: true,
     modifiers: PREVIEW_MODIFIERS
   }, ({
     ref,
-    style
-  }) => /*#__PURE__*/React.createElement("img", {
+    style,
+    update
+  }) => /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Popper positioning and intrinsic image dimensions are runtime values.
-      ...style,
-      height: dimensions === null || dimensions === void 0 ? void 0 : dimensions.height,
-      width: dimensions === null || dimensions === void 0 ? void 0 : dimensions.width
-    },
+    style: style,
+    className: ax([styles.positioner])
+  }, /*#__PURE__*/React.createElement(QuickInsertPreviewPanel, {
+    description: description,
+    id: hasAccessibleContent ? id : undefined,
+    imageUrl: imageUrl,
+    preview: preview,
+    referenceElement: referenceElement,
+    title: title,
+    update: update
+  }))), referenceElement.ownerDocument.body);
+};
+const QuickInsertPreviewPanel = ({
+  description,
+  id,
+  imageUrl,
+  preview,
+  referenceElement,
+  title,
+  update
+}) => {
+  var _preview$attribution;
+  const {
+    formatMessage
+  } = useIntl();
+  const [panelElement, setPanelElement] = useState(null);
+  const AttributionIcon = (_preview$attribution = preview.attribution) === null || _preview$attribution === void 0 ? void 0 : _preview$attribution.icon;
+  useLayoutEffect(() => {
+    var _referenceElement$own;
+    void update();
+    const ResizeObserverConstructor = (_referenceElement$own = referenceElement.ownerDocument.defaultView) === null || _referenceElement$own === void 0 ? void 0 : _referenceElement$own.ResizeObserver;
+    if (!panelElement || !ResizeObserverConstructor) {
+      return;
+    }
+    const observer = new ResizeObserverConstructor(() => void update());
+    observer.observe(panelElement);
+    return () => observer.disconnect();
+  }, [panelElement, referenceElement, update]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: setPanelElement,
+    id: id,
+    role: id ? 'tooltip' : undefined,
+    "data-testid": "quick-insert-preview-panel",
+    className: ax([styles.panel])
+  }, imageUrl && /*#__PURE__*/React.createElement(PreviewImage, {
+    key: imageUrl,
+    imageUrl: imageUrl
+  }), /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.content])
+  }, /*#__PURE__*/React.createElement("div", {
+    "aria-hidden": "true",
+    className: ax([styles.title])
+  }, title), description && /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.description])
+  }, description), preview.attribution && /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.attribution])
+  }, AttributionIcon && /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true",
+    className: ax([styles.attributionIcon])
+  }, /*#__PURE__*/React.createElement(AttributionIcon, null)), /*#__PURE__*/React.createElement(Text, {
+    size: "small",
+    color: "color.text.subtle"
+  }, AttributionIcon ? preview.attribution.name : formatMessage(messages.previewAttributionBy, {
+    name: preview.attribution.name
+  })))));
+};
+const PreviewImage = ({
+  imageUrl
+}) => {
+  const [hasFailed, setHasFailed] = useState(false);
+  const [hasLoaded, setHasLoaded] = useState(false);
+  return /*#__PURE__*/React.createElement("div", {
+    "aria-hidden": "true",
+    "data-testid": "quick-insert-preview-image-area",
+    className: ax([styles.imageArea])
+  }, !hasFailed && /*#__PURE__*/React.createElement("img", {
     "aria-hidden": "true",
     "data-testid": "quick-insert-hover-preview",
-    src: previewImageUrl,
+    src: imageUrl,
     alt: "",
-    onLoad: event => {
-      const {
-        naturalHeight,
-        naturalWidth
-      } = event.currentTarget;
-      if (naturalWidth === 0) {
-        return;
-      }
-      setDimensions({
-        height: naturalHeight / naturalWidth * PREVIEW_WIDTH,
-        width: PREVIEW_WIDTH
-      });
-    },
+    onLoad: () => setHasLoaded(true),
     onError: () => setHasFailed(true),
-    className: ax([styles.image, dimensions ? styles.visible : styles.hidden])
-  })), referenceElement.ownerDocument.body);
+    className: ax([styles.image, !hasLoaded && styles.imageHidden])
+  }));
 };

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

@@ -8,8 +8,10 @@ export const QuickInsertMenuItem = ({
   iconBefore,
   isDisabled,
   onSelect,
+  preview,
   previewImageUrls,
   shortcut,
+  shouldShowPreview,
   shouldWrapIcon,
   title
 }) => {
@@ -31,8 +33,10 @@ export const QuickInsertMenuItem = ({
     iconBefore: iconBefore,
     isDisabled: isDisabled,
     onSelect: onSelect,
+    preview: preview,
     previewImageUrls: previewImageUrls,
     shortcut: shortcut,
+    shouldShowPreview: shouldShowPreview,
     shouldWrapIcon: shouldWrapIcon,
     title: title
   });

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

@@ -1,8 +1,15 @@
 import React from 'react';
-import Section from '@atlaskit/menu/section';
+import HeadingItem from '@atlaskit/menu/heading-item';
+import { Box } from '@atlaskit/primitives/compiled/box';
 export const QuickInsertMenuSection = ({
   children,
   title
-}) => /*#__PURE__*/React.createElement(Section, {
-  title: title
-}, children);
+}) => /*#__PURE__*/React.createElement(Box, {
+  role: "group",
+  "aria-label": title
+}, /*#__PURE__*/React.createElement(Box, {
+  paddingBlockStart: "space.150",
+  paddingBlockEnd: "space.050"
+}, /*#__PURE__*/React.createElement(HeadingItem, {
+  "aria-hidden": true
+}, title)), children);

package/dist/es2019/quick-insert/confluence-attribution-icon.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { confluenceIcon } from '@atlaskit/logo/raw-icons';
+
+/** Decorative product icon accompanying the localized Confluence attribution name. */
+export const ConfluenceAttributionIcon = () => /*#__PURE__*/React.createElement("img", {
+  src: confluenceIcon,
+  alt: "",
+  width: 16,
+  height: 16
+});

package/dist/es2019/quick-insert/jira-attribution-icon.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { jiraIcon } from '@atlaskit/logo/raw-icons';
+
+/** Decorative product icon accompanying the localized Jira attribution name. */
+export const JiraAttributionIcon = () => /*#__PURE__*/React.createElement("img", {
+  src: jiraIcon,
+  alt: "",
+  width: 16,
+  height: 16
+});

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

@@ -129,5 +129,35 @@ export const messages = defineMessages({
     id: 'editor-common.quick-insert.categoryOther',
     defaultMessage: 'Other',
     description: 'Other items in the Quick Insert menu.'
+  },
+  previewAttributionBy: {
+    id: 'editor-common.quick-insert.previewAttributionBy',
+    defaultMessage: 'By {name}',
+    description: 'Attribution shown in a Quick Insert item preview.'
+  },
+  previewAttributionAtlassian: {
+    id: 'editor-common.quick-insert.previewAttributionAtlassian.ai-non-final',
+    defaultMessage: 'Atlassian',
+    description: 'Atlassian company name shown as the creator in a slash-command preview attribution.'
+  },
+  previewAttributionAssets: {
+    id: 'editor-common.quick-insert.previewAttributionAssets.ai-non-final',
+    defaultMessage: 'Assets',
+    description: 'Assets product name shown as the creator in a slash-command preview attribution.'
+  },
+  previewAttributionConfluence: {
+    id: 'editor-common.quick-insert.previewAttributionConfluence.ai-non-final',
+    defaultMessage: 'Confluence',
+    description: 'Confluence product name shown as the creator in a slash-command preview attribution.'
+  },
+  previewAttributionJira: {
+    id: 'editor-common.quick-insert.previewAttributionJira.ai-non-final',
+    defaultMessage: 'Jira',
+    description: 'Jira product name shown as the creator in a slash-command preview attribution.'
+  },
+  previewAttributionMicrosoft: {
+    id: 'editor-common.quick-insert.previewAttributionMicrosoft.ai-non-final',
+    defaultMessage: 'Microsoft',
+    description: 'Microsoft company name shown as the creator in a slash-command preview attribution.'
   }
 });

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

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

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

@@ -1,109 +1,109 @@
-const DAM_ASSET_LINK = 'https://dam-cdn.atl.orangelogic.com/AssetLink';
+const DAM_CDN_LINK = 'https://dam-cdn.atl.orangelogic.com/CDNLink';
 const snippetPreviewImageUrlsByKey = {
   // Action items
   '019e5cd9-5ca1-7258-befd-4f50d491bb42': {
-    light: `${DAM_ASSET_LINK}/qq0503l11x2ub0506p2s046o2ep5gw1w.png`,
-    dark: `${DAM_ASSET_LINK}/i77e8128ir0e34t8w11mar77ngq53o00.png`
+    light: `${DAM_CDN_LINK}/AT12OVLE.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJI.png`
   },
   // Bug report
   '019e5cd9-5ca1-7258-befd-1c3c59b0aa00': {
-    light: `${DAM_ASSET_LINK}/221f56s64c186314ka8a7uaj7m4di32l.png`,
-    dark: `${DAM_ASSET_LINK}/1c86e0v3ygh5ct5600luum0w67unpa23.png`
+    light: `${DAM_CDN_LINK}/AT12OVMN.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJ6.png`
   },
   // Campaign brief
   '019e5cd9-5ca1-7258-befd-398bb4e40f15': {
-    light: `${DAM_ASSET_LINK}/55j1ie55ad1nal6t3awxxui52rp47wn1.png`,
-    dark: `${DAM_ASSET_LINK}/36h5jgou0pw7v532411mbl501b8de4hm.png`
+    light: `${DAM_CDN_LINK}/AT12OVMY.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJE.png`
   },
   // Colorful layout
   '019e5cd9-5ca1-7258-befd-53b6eec19427': {
-    light: `${DAM_ASSET_LINK}/53j8kth40pkysk4rqs64038r4cw2i867.png`,
-    dark: `${DAM_ASSET_LINK}/k7ofa1q6r10dydey04780514v75j3fvx.png`
+    light: `${DAM_CDN_LINK}/AT12OVN6.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVIG.png`
   },
   // Colorful numbered table
   '019e5cd9-5ca1-7258-befd-70a282facf16': {
-    light: `${DAM_ASSET_LINK}/f02n6041opl0rqvbygs2hv162mt6jq3u.png`,
-    dark: `${DAM_ASSET_LINK}/s63mw28263h0oi8we3x052m7rsw2o1k8.png`
+    light: `${DAM_CDN_LINK}/AT12OVN7.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJL.png`
   },
   // Colorful summary
   '019e5cd9-5ca1-7258-befd-7e200502de8e': {
-    light: `${DAM_ASSET_LINK}/242qv11f2p7y1u461v71glq85x76b5gp.png`,
-    dark: `${DAM_ASSET_LINK}/jeaj3a8g7x61syy45d73c2223647b14j.png`
+    light: `${DAM_CDN_LINK}/AT12OVN4.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVIE.png`
   },
   // Colorful table
   '019e5cd9-5ca1-7258-befd-5524d394ba0a': {
-    light: `${DAM_ASSET_LINK}/8w8571k707dlx556rxr3hs72gs5q4m42.png`,
-    dark: `${DAM_ASSET_LINK}/wkt55v21i5q520pqxjh31x5g2j8upth4.png`
+    light: `${DAM_CDN_LINK}/AT12OVMJ.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJM.png`
   },
   // Competitive snapshot
   '019e5cd9-5ca1-7258-befd-40d1947b7b84': {
-    light: `${DAM_ASSET_LINK}/k5cm81s2h7i41d4d6832n67c2m767h6t.png`,
-    dark: `${DAM_ASSET_LINK}/ks38nc26451n7384d52413lck2qhq4e6.png`
+    light: `${DAM_CDN_LINK}/AT12OVMR.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJC.png`
   },
   // Criteria rubric
   '019e5cd9-5ca1-7258-befd-84723a493931': {
-    light: `${DAM_ASSET_LINK}/n00f5ur678kbqdqjj5e13xpij6u3kkuq.png`,
-    dark: `${DAM_ASSET_LINK}/54k2y2f7n2tpg2n12is326376102c3b5.png`
+    light: `${DAM_CDN_LINK}/AT12OVMA.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJ1.png`
   },
   // Customer quote
   '019e5cd9-5ca1-7258-befd-5fcf6165870f': {
-    light: `${DAM_ASSET_LINK}/k8q5l4htp63652mhw572ed6chren37mv.png`,
-    dark: `${DAM_ASSET_LINK}/y0leijw14xp7mdpi3265xn0d5ymo5lfm.png`
+    light: `${DAM_CDN_LINK}/AT12OVLF.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJK.png`
   },
   // Decision log
   '019e5cd9-5ca1-7258-befd-30c6e8712ba4': {
-    light: `${DAM_ASSET_LINK}/4vuxracm3c33555h1u4ug65q55267574.png`,
-    dark: `${DAM_ASSET_LINK}/5445044f626dcb58dbc7s6axr32e4ywl.png`
+    light: `${DAM_CDN_LINK}/AT12OVMT.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJ9.png`
   },
   // Launch checklist
   '019e5cd9-5ca1-7258-befd-3ce1c551015e': {
-    light: `${DAM_ASSET_LINK}/1o0gj47oprg341fe6iip8fdx8561t54n.png`,
-    dark: `${DAM_ASSET_LINK}/lay6kpn21b264q2q8144h3s18uwjud0f.png`
+    light: `${DAM_CDN_LINK}/AT12OVKW.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVHN.png`
   },
   // Meeting agenda
   '019e5cd9-5ca1-7258-befd-47559a8d7cfc': {
-    light: `${DAM_ASSET_LINK}/2hn6q5dt118vwyqi438725l141u70fb8.png`,
-    dark: `${DAM_ASSET_LINK}/r4l0ydb7ujg4lms6n0wrrnsmsd1x65kw.png`
+    light: `${DAM_CDN_LINK}/AT12OVMU.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJD.png`
   },
   // Project status snapshot
   '019e5cd9-5ca1-7258-befd-2943939d1b79': {
-    light: `${DAM_ASSET_LINK}/qk6emfe0oa2260ldt11748672gs65y1l.png`,
-    dark: `${DAM_ASSET_LINK}/tt36rsll4cmq4607ik7g2d10fxmysyt4.png`
+    light: `${DAM_CDN_LINK}/AT12OVMO.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJU.png`
   },
   // Pros and cons
   '019e5cd9-5ca1-7258-befd-6db9658d75f4': {
-    light: `${DAM_ASSET_LINK}/22078yl6viws8rc3au187m76x07xcu61.png`,
-    dark: `${DAM_ASSET_LINK}/4tfd6w50y4yxfh4ks75w5ql04u17n7ub.png`
+    light: `${DAM_CDN_LINK}/AT12OVN5.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVHY.png`
   },
   // Quick project update
   '019e5cd9-5ca1-7258-befd-820ce1acd7a0': {
-    light: `${DAM_ASSET_LINK}/i8cfkp8v6716121f0w054g85mkw15wgu.png`,
-    dark: `${DAM_ASSET_LINK}/x7a25y5f33ok60871t31e1my5c7880cr.png`
+    light: `${DAM_CDN_LINK}/AT12OVNA.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVI5.png`
   },
   // Risks and assumptions
   '019e5cd9-5ca1-7258-befd-2da95ce98772': {
-    light: `${DAM_ASSET_LINK}/yl7w10ms70ptlodhc703f6byo3wf7xty.png`,
-    dark: `${DAM_ASSET_LINK}/mn14wqw150cu05w3s358w3f2f1vfgv7r.png`
+    light: `${DAM_CDN_LINK}/AT12OVMQ.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJ7.png`
   },
   // Roles and responsibilities matrix
   '019e5cd9-5ca1-7258-befd-37cd3a06776d': {
-    light: `${DAM_ASSET_LINK}/67hs5t8u4t63c4fepm6ho1c4d5u12bed.png`,
-    dark: `${DAM_ASSET_LINK}/wj5s3dy5nvb810t87f7x45cie88783h6.png`
+    light: `${DAM_CDN_LINK}/AT12OVM8.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVHG.png`
   },
   // Run sheet
   '019e5cd9-5ca1-7258-befd-4a9979f87235': {
-    light: `${DAM_ASSET_LINK}/tt0n285m6jl5lxb46c5v4fn856540351.png`,
-    dark: `${DAM_ASSET_LINK}/qcrcqcs14753208xqw1j8r38mgs57w2f.png`
+    light: `${DAM_CDN_LINK}/AT12OVMZ.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJB.png`
   },
   // Started → Now
   '019e5cd9-5ca1-7258-befd-74fb1585da6f': {
-    light: `${DAM_ASSET_LINK}/5ggat8yryusxvaqj3o800t8v6hcyh22v.png`,
-    dark: `${DAM_ASSET_LINK}/287u8yil1jb1j5p1fih0141h07k2f64w.png`
+    light: `${DAM_CDN_LINK}/AT12OVN8.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVJQ.png`
   },
   // Weekly calendar
   '019e5cd9-5ca1-7258-befd-580c2c95a0a0': {
-    light: `${DAM_ASSET_LINK}/na153u604p852n54aji7aj1gf14431o7.png`,
-    dark: `${DAM_ASSET_LINK}/sw7m5s5ay718h025c6ed3gaq63orv4gu.png`
+    light: `${DAM_CDN_LINK}/AT12OVN2.png`,
+    dark: `${DAM_CDN_LINK}/AT12OVIJ.png`
   }
 };
 export const getSnippetPreviewImageUrls = snippetKey => Object.prototype.hasOwnProperty.call(snippetPreviewImageUrlsByKey, snippetKey) ? snippetPreviewImageUrlsByKey[snippetKey] : undefined;

package/dist/es2019/quick-insert/use-menu-list-height.js

@@ -0,0 +1,37 @@
+import { useCallback, useLayoutEffect, useRef, useState } from 'react';
+/** Keep the list viewport in sync with measured rows, including short search results. */
+export function useMenuListHeight(cache, rowCount, rowKeySignature) {
+  const [height, setHeight] = useState(() => Array.from({
+    length: rowCount
+  }, (_, index) => cache.rowHeight({
+    index
+  })).reduce((sum, value) => sum + value, 0));
+  const frame = useRef();
+  const updateHeight = useCallback(() => {
+    if (frame.current !== undefined) {
+      cancelAnimationFrame(frame.current);
+    }
+    // CellMeasurer updates its cache during commit. Read it after all rows have measured.
+    frame.current = requestAnimationFrame(() => {
+      frame.current = undefined;
+      const total = Array.from({
+        length: rowCount
+      }, (_, index) => cache.rowHeight({
+        index
+      })).reduce((sum, height) => sum + height, 0);
+      setHeight(total);
+    });
+  }, [cache, rowCount]);
+  useLayoutEffect(() => {
+    updateHeight();
+    return () => {
+      if (frame.current !== undefined) {
+        cancelAnimationFrame(frame.current);
+      }
+    };
+  }, [rowKeySignature, updateHeight]);
+  return {
+    height,
+    updateHeight
+  };
+}

package/dist/es2019/quick-insert/use-menu-popup-sizing.js

@@ -0,0 +1,49 @@
+import { useLayoutEffect, useState } from 'react';
+import { bind } from 'bind-event-listener';
+import rafSchedule from 'raf-schd';
+import { findOverflowScrollParent } from '../ui/Popup/utils';
+/** Constrain menu height to the available space; Popup chooses placement. */
+export function useMenuPopupSizing({
+  target,
+  boundariesElement,
+  scrollableElement,
+  maxHeight,
+  offset,
+  isOpen = true
+}) {
+  const [height, setHeight] = useState(maxHeight);
+  useLayoutEffect(() => {
+    const view = target === null || target === void 0 ? void 0 : target.ownerDocument.defaultView;
+    if (!target || !view || !isOpen) {
+      return;
+    }
+    const boundary = boundariesElement || target.ownerDocument.body;
+    const scrollParent = scrollableElement || findOverflowScrollParent(target);
+    const update = () => {
+      const rect = target.getBoundingClientRect();
+      const bounds = boundary.getBoundingClientRect();
+      const above = Math.max(0, rect.top - (bounds.top - boundary.scrollTop) - offset);
+      const below = Math.max(0, bounds.bottom - rect.bottom - offset);
+      const space = below >= maxHeight ? below : Math.max(above, below);
+      // Popup rounds its position up to a CSS pixel. Reserve that pixel at the edge.
+      const available = Math.max(0, Math.floor(space) - 1);
+      setHeight(Math.min(maxHeight, available));
+    };
+    const schedule = rafSchedule(update);
+    update();
+    const unbindResize = bind(view, {
+      type: 'resize',
+      listener: schedule
+    });
+    const unbindScroll = scrollParent ? bind(scrollParent, {
+      type: 'scroll',
+      listener: schedule
+    }) : undefined;
+    return () => {
+      unbindResize();
+      unbindScroll === null || unbindScroll === void 0 ? void 0 : unbindScroll();
+      schedule.cancel();
+    };
+  }, [target, boundariesElement, scrollableElement, maxHeight, offset, isOpen]);
+  return height;
+}

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 = "125.2.1";
+const packageVersion = "125.4.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -47,6 +47,7 @@ export default function MentionWithProfileCard({
 }) {
   const {
     cloudId,
+    renderAgentMentionCard,
     renderUserMentionCard,
     resourceClient
   } = profilecardProvider;
@@ -70,6 +71,13 @@ export default function MentionWithProfileCard({
 
   // Agent mentions (userType 'APP') open the Rovo agent profile card on click.
   if (userType === 'APP' && cloudId && isExperimentEnabled('rovo_chat_mention_agents')) {
+    if (renderAgentMentionCard) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, renderAgentMentionCard({
+        accountId: id,
+        children: mention,
+        cloudId
+      }));
+    }
     return /*#__PURE__*/React.createElement(AgentProfileCardTrigger, {
       agentId: id,
       agentIdType: isExperimentEnabled('platform_editor_comment_mention_card_fixes') ? 'identity' : undefined,

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

@@ -11,6 +11,9 @@ import { ELEMENT_BROWSER_ID } from '../../element-browser';
 import { fullPageMessages } from '../../messages';
 import { mediaInsertMessages } from '../../messages/media-insert';
 import { EDIT_AREA_ID } from '../../ui';
+
+// oxlint-disable-next-line eslint/no-redeclare
+
 /*
  **  The context is used to handle the keydown events of submenus.
  **  Because the keyboard navigation is explicitly managed for main toolbar items

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

@@ -39,6 +39,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["DEACTIVATED"] = "deactivated";
   ACTION["DECREMENTED"] = "decremented";
   ACTION["DELETED"] = "deleted";
+  ACTION["DISCARD_ALL"] = "discardAll";
   ACTION["DISCARDED_INVALID_STEPS_FROM_TRANSACTION"] = "discardedInvalidStepsFromTransaction";
   ACTION["DISCARDED"] = "discarded";
   /** used in @atlassian/editor-referentiality */
@@ -62,6 +63,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["ENTERED"] = "entered";
   ACTION["ERROR"] = "error";
   ACTION["ERRORED"] = "errored";
+  ACTION["EMPTY_STATE_EXPOSED"] = "emptyStateExposed";
   ACTION["EXPERIENCE_MEASURED"] = "experienceMeasured";
   ACTION["EXPERIENCE_SAMPLED"] = "experienceSampled";
   ACTION["EXPOSED"] = "exposed";
@@ -118,6 +120,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["REFERENCE_SYNCED_BLOCK_UPDATE"] = "referenceSyncedBlockUpdate";
   ACTION["REFERENCE_SYNCED_BLOCK_UNSYNC"] = "referenceSyncedBlockUnsync";
   ACTION["REFERENCE_SYNCED_BLOCK_COPY"] = "referenceSyncedBlockCopy";
+  ACTION["RIGHT_RAIL_CLOSED"] = "rightRailClosed";
   ACTION["RIGHT_RAIL_VIEWED"] = "rightRailViewed";
   ACTION["REPLACED_ALL"] = "replacedAll";
   ACTION["REPLACED_ONE"] = "replacedOne";