@atlaskit/editor-common 125.2.1 → 125.4.0

package/CHANGELOG.md

@@ -1,5 +1,66 @@
 # @atlaskit/editor-common
 
+## 125.4.0
+
+### Minor Changes
+
+- [`a034f535638cc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a034f535638cc) -
+  Add structured Quick Insert previews with localised title, description and attribution under
+  platform_editor_slash_command.
+
+  Exclude footer and category navigation actions from previews. Left-align attribution, use subtle
+  title and attribution text, and default description text.
+
+  Show text previews even without preview metadata, and reserve a fixed image area while images load
+  or when they fail. Keep previews within the viewport, flipping left when needed, with compact
+  panel dimensions and typography.
+
+  Replace baked panel screenshots with image-only assets. Remove image fields from text-only legacy
+  previews while preserving their attribution.
+
+  Let extension providers own their preview images and attribution. Pass preview metadata through
+  the Company Hub manifest factory and remove Editor's fallback preview registry.
+
+  Localize provider attribution names and display Confluence and Jira product icons instead of the
+  attribution prefix when an icon is present. Allow the Dropbox manifest to receive the host's
+  message formatter.
+
+- [`7306003a7565b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7306003a7565b) -
+  Add shared measured list and adaptive popup sizing helpers, and align category heading spacing for
+  platform_editor_slash_command.
+- [`f5ec508f7f5ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f5ec508f7f5ba) -
+  Add an optional `renderAgentMentionCard` render-prop to `ProfilecardProvider`, gated behind
+  `platform_editor_agent_profile_card_update`. This lets 1P products inject
+  `@atlassian/agent-profile-card` for agent mentions in the editor and renderer, while public editor
+  consumers and products that haven't wired the hook keep the existing `@atlaskit/profilecard` agent
+  card.
+
+  Widen `@atlassian/agent-profile-card`'s `onChatClick` to also receive the Studio agent ID, and add
+  an `isReadOnly` prop that suppresses the card's chat button, dropdown and favourite star.
+
+### Patch Changes
+
+- Updated dependencies
+
+## 125.3.0
+
+### Minor Changes
+
+- [`981dd11bb4ed2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/981dd11bb4ed2) -
+  Add opt-in target visibility handling to editor popups, and use it to hide the Jira description
+  block menu while its originating node is outside the visible viewport. The popup reappears when
+  its target returns, preserving an open nested menu, behind the
+  `platform_editor_popup_target_visibility` experiment.
+
+### Patch Changes
+
+- [`e339b127f827a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e339b127f827a) -
+  Route `platform_editor_controls` checks that used `expValEquals` / `expValEqualsNoExposure`
+  through `editorExperiment`, so they respect the per-product experiment key (Confluence
+  `platform_editor_controls`, Jira `platform_editor_controls_jira`). Previously these checks always
+  read the Confluence experiment, which evaluated to control in Jira.
+- Updated dependencies
+
 ## 125.2.1
 
 ### Patch Changes

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

@@ -9,15 +9,11 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _reactLooselyLazy = require("react-loosely-lazy");
-var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } /**
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-// oxlint-disable-next-line @atlassian/no-restricted-imports
-// oxlint-disable-next-line @atlassian/no-restricted-imports
 var spinnerContainer = (0, _react2.css)({
   display: 'flex',
   alignItems: 'center',
@@ -25,23 +21,14 @@ var spinnerContainer = (0, _react2.css)({
   height: '100%',
   width: '100%'
 });
-var loadElementBrowser = function loadElementBrowser() {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-element-browser" */'../ElementBrowser'));
-  }).then(function (module) {
-    return module.default;
-  });
-};
-var ElementBrowserLazy = (0, _reactLooselyLazy.lazy)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-element-browser" */'../ElementBrowser'));
-  }).then(function (module) {
-    return module.default;
-  });
-});
-ElementBrowserLazy.displayName = 'lazy(ElementBrowser)';
-var ElementBrowserLoadable = (0, _reactLoadable.default)({
-  loader: loadElementBrowser,
+var ElementBrowserLoader = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-element-browser" */'../ElementBrowser'));
+    }).then(function (module) {
+      return module.default;
+    });
+  },
   loading: function loading() {
     return (0, _react2.jsx)("div", {
       css: spinnerContainer
@@ -51,14 +38,4 @@ var ElementBrowserLoadable = (0, _reactLoadable.default)({
     }));
   }
 });
-var ElementBrowserLoader = function ElementBrowserLoader(props) {
-  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? (0, _react2.jsx)(_reactLooselyLazy.LazySuspense, {
-    fallback: null
-  }, (0, _react2.jsx)(ElementBrowserLazy, props)) :
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  (0, _react2.jsx)(ElementBrowserLoadable, props);
-};
-ElementBrowserLoader.preload = function () {
-  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? ElementBrowserLazy.preload() : ElementBrowserLoadable.preload();
-};
 var _default = exports.default = ElementBrowserLoader;

package/dist/cjs/extensions/buildMenuItem.js

@@ -11,15 +11,16 @@ var _manifestHelpers = require("./manifest-helpers");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function buildMenuItem(manifest, extensionModule) {
-  var _extensionModule$cate, _ref, _extensionModule$app;
+  var _extensionModule$prev, _extensionModule$cate, _ref, _extensionModule$app;
   var title = extensionModule.title || manifest.title;
   var key = "".concat(manifest.key, ":").concat(extensionModule.key);
   var node = (0, _manifestHelpers.buildAction)(extensionModule.action, manifest);
+  var preview = (_extensionModule$prev = extensionModule.preview) !== null && _extensionModule$prev !== void 0 ? _extensionModule$prev : manifest.preview;
   var category = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command') ? (_extensionModule$cate = extensionModule.category) !== null && _extensionModule$cate !== void 0 ? _extensionModule$cate : manifest.category : undefined;
   if (!node) {
     throw new Error("Couldn't find any action for ".concat(title, " (").concat(key, ")"));
   }
-  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_app_category_analytics') || (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command') ? {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_app_category_analytics') || (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command') ? {
     app: (_ref = (_extensionModule$app = extensionModule.app) !== null && _extensionModule$app !== void 0 ? _extensionModule$app : manifest.app) !== null && _ref !== void 0 ? _ref : {
       key: manifest.key
     }
@@ -38,7 +39,9 @@ function buildMenuItem(manifest, extensionModule) {
     summary: manifest.summary,
     documentationUrl: manifest.documentationUrl,
     priority: extensionModule.priority
-  }, extensionModule.lozenge != null && {
+  }, preview != null && {
+    preview: preview
+  }), extensionModule.lozenge != null && {
     lozenge: extensionModule.lozenge
   }), {}, {
     icon: extensionModule.icon || manifest.icons['48'],

package/dist/cjs/extensions/extension-handlers.js

@@ -15,27 +15,16 @@ exports.getExtensionModuleNodeMaybePreloaded = getExtensionModuleNodeMaybePreloa
 exports.getExtensionModuleNodePrivateProps = getExtensionModuleNodePrivateProps;
 exports.getNodeRenderer = getNodeRenderer;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _reactLooselyLazy = require("react-loosely-lazy");
-var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _manifestHelpers = require("./manifest-helpers");
 var _messages = require("./messages");
 var _resolveImportSync = require("./resolveImportSync");
 var _UnknownMacroPlaceholder = require("./UnknownMacroPlaceholder");
 var _getExtensionManifest = require("./getExtensionManifest");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // oxlint-disable-next-line @atlassian/no-restricted-imports
 function getNodeFromManifest(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 manifest, extKey, nodeKey, extensionType, extensionKey) {
@@ -131,52 +120,6 @@ function isUnknownConfluenceMacroWithBody(extensionNode) {
   var _extensionNode$parame;
   return extensionNode !== null && extensionNode.type === 'extension' && extensionNode.extensionType === 'com.atlassian.confluence.macro.core' && !!((_extensionNode$parame = extensionNode.parameters) !== null && _extensionNode$parame !== void 0 && (_extensionNode$parame = _extensionNode$parame.macroParams) !== null && _extensionNode$parame !== void 0 && (_extensionNode$parame = _extensionNode$parame.__bodyContent) !== null && _extensionNode$parame !== void 0 && _extensionNode$parame.value);
 }
-// eslint-disable-next-line @repo/internal/react/no-class-components -- error boundaries require a class component
-var ExtensionRendererErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  function ExtensionRendererErrorBoundary() {
-    var _this;
-    (0, _classCallCheck2.default)(this, ExtensionRendererErrorBoundary);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, ExtensionRendererErrorBoundary, [].concat(args));
-    (0, _defineProperty2.default)(_this, "state", {});
-    return _this;
-  }
-  (0, _inherits2.default)(ExtensionRendererErrorBoundary, _React$Component);
-  return (0, _createClass2.default)(ExtensionRendererErrorBoundary, [{
-    key: "componentDidCatch",
-    value: function componentDidCatch(error) {
-      // eslint-disable-next-line no-console
-      console.error('Error rendering extension', error);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return this.state.error ? renderExtensionLoadingError(this.state.error, this.props.fallbackProps) : this.props.children;
-    }
-  }], [{
-    key: "getDerivedStateFromError",
-    value: function getDerivedStateFromError(error) {
-      return {
-        error: error
-      };
-    }
-  }]);
-}(_react.default.Component);
-var noop = function noop() {};
-function renderExtensionLoadingError(error, props) {
-  // Needed because the old react-loadable (older code-splitting library) error handling behaviour might be relied on by extensions.
-  // https://unpkg.com/react-loadable@5.2.2/lib/index.js
-  return /*#__PURE__*/_react.default.createElement(ExtensionLoading, (0, _extends2.default)({
-    isLoading: false,
-    pastDelay: true,
-    timedOut: false,
-    error: error,
-    retry: noop
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props));
-}
 function ExtensionLoading(props) {
   var intl = (0, _reactIntl.useIntl)();
   var extensionNode = props.node;
@@ -199,50 +142,28 @@ function ExtensionLoading(props) {
 
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
 function getNodeRenderer(extensionProvider, extensionType, extensionKey) {
-  var loadNodeRenderer = function loadNodeRenderer() {
-    var _renderSync, _ref;
-    var maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
-    if (maybePromise instanceof Promise) {
-      return maybePromise.then(function (node) {
-        return (0, _manifestHelpers.resolveImport)(node.render());
-      });
-    }
-    var preloaded = maybePromise === null || maybePromise === void 0 || (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
-    // Only product implemented preloading will return sync result
-    // However the out-of-box won't handle this. Confluence uses a custom implementation
-    return preloaded ?
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (0, _resolveImportSync.resolveImportSync)(preloaded) : (0, _manifestHelpers.resolveImport)(maybePromise.render());
-  };
-  var LazyNodeRenderer = (0, _reactLooselyLazy.lazy)(function () {
-    return loadNodeRenderer();
-  });
-  LazyNodeRenderer.displayName = 'lazy(NodeRenderer)';
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  var LoadableNodeRenderer = (0, _reactLoadable.default)({
-    loader: loadNodeRenderer,
+  return (0, _reactLoadable.default)({
+    loader: function loader() {
+      var maybePromise = getExtensionModuleNodeMaybePreloaded(extensionProvider, extensionType, extensionKey);
+      if (maybePromise instanceof Promise) {
+        return maybePromise.then(function (node) {
+          return (0, _manifestHelpers.resolveImport)(node.render());
+        });
+      } else {
+        var _renderSync, _ref;
+        var preloaded = maybePromise === null || maybePromise === void 0 || (_renderSync = (_ref = maybePromise).renderSync) === null || _renderSync === void 0 ? void 0 : _renderSync.call(_ref);
+        // Only product implemented preloading will return sync result
+        // However the out-of-box won't handle this. Confluence uses a custom implementation
+        return preloaded ?
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (0, _resolveImportSync.resolveImportSync)(preloaded) : (0, _manifestHelpers.resolveImport)(maybePromise.render());
+      }
+    },
     // react-loadable passes all props from <NodeRenderer> to the loading component at runtime,
     // but its TypeScript types only expect LoadingComponentProps. We cast here because
     // ExtensionLoading accepts additional props (node, showUnknownMacroPlaceholder) that
     // react-loadable will pass through but doesn't know about in its type definitions.
     loading: ExtensionLoading
   });
-  var NodeRenderer = function NodeRenderer(props) {
-    var _props$loadingFallbac;
-    if (!(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration')) {
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      return /*#__PURE__*/_react.default.createElement(LoadableNodeRenderer, props);
-    }
-    return /*#__PURE__*/_react.default.createElement(ExtensionRendererErrorBoundary, {
-      fallbackProps: props
-    }, /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
-      fallback: (_props$loadingFallbac = props.loadingFallback) !== null && _props$loadingFallbac !== void 0 ? _props$loadingFallbac : null
-    }, /*#__PURE__*/_react.default.createElement(LazyNodeRenderer, props)));
-  };
-  NodeRenderer.preload = function () {
-    return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? LazyNodeRenderer.preload() : LoadableNodeRenderer.preload();
-  };
-  return NodeRenderer;
 }
 // eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/floating-toolbar/DropdownMenuExtensionItems.js

@@ -11,15 +11,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _reactLooselyLazy = require("react-loosely-lazy");
-var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _extensions = require("../extensions");
 var _utils = require("../utils");
 var _DropdownMenuItem = require("./DropdownMenuItem");
 var _DropdownSeparator = require("./DropdownSeparator");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-// oxlint-disable-next-line @atlassian/no-restricted-imports
-
 var noop = function noop() {
   return null;
 };
@@ -98,29 +94,12 @@ var DropdownMenuExtensionItem = function DropdownMenuExtensionItem(_ref3) {
   // Use ref to keep icon component stable across renders
   var iconRef = (0, _react.useRef)(null);
   if (!iconRef.current && item.icon) {
-    var loadIcon = function loadIcon() {
-      return resolveExtensionIcon(item.icon);
-    };
-    var IconLazy = (0, _reactLooselyLazy.lazy)(function () {
-      return resolveExtensionIcon(item.icon);
-    });
-    IconLazy.displayName = 'lazy(ExtensionIcon)';
-    var IconLoadable = (0, _reactLoadable.default)({
-      loader: loadIcon,
+    iconRef.current = (0, _reactLoadable.default)({
+      loader: function loader() {
+        return resolveExtensionIcon(item.icon);
+      },
       loading: noop
     });
-    var Icon = function Icon(props) {
-      return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
-        fallback: null
-      }, /*#__PURE__*/_react.default.createElement(IconLazy, props)) :
-      /*#__PURE__*/
-      // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
-      _react.default.createElement(IconLoadable, props);
-    };
-    Icon.preload = function () {
-      return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconLazy.preload() : IconLoadable.preload();
-    };
-    iconRef.current = Icon;
   }
   var dropdownItem = convertExtensionToDropdownMenuItem({
     item: item,

package/dist/cjs/icons/index.js

@@ -66,10 +66,7 @@ Object.defineProperty(exports, "rainbow", {
   }
 });
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _react = _interopRequireDefault(require("react"));
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _reactLooselyLazy = require("react-loosely-lazy");
-var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _PanelInfoIcon = require("./shared/PanelInfoIcon");
 var _PanelWarningIcon = require("./shared/PanelWarningIcon");
 var _PanelErrorIcon = require("./shared/PanelErrorIcon");
@@ -79,36 +76,16 @@ var _BorderIcon = require("./shared/BorderIcon");
 var _SteppedRainbowIconDecoration = require("./shared/SteppedRainbowIconDecoration");
 var _DynamicStrokeIconDecoration = require("./shared/DynamicStrokeIconDecoration");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } // Disable no-re-export rule for entry point files
-/* eslint-disable @atlaskit/editor/no-re-export */ // oxlint-disable-next-line @atlassian/no-restricted-imports
-var loadIconTable = function loadIconTable() {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-table" */'../icons/shared/table'));
-  }).then(function (module) {
-    return module.default;
-  });
-};
-var IconTableLazy = (0, _reactLooselyLazy.lazy)(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-table" */'../icons/shared/table'));
-  }).then(function (module) {
-    return module.default;
-  });
-});
-IconTableLazy.displayName = 'lazy(IconTable)';
-var IconTableLoadable = (0, _reactLoadable.default)({
-  loader: loadIconTable,
+/* eslint-disable @atlaskit/editor/no-re-export */
+var IconTable = exports.IconTable = (0, _reactLoadable.default)({
+  loader: function loader() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-icon-table" */'../icons/shared/table'));
+    }).then(function (module) {
+      return module.default;
+    });
+  },
   loading: function loading() {
     return null;
   }
-});
-var IconTable = exports.IconTable = function IconTable(props) {
-  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/_react.default.createElement(_reactLooselyLazy.LazySuspense, {
-    fallback: null
-  }, /*#__PURE__*/_react.default.createElement(IconTableLazy, props)) :
-  /*#__PURE__*/
-  // eslint-disable-next-line react/jsx-props-no-spreading -- pass icon props to the legacy component
-  _react.default.createElement(IconTableLoadable, props);
-};
-IconTable.preload = function () {
-  return (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_loosely_lazy_migration') ? IconTableLazy.preload() : IconTableLoadable.preload();
-};
+});

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 = "125.2.0";
+var packageVersion = "125.3.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/quick-insert/CompactQuickInsertMenuItem.compiled.css

@@ -1,7 +1,6 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
-._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
 ._189ee4h9{border-width:var(--ds-border-width,1px)}
 ._18zr1b66{padding-inline:var(--ds-space-050,4px)}
 ._1dqonqa1{border-style:solid}

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

@@ -11,8 +11,6 @@ require("./CompactQuickInsertMenuItem.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
-var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _primitives = require("@atlaskit/primitives");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _QuickInsertHoverPreview = require("./QuickInsertHoverPreview");
@@ -23,7 +21,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var styles = {
   iconContainer: "_4cvr1h6o _1e0c1txw _1o9zidpf _1bah1h6o _1tke1tcg _1ul91tcg",
   content: "_16jlkb7n _1o9zkb7n _i0dlidpf _1ul9idpf",
-  icon: "_2rko1qi0 _1reo15vq _18m915vq _1h6d1l7x _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk1bhr _1e0c1txw _4t3izwfg _1bah1h6o _1bsbzwfg",
   iconLarge: "_2rko1mok _1reo15vq _18m915vq _1h6d1l7x _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk1bhr _1e0c1txw _4t3izwfg _1bah1h6o _1bsbzwfg",
   shortcut: "_2rko12b0 _11c8wadc _1rjcv77o _18zr1b66 _bfhki8nm _syazazsu"
 };
@@ -81,12 +78,17 @@ var disabledItemStyles = (0, _primitives.xcss)({
   width: '100%'
 });
 var CompactQuickInsertMenuItem = exports.CompactQuickInsertMenuItem = function CompactQuickInsertMenuItem(_ref) {
+  var _ref3, _resolvedPreview$imag, _resolvedPreview$imag2, _resolvedPreview$attr;
   var ariaLabel = _ref.ariaLabel,
+    description = _ref.description,
     iconBefore = _ref.iconBefore,
     isDisabled = _ref.isDisabled,
     onSelect = _ref.onSelect,
+    preview = _ref.preview,
     previewImageUrls = _ref.previewImageUrls,
     shortcut = _ref.shortcut,
+    _ref$shouldShowPrevie = _ref.shouldShowPreview,
+    shouldShowPreview = _ref$shouldShowPrevie === void 0 ? true : _ref$shouldShowPrevie,
     _ref$shouldWrapIcon = _ref.shouldWrapIcon,
     shouldWrapIcon = _ref$shouldWrapIcon === void 0 ? true : _ref$shouldWrapIcon,
     title = _ref.title;
@@ -98,38 +100,27 @@ var CompactQuickInsertMenuItem = exports.CompactQuickInsertMenuItem = function C
     },
     id = _ref2.id,
     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)();
   var handleClick = (0, _quickInsertMenuItemUtils.useQuickInsertMenuItemSelection)(onSelect);
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     referenceElement = _useState2[0],
     setReferenceElement = _useState2[1];
-  if (!(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command')) {
-    var _wrappedIcon = iconBefore && shouldWrapIcon ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.icon
-    }, iconBefore) : iconBefore;
-    return /*#__PURE__*/_react.default.createElement(_buttonItem.default, {
-      "aria-label": ariaLabel,
-      "aria-selected": isSelected,
-      iconBefore: _wrappedIcon,
-      id: id,
-      isDisabled: isDisabled,
-      isSelected: isSelected,
-      onClick: handleClick,
-      role: "option"
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
-      alignBlock: "center",
-      spread: "space-between"
-    }, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, title), shortcut && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      as: "span",
-      xcss: styles.shortcut
-    }, shortcut)));
-  }
+  var resolvedPreview = (0, _react.useMemo)(function () {
+    return preview !== null && preview !== void 0 ? preview : previewImageUrls ? {
+      image: previewImageUrls
+    } : {};
+  }, [preview, previewImageUrls]);
+  var shouldRenderPreview = shouldShowPreview && isSelected && !isDisabled;
+  var hasAccessiblePreview = Boolean(resolvedDescription || (resolvedPreview === null || resolvedPreview === void 0 ? void 0 : resolvedPreview.attribution));
   var wrappedIcon = iconBefore && shouldWrapIcon ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     xcss: styles.iconLarge
   }, iconBefore) : iconBefore;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     ref: setReferenceElement,
     "aria-label": ariaLabel,
+    "aria-describedby": shouldRenderPreview && hasAccessiblePreview ? previewId : undefined,
     "aria-selected": isSelected,
     id: id,
     isDisabled: isDisabled,
@@ -145,9 +136,12 @@ var CompactQuickInsertMenuItem = exports.CompactQuickInsertMenuItem = function C
   }, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, title), shortcut && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "span",
     xcss: styles.shortcut
-  }, shortcut))), isSelected && !isDisabled && (previewImageUrls === null || previewImageUrls === void 0 ? void 0 : previewImageUrls.light) && referenceElement && /*#__PURE__*/_react.default.createElement(_QuickInsertHoverPreview.QuickInsertHoverPreview, {
-    key: previewImageUrls.light,
-    previewImageUrls: previewImageUrls,
-    referenceElement: referenceElement
+  }, shortcut))), shouldRenderPreview && referenceElement && /*#__PURE__*/_react.default.createElement(_QuickInsertHoverPreview.QuickInsertHoverPreview, {
+    key: (_ref3 = (_resolvedPreview$imag = (_resolvedPreview$imag2 = resolvedPreview.image) === null || _resolvedPreview$imag2 === void 0 ? void 0 : _resolvedPreview$imag2.light) !== null && _resolvedPreview$imag !== void 0 ? _resolvedPreview$imag : (_resolvedPreview$attr = resolvedPreview.attribution) === null || _resolvedPreview$attr === void 0 ? void 0 : _resolvedPreview$attr.name) !== null && _ref3 !== void 0 ? _ref3 : title,
+    id: previewId,
+    description: resolvedDescription,
+    preview: resolvedPreview,
+    referenceElement: referenceElement,
+    title: title
   }));
 };

package/dist/cjs/quick-insert/QuickInsertHoverPreview.compiled.css

@@ -1,4 +1,45 @@
+._11c81qyo{font:var(--ds-font-heading-xsmall,normal 653 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._2rko12b0{border-radius:var(--ds-radius-small,4px)}
+._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
+._zulp1b66{gap:var(--ds-space-050,4px)}
+._zulpu2gc{gap:var(--ds-space-100,8px)}
+._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
+._1rjcutpp{padding-block:var(--ds-space-150,9pt)}
+._16jlidpf{flex-grow:0}
+._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
+._18m915vq{overflow-y:hidden}
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1bsb7vkz{width:1pc}
+._1bsbncxg{width:264px}
+._1bsbp3fh{width:15pc}
+._1e0c1txw{display:flex}
 ._1e0c1ule{display:block}
+._1e0ccj1k{display:-webkit-box}
+._1i4qfg65{overflow-wrap:anywhere}
+._1o9zidpf{flex-shrink:0}
 ._1pby16oo{z-index:510}
+._1reo15vq{overflow-x:hidden}
+._1yyjcs5v{-webkit-line-clamp:2}
+._1yyjegat{-webkit-line-clamp:4}
+._2lx21bp4{flex-direction:column}
 ._3um015vq{visibility:hidden}
-._3um0ewfl{visibility:visible}
+._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}
+._4t3i68cl{height:90pt}
+._4t3i7vkz{height:1pc}
+._5ral1f51{object-fit:contain}
+._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
+._c71l1kw7{max-height:inherit}
+._c71lk6is{max-height:calc(100vh - 1pc)}
+._i0dlexct{flex-basis:16px}
+._p12f1oec{max-width:calc(100vw - 1pc)}
+._p12f1osq{max-width:100%}
+._sudp1e54{-webkit-box-orient:vertical}
+._syazazsu{color:var(--ds-text-subtle,#505258)}
+._syazi7uo{color:var(--ds-text,#292a2e)}
+._vchhusvi{box-sizing:border-box}