@atlaskit/editor-common 122.3.2 → 122.4.0

package/dist/esm/extensibility/GeneratedContentReveal.js

@@ -0,0 +1,138 @@
+/* GeneratedContentReveal.tsx generated by @compiled/babel-plugin v3.0.1 */
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "./GeneratedContentReveal.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback, useEffect, useState } from 'react';
+import { ExtensionSSRReactContextsProvider } from './ExtensionSSRReactContextsProvider';
+import { useNativeEmbedSettled } from './useNativeEmbedSettled';
+
+/*
+ * Animates a native embed into the document once it has loaded.
+ *
+ * 1. `collapsed` — clipped to zero height and `inert`. The embed loads behind it, full size but
+ *    unseen, with its own loading overlay hidden.
+ * 2. `useNativeEmbedSettled` calls back once the embed has finished loading.
+ * 3. `revealing` — the measured height goes into `--extension-reveal-height` and the node animates
+ *    open (400ms).
+ * 4. The embed fades in (200ms), 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;
+ * fails with no frame → still settles and opens; no `animationend` → `REVEAL_TIMEOUT_MS`. Reduced
+ * motion runs the same steps with zero-length animations, so `animationend` still fires.
+ *
+ * Renders the wrapper span itself, in place of the default one in `ExtensionNodeWrapper`, so the
+ * reveal styles sit on the element editor-core reaches through `> span >` chains from the node view
+ * root. It therefore carries the default span's `relative` class and hover chrome as well.
+ */
+
+/** Long, because a MAUI app has to boot and render first. Reaching it means the signal is broken. */
+var READY_TIMEOUT_MS = 30000;
+
+/** For when no `animationend` arrives. Must exceed the reveal. */
+var REVEAL_TIMEOUT_MS = 1000;
+
+/** Set inline from the measured content height just before the animation runs. */
+var REVEAL_HEIGHT_VARIABLE = '--extension-reveal-height';
+var relativeStyles = null;
+
+// Mirrors the default span's hover chrome in `ExtensionNodeWrapper`; keep the two in step.
+var hoverStyles = null;
+
+/**
+ * Animates `max-height`, so the rendered height is `min(content, max-height)` and overshooting is
+ * harmless — the measurement is taken before the embed has settled on its size. A measurement is
+ * needed because the embed writes a definite inline `height` onto `.extension-container`.
+ */
+var openHeight = null;
+
+// `display: block` because `overflow` and `max-height` do not apply to an inline span.
+var clippedStyles = null;
+
+/**
+ * Shut, and with the embed's own loading overlay hidden, so only one loading state shows. Only while
+ * closed: once open the embed shows its own progress again, which a node opened by the fail-safe
+ * timeout needs. Hiding the overlay here keeps `data-native-embed-loading` set, which is the signal
+ * the reveal waits on.
+ */
+var collapsedStyles = null;
+var revealingStyles = null;
+
+// Two selectors because MAUI renders a bare iframe and others nest theirs in the card wrapper; the
+// second excludes that nested case so the same content is not faded twice.
+var embedContentEnteringStyles = null;
+
+/** Mirrored onto `data-extension-reveal`. */
+
+export var GeneratedContentReveal = function GeneratedContentReveal(_ref) {
+  var children = _ref.children,
+    intl = _ref.intl,
+    showMacroInteractionDesignUpdates = _ref.showMacroInteractionDesignUpdates;
+  // Held in state so the effects below run once the span exists.
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    wrapperElement = _useState2[0],
+    setWrapperElement = _useState2[1];
+  var _useState3 = useState('collapsed'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    state = _useState4[0],
+    setState = _useState4[1];
+
+  // Only a collapsed node opens, so whichever of the readiness signal and the fail-safe timer
+  // comes second changes nothing. The measurement is repeated harmlessly in that case.
+  var startRevealing = useCallback(function () {
+    // The clipped wrapper's `scrollHeight` is the height its content wants.
+    wrapperElement === null || wrapperElement === void 0 || wrapperElement.style.setProperty(REVEAL_HEIGHT_VARIABLE, "".concat(wrapperElement.scrollHeight, "px"));
+    setState(function (current) {
+      return current === 'collapsed' ? 'revealing' : current;
+    });
+  }, [wrapperElement]);
+
+  // Step 2 → 3.
+  useNativeEmbedSettled(wrapperElement, startRevealing);
+
+  // Set once the span exists; `startRevealing` only changes with it.
+  useEffect(function () {
+    var timer = setTimeout(startRevealing, READY_TIMEOUT_MS);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [startRevealing]);
+  useEffect(function () {
+    if (state !== 'revealing') {
+      return;
+    }
+    var timer = setTimeout(function () {
+      return setState('open');
+    }, REVEAL_TIMEOUT_MS);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [state]);
+
+  // Clipped content, and content waiting out the fade's delay, are invisible but still focusable.
+  // Set as an attribute because `inert` is absent from the React 18 JSX types.
+  useEffect(function () {
+    wrapperElement === null || wrapperElement === void 0 || wrapperElement.toggleAttribute('inert', state !== 'open');
+  }, [state, wrapperElement]);
+  var onAnimationEnd = useCallback(function (event) {
+    // The extension's own content animates too, and those events bubble.
+    if (event.target === event.currentTarget) {
+      setState('open');
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement(ExtensionSSRReactContextsProvider, {
+    intl: intl
+  }, /*#__PURE__*/React.createElement("span", {
+    "data-testid": "extension-node-wrapper",
+    "data-extension-reveal": state,
+    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' && "_c71lidpf _114yglyw", state === 'revealing' && "", state === 'revealing' && "_j7hq1umn _5sag15uc _1pglindk _2hwzru3m", state !== 'collapsed' && "_10i01bym _9sz11bym _147ai9qs _lwlpi9qs _lbjpindk _17w9indk _1p7l15uc _1jbo15uc _pjh31hrf _gp9p1hrf _dxfxru3m _log5ru3m _1pz3ru3m _9hrrru3m", showMacroInteractionDesignUpdates ? 'relative' : undefined]),
+    onAnimationEnd: onAnimationEnd,
+    style: {
+      "--_1wl3sa9": ix("var(".concat(REVEAL_HEIGHT_VARIABLE, ")"))
+    }
+  }, children));
+};

package/dist/esm/extensibility/extensionNodeView.js

@@ -15,6 +15,7 @@ import { isSSR } from '../core-utils';
 import ReactNodeView from '../react-node-view';
 import { Extension } from './Extension';
 import { ExtensionNodeWrapper } from './ExtensionNodeWrapper';
+import { isNativeEmbedExtension } from './nativeEmbedExtension';
 /**
  * Allowlists of extension keys + layout
  * Currently, only toc with default layout allows to skip React render.
@@ -290,7 +291,7 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "render",
     value: function render(props, forwardRef) {
-      var _props$extensionNodeV;
+      var _props$extensionNodeV, _props$extensionNodeV2;
       // While sitting on SSR DOM, skip the React portal — see {@link didReuseSsrDom}.
       if (this.didReuseSsrDom) {
         return null;
@@ -299,6 +300,9 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
         intl: props.intl,
         nodeType: this.node.type.name,
         macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags
+        // Only native embeds animate in; the reveal waits on the embed's own loading state.
+        ,
+        generatedContentMotion: !!((_props$extensionNodeV = props.extensionNodeViewOptions) !== null && _props$extensionNodeV !== void 0 && _props$extensionNodeV.allowAIGeneratedContentMotion) && isNativeEmbedExtension(this.node)
       }, /*#__PURE__*/React.createElement(Extension, {
         editorView: this.view,
         node: this.node,
@@ -315,7 +319,7 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
         handleContentDOMRef: forwardRef,
         extensionHandlers: props.extensionHandlers,
         extensionLoadingHandlers: props.extensionLoadingHandlers,
-        editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
+        editorAppearance: (_props$extensionNodeV2 = props.extensionNodeViewOptions) === null || _props$extensionNodeV2 === void 0 ? void 0 : _props$extensionNodeV2.appearance,
         pluginInjectionApi: props.pluginInjectionApi,
         macroInteractionDesignFeatureFlags: props.macroInteractionDesignFeatureFlags,
         showLivePagesBodiedMacrosRendererView: props.showLivePagesBodiedMacrosRendererView,

package/dist/esm/extensibility/nativeEmbedExtension.js

@@ -0,0 +1,14 @@
+import { NATIVE_EMBED_EXTENSION_KEY, NATIVE_EMBED_EXTENSION_TYPE } from '../extensions/manifest-helpers';
+
+/**
+ * Whether a node is a native embed: the block `extension` that `editor-plugin-native-embeds` renders
+ * as an iframe. Bodied, multi-bodied and inline extensions do not qualify.
+ *
+ * The key can carry leading segments (`…:native-embed:database`), so it is matched with `includes`.
+ * `editor-plugin-native-embeds` and `editor-plugin-card` hold equivalent predicates; neither can be
+ * imported here, as both depend on this package.
+ */
+export var isNativeEmbedExtension = function isNativeEmbedExtension(node) {
+  var _node$attrs, _node$attrs2;
+  return node.type.name === 'extension' && ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.extensionType) === NATIVE_EMBED_EXTENSION_TYPE && typeof ((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.extensionKey) === 'string' && node.attrs.extensionKey.includes(NATIVE_EMBED_EXTENSION_KEY);
+};

package/dist/esm/extensibility/useNativeEmbedSettled.js

@@ -0,0 +1,51 @@
+import { useEffect } from 'react';
+
+/** Set to `"true"` by the embed frame while loading, then removed — never set to `"false"`. */
+var NATIVE_EMBED_LOADING_ATTRIBUTE = 'data-native-embed-loading';
+
+/**
+ * Calls `onSettled` once the native embed inside `container` has finished loading, successfully or
+ * not. The extension handler mounts the embed asynchronously, so the subtree is observed rather
+ * than a known element.
+ *
+ * Two signals, because neither alone catches every embed: the attribute having been seen and gone,
+ * which covers a failure that renders no frame; or a frame with no attribute, which covers an embed
+ * that never advertises loading. The frame is present either way, so the attribute comes first.
+ *
+ * `onSettled` must be stable, and runs at most once per container.
+ */
+export var useNativeEmbedSettled = function useNativeEmbedSettled(container, onSettled) {
+  useEffect(function () {
+    if (!container || typeof MutationObserver === 'undefined') {
+      return;
+    }
+    var hasBeenLoading = false;
+    var settled = false;
+    var read = function read() {
+      if (settled) {
+        return;
+      }
+      if (container.querySelector("[".concat(NATIVE_EMBED_LOADING_ATTRIBUTE, "=\"true\"]"))) {
+        hasBeenLoading = true;
+        return;
+      }
+      if (hasBeenLoading || container.querySelector('iframe')) {
+        settled = true;
+        onSettled();
+      }
+    };
+    var observer = new MutationObserver(read);
+    observer.observe(container, {
+      attributes: true,
+      attributeFilter: [NATIVE_EMBED_LOADING_ATTRIBUTE],
+      childList: true,
+      subtree: true
+    });
+
+    // After `observe`, so a change landing in between is either read here or queued.
+    read();
+    return function () {
+      return observer.disconnect();
+    };
+  }, [container, onSettled]);
+};

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

package/dist/esm/react-node-view/getInlineNodeViewProducer.js

@@ -2,14 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
@@ -336,15 +329,15 @@ function getPortalChildren(_ref3) {
     //  refactor. A test suite to catch any instances of this is ideal however
     //  the refactor required is currently out of scope for https://product-fabric.atlassian.net/browse/ED-14176
 
-    return jsx(ErrorBoundary, {
+    return /*#__PURE__*/React.createElement(ErrorBoundary, {
       component: ACTION_SUBJECT.REACT_NODE_VIEW,
       componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 || (_currentNode$type2 = currentNode.type) === null || _currentNode$type2 === void 0 ? void 0 : _currentNode$type2.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
-    }, jsx("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "zeroWidthSpaceContainer"
-    }, jsx("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
-    }), ZERO_WIDTH_SPACE), jsx(Component, _extends({
+    }), ZERO_WIDTH_SPACE), /*#__PURE__*/React.createElement(Component, _extends({
       view: nodeViewParams.view
       // TODO: ED-13910 - Remove the boolean to fix the prosemirror view type
       // Ignored via go/ees005
@@ -354,15 +347,17 @@ function getPortalChildren(_ref3) {
       node: currentNode
       // eslint-disable-next-line react/jsx-props-no-spreading -- Spreading props to pass through dynamic component props
     }, extraComponentProps)), getBrowserInfo().android ?
+    /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    jsx("span", {
+    React.createElement("span", {
       className: "zeroWidthSpaceContainer",
       contentEditable: "false"
-    }, jsx("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }), ZERO_WIDTH_SPACE) :
+    /*#__PURE__*/
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    jsx("span", {
+    React.createElement("span", {
       className: "".concat(inlineNodeViewClassname, "AddZeroWidthSpace")
     }));
   };

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

package/dist/types/ai-messages/ai-suggestions.d.ts

@@ -233,6 +233,11 @@ export declare const aiSuggestionsMessages: {
         description: string;
         id: string;
     };
+    suggestEditsButtonTooltip: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     suggestEditsPromptPrefix: {
         defaultMessage: string;
         description: string;

package/dist/types/compiled-migration/withCompiledMigration.d.ts

@@ -1,11 +1,13 @@
 /**
- * @jsxRuntime classic
- * @jsx jsx
- *
- * IMPORTANT: This file MUST keep the emotion JSX pragma (@jsx jsx from @emotion/react).
+ * IMPORTANT: This file MUST keep using emotion's `jsx` factory (from @emotion/react).
  * This is intentional — it allows the HOC to apply emotion styles via the css prop
- * at the call site (where emotion's JSX runtime intercepts it), without requiring
- * the wrapped component to use the emotion pragma itself.
+ * without requiring the wrapped component to use the emotion pragma itself.
+ *
+ * Note: `jsx` is called directly rather than via the `@jsx jsx` pragma. The two are
+ * equivalent (the pragma just compiles JSX down to these calls), but the direct form
+ * avoids emotion's `EmotionJSX.LibraryManagedAttributes`, which since @emotion/react
+ * 11.13 is a distributive conditional type that TypeScript cannot resolve when the
+ * element's props are an uninstantiated generic parameter such as `P` below.
  *
  * This file is part of the Emotion → Compiled CSS-in-JS migration infrastructure.
  * It is temporary and should be removed once the migration is complete.

package/dist/types/extensibility/ExtensionNodeWrapper.d.ts

@@ -9,6 +9,12 @@ import type { IntlShape } from 'react-intl';
 import type { MacroInteractionDesignFeatureFlags } from './types';
 type Props = {
     children: React.ReactNode;
+    /**
+     * Renders the node through `GeneratedContentReveal`, which holds it closed while its embed loads
+     * and then animates it in. Set by the node view for native embeds only; see
+     * `allowAIGeneratedContentMotion` on the extension plugin's options.
+     */
+    generatedContentMotion?: boolean;
     intl: IntlShape | undefined;
     macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
     nodeType: string;
@@ -21,5 +27,5 @@ type Props = {
  * @param param0
  * @returns
  */
-export declare const ExtensionNodeWrapper: ({ children, nodeType, macroInteractionDesignFeatureFlags, intl, }: Props) => jsx.JSX.Element;
+export declare const ExtensionNodeWrapper: ({ children, nodeType, macroInteractionDesignFeatureFlags, generatedContentMotion, intl, }: Props) => jsx.JSX.Element;
 export {};

package/dist/types/extensibility/GeneratedContentReveal.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
+import type { IntlShape } from 'react-intl';
+type Props = {
+    children: React.ReactNode;
+    intl: IntlShape | undefined;
+    showMacroInteractionDesignUpdates: boolean | undefined;
+};
+export declare const GeneratedContentReveal: ({ children, intl, showMacroInteractionDesignUpdates, }: Props) => React.JSX.Element;
+export {};

package/dist/types/extensibility/extensionNodeView.d.ts

@@ -12,6 +12,8 @@ import ReactNodeView from '../react-node-view';
 import type { EditorAppearance } from '../types';
 import type { ExtensionsPluginInjectionAPI, MacroInteractionDesignFeatureFlags, GetPMNodeHeight } from './types';
 interface ExtensionNodeViewOptions {
+    /** See `allowAIGeneratedContentMotion` on the extension plugin's options. */
+    allowAIGeneratedContentMotion?: boolean;
     appearance?: EditorAppearance;
     getExtensionHeight?: GetPMNodeHeight;
 }

package/dist/types/extensibility/nativeEmbedExtension.d.ts

@@ -0,0 +1,10 @@
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+/**
+ * Whether a node is a native embed: the block `extension` that `editor-plugin-native-embeds` renders
+ * as an iframe. Bodied, multi-bodied and inline extensions do not qualify.
+ *
+ * The key can carry leading segments (`…:native-embed:database`), so it is matched with `includes`.
+ * `editor-plugin-native-embeds` and `editor-plugin-card` hold equivalent predicates; neither can be
+ * imported here, as both depend on this package.
+ */
+export declare const isNativeEmbedExtension: (node: PMNode) => boolean;

package/dist/types/extensibility/useNativeEmbedSettled.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Calls `onSettled` once the native embed inside `container` has finished loading, successfully or
+ * not. The extension handler mounts the embed asynchronously, so the subtree is observed rather
+ * than a known element.
+ *
+ * Two signals, because neither alone catches every embed: the attribute having been seen and gone,
+ * which covers a failure that renders no frame; or a frame with no attribute, which covers an embed
+ * that never advertises loading. The frame is present either way, so the attribute comes first.
+ *
+ * `onSettled` must be stable, and runs at most once per container.
+ */
+export declare const useNativeEmbedSettled: (container: HTMLElement | null, onSettled: () => void) => void;

package/dist/types/react-node-view/getInlineNodeViewProducer.d.ts

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';

package/extensibility/native-embed/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@atlaskit/editor-common/extensibility/native-embed",
+  "main": "../../dist/cjs/extensibility/nativeEmbedExtension.js",
+  "module": "../../dist/esm/extensibility/nativeEmbedExtension.js",
+  "module:es2019": "../../dist/es2019/extensibility/nativeEmbedExtension.js",
+  "sideEffects": [
+    "**/*.compiled.css"
+  ],
+  "types": "../../dist/types/extensibility/nativeEmbedExtension.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "122.3.2",
+	"version": "122.4.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
 		"@atlaskit/analytics-listeners": "^11.3.0",
 		"@atlaskit/analytics-namespaced-context": "^8.2.0",
 		"@atlaskit/analytics-next": "^12.5.0",
-		"@atlaskit/atlassian-context": "^1.1.0",
+		"@atlaskit/atlassian-context": "^1.2.0",
 		"@atlaskit/browser-apis": "^1.2.0",
 		"@atlaskit/button": "^25.3.0",
 		"@atlaskit/codemod-utils": "^5.1.0",
@@ -52,11 +52,11 @@
 		"@atlaskit/editor-ui-control-model": "^2.9.0",
 		"@atlaskit/emoji": "^72.4.0",
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
-		"@atlaskit/icon": "^37.6.0",
+		"@atlaskit/icon": "^37.7.0",
 		"@atlaskit/link": "^5.1.0",
 		"@atlaskit/link-datasource": "^6.13.0",
 		"@atlaskit/link-picker": "^6.8.0",
-		"@atlaskit/media-card": "^81.10.0",
+		"@atlaskit/media-card": "^81.12.0",
 		"@atlaskit/media-client": "^38.1.0",
 		"@atlaskit/media-client-react": "^6.4.0",
 		"@atlaskit/media-common": "^14.6.0",
@@ -73,18 +73,18 @@
 		"@atlaskit/platform-feature-flags-react": "^1.2.0",
 		"@atlaskit/popper": "^9.4.0",
 		"@atlaskit/primitives": "^22.5.0",
-		"@atlaskit/profilecard": "^26.23.0",
+		"@atlaskit/profilecard": "^26.24.0",
 		"@atlaskit/prosemirror-history": "^1.2.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-ufo": "^7.10.0",
 		"@atlaskit/section-message": "^10.2.0",
-		"@atlaskit/smart-card": "^45.22.0",
+		"@atlaskit/smart-card": "^45.23.0",
 		"@atlaskit/smart-user-picker": "^11.8.0",
 		"@atlaskit/spinner": "^20.4.0",
 		"@atlaskit/task-decision": "^21.10.0",
 		"@atlaskit/teams-app-config": "^3.1.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^192.0.0",
+		"@atlaskit/tmp-editor-statsig": "^193.0.0",
 		"@atlaskit/tokens": "^16.12.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/width-detector": "^7.2.0",