@atlaskit/editor-common 124.0.0 → 125.1.0

package/dist/esm/table/getStickyHeaderHeight.js

@@ -1,6 +1,8 @@
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+
 /**
- * Returns the outermost table's sticky header height for `targetPos` when it is eligible to be
+ * Returns the outermost table's sticky header height for `targetPos` if its a table row and eligible to be
  * sticky. Table headers at least half the viewport high intentionally do not become sticky.
  */
 export function getStickyHeaderHeight(view, targetPos) {
@@ -18,7 +20,13 @@ export function getStickyHeaderHeight(view, targetPos) {
   if (!isHeaderRow) {
     return undefined;
   }
-  var firstRowDom = view.nodeDOM(outermostTable.pos + 1);
+  var firstRowPos = outermostTable.pos + 1;
+
+  // do not add sticky header offset if the target is in the sticky header
+  if (firstRow && targetPos >= firstRowPos && targetPos < firstRowPos + firstRow.nodeSize && fg('platform_editor_ai_show_diff_patch_2')) {
+    return undefined;
+  }
+  var firstRowDom = view.nodeDOM(firstRowPos);
   if (!(firstRowDom instanceof HTMLTableRowElement)) {
     return undefined;
   }

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

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

@@ -1,5 +1,7 @@
 import React, { useMemo } from 'react';
 import Loadable from 'react-loadable';
+// oxlint-disable-next-line @atlassian/no-restricted-imports
+import { lazy, LazySuspense } from 'react-loosely-lazy';
 import ResourcedMention from '@atlaskit/mention/resourced-mention';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -11,18 +13,33 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 // Lazy-loaded so the agent profile card chunk (and its `@atlaskit/rovo-agent-components`
 // dependency) stays off the critical path — it is only fetched when an agent mention
 // (`userType === 'APP'`) actually renders, never for person mentions.
-// Uses react-loadable to match editor-common's code-splitting factory (see src/icons/index.ts).
-var AgentProfileCardTrigger = Loadable({
-  loader: function loader() {
-    return import( /* webpackChunkName: "@atlaskit-internal_profilecard/agent-profile-card-trigger" */
-    '@atlaskit/profilecard/agent-profile-card-trigger').then(function (mod) {
-      return mod.AgentProfileCardTrigger;
-    });
-  },
+var loadAgentProfileCardTrigger = function loadAgentProfileCardTrigger() {
+  return import( /* webpackChunkName: "@atlaskit-internal_profilecard/agent-profile-card-trigger" */
+  '@atlaskit/profilecard/agent-profile-card-trigger').then(function (mod) {
+    return mod.AgentProfileCardTrigger;
+  });
+};
+var AgentProfileCardTriggerLazy = lazy(function () {
+  return import( /* webpackChunkName: "@atlaskit-internal_profilecard/agent-profile-card-trigger" */
+  '@atlaskit/profilecard/agent-profile-card-trigger').then(function (mod) {
+    return mod.AgentProfileCardTrigger;
+  });
+});
+AgentProfileCardTriggerLazy.displayName = 'lazy(AgentProfileCardTrigger)';
+var AgentProfileCardTriggerLoadable = Loadable({
+  loader: loadAgentProfileCardTrigger,
   loading: function loading() {
     return null;
   }
 });
+var AgentProfileCardTrigger = function AgentProfileCardTrigger(props) {
+  return isExperimentEnabled('platform_editor_loosely_lazy_migration') ? /*#__PURE__*/React.createElement(LazySuspense, {
+    fallback: null
+  }, /*#__PURE__*/React.createElement(AgentProfileCardTriggerLazy, props)) :
+  /*#__PURE__*/
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  React.createElement(AgentProfileCardTriggerLoadable, props);
+};
 
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp

package/dist/types/analytics/types/ai-suggestions-events.d.ts

@@ -2,16 +2,14 @@ import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
 import type { OperationalAEP, TrackAEP } from './utils';
 export type AiSuggestionsEntryPoint = 'primaryToolbar'
 /**
- * Legacy entry point retained for the suggestions surface in the comments panel.
+ * @private
+ * @deprecated Legacy entry point retained for backwards compatibility.
  * Use `suggestionsPanelEmptyState` for the standalone suggestions panel.
  */
  | 'commentsEmptyState' | 'suggestionsPanelEmptyState' | 'suggestionsPanelHeader' | 'objectSidebarControl'
 /**
- * Generation started automatically because a suggestions surface was opened
- * with nothing to show — no explicit user action. Kept distinct from
- * `suggestionsPanelEmptyState` and the legacy `commentsEmptyState` (the "Review"
- * button in those empty states) so automatic and user-initiated generation can
- * be told apart in analytics.
+ * @private
+ * @deprecated Legacy automatic-generation entry point retained for backwards compatibility.
  */
  | 'suggestionsPanelMount'
 /**

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

@@ -21,6 +21,8 @@ export interface Props {
     pluginInjectionApi: ExtensionsPluginInjectionAPI;
     providerFactory?: ProviderFactory;
     references?: ReferenceEntity[];
+    /** Called by the extension once its content is ready to be shown. */
+    onContentReady?: () => void;
     rendererExtensionHandlers?: ExtensionHandlers;
     showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
     showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean;

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

@@ -19,6 +19,8 @@ export interface Props {
     isLivePageViewMode?: boolean;
     macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
     node: PMNode;
+    /** Handed to the extension's render, which calls it once its content is ready to be shown. */
+    onContentReady?: () => void;
     pluginInjectionApi: ExtensionsPluginInjectionAPI;
     references?: ReferenceEntity[];
     rendererExtensionHandlers?: ExtensionHandlers;

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

@@ -9,6 +9,8 @@ import type { IntlShape } from 'react-intl';
 import type { MacroInteractionDesignFeatureFlags } from './types';
 type Props = {
     children: React.ReactNode;
+    /** True once the extension has reported its content ready. Only read with the motion on. */
+    contentReady?: boolean;
     /**
      * 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
@@ -27,5 +29,5 @@ type Props = {
  * @param param0
  * @returns
  */
-export declare const ExtensionNodeWrapper: ({ children, nodeType, macroInteractionDesignFeatureFlags, generatedContentMotion, intl, }: Props) => jsx.JSX.Element;
+export declare const ExtensionNodeWrapper: ({ children, nodeType, macroInteractionDesignFeatureFlags, generatedContentMotion, contentReady, intl, }: Props) => jsx.JSX.Element;
 export {};

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

@@ -6,8 +6,10 @@ import React from 'react';
 import type { IntlShape } from 'react-intl';
 type Props = {
     children: React.ReactNode;
+    /** True once the extension has reported its content ready. */
+    contentReady: boolean;
     intl: IntlShape | undefined;
     showMacroInteractionDesignUpdates: boolean | undefined;
 };
-export declare const GeneratedContentReveal: ({ children, intl, showMacroInteractionDesignUpdates, }: Props) => React.JSX.Element;
+export declare const GeneratedContentReveal: ({ children, contentReady, intl, showMacroInteractionDesignUpdates, }: Props) => React.JSX.Element;
 export {};

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

@@ -76,18 +76,19 @@ export declare class ExtensionNode<AdditionalParams = unknown> extends ReactNode
         contentDOM?: undefined;
         dom: HTMLDivElement;
     } | undefined;
-    render(props: {
-        extensionHandlers: ExtensionHandlers;
-        extensionLoadingHandlers?: ExtensionHandlers;
-        extensionNodeViewOptions?: ExtensionNodeViewOptions;
-        intl?: IntlShape;
-        macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
-        pluginInjectionApi: ExtensionsPluginInjectionAPI;
-        providerFactory: ProviderFactory;
-        rendererExtensionHandlers?: ExtensionHandlers;
-        showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
-        showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean;
-    }, forwardRef: ForwardRef): React.JSX.Element;
+    render(props: ExtensionRenderProps, forwardRef: ForwardRef): React.JSX.Element;
 }
+type ExtensionRenderProps = {
+    extensionHandlers: ExtensionHandlers;
+    extensionLoadingHandlers?: ExtensionHandlers;
+    extensionNodeViewOptions?: ExtensionNodeViewOptions;
+    intl?: IntlShape;
+    macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
+    pluginInjectionApi: ExtensionsPluginInjectionAPI;
+    providerFactory: ProviderFactory;
+    rendererExtensionHandlers?: ExtensionHandlers;
+    showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
+    showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean;
+};
 export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionLoadingHandlers: ExtensionHandlers | undefined, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags, showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean, showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean, rendererExtensionHandlers?: ExtensionHandlers, intl?: IntlShape): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

package/dist/types/icons/index.d.ts

@@ -1,5 +1,4 @@
-import type React from 'react';
-import Loadable from 'react-loadable';
+import React from 'react';
 import type { IconProps } from '../types';
 export { PanelInfoIcon } from './shared/PanelInfoIcon';
 export { PanelWarningIcon } from './shared/PanelWarningIcon';
@@ -9,4 +8,7 @@ export { PanelNoteIcon } from './shared/PanelNoteIcon';
 export { BorderIcon } from './shared/BorderIcon';
 export { SteppedRainbowIconDecoration, rainbow, disabledRainbow, } from './shared/SteppedRainbowIconDecoration';
 export { DynamicStrokeIconDecoration } from './shared/DynamicStrokeIconDecoration';
-export declare const IconTable: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconTable: {
+    (props: React.PropsWithChildren<IconProps>): React.ReactElement;
+    preload: () => void;
+};

package/dist/types/quick-insert/assets/index.d.ts

@@ -1,39 +1,41 @@
 import React from 'react';
-import Loadable from 'react-loadable';
 import type { HeadingLevels, IconProps } from '../../types';
-export declare const IconAction: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconCode: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconDate: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconDecision: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconDivider: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconEmoji: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconImages: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconLayout: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconLink: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconListNumber: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconList: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconMention: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconPanelError: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconPanelNote: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconPanelSuccess: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconPanelWarning: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconPanel: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconQuote: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconStatus: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconOneColumnLayout: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconTwoColumnLayout: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconThreeColumnLayout: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconFourColumnLayout: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconFiveColumnLayout: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+type PreloadableComponent<Props extends object> = React.ComponentType<Props> & {
+    preload: () => unknown;
+};
+export declare const IconAction: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconCode: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconDate: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconDecision: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconDivider: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconEmoji: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconImages: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconLayout: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconLink: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconListNumber: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconList: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconMention: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconPanelError: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconPanelNote: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconPanelSuccess: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconPanelWarning: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconPanel: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconQuote: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconStatus: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconOneColumnLayout: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconTwoColumnLayout: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconThreeColumnLayout: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconFourColumnLayout: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconFiveColumnLayout: PreloadableComponent<React.PropsWithChildren<IconProps>>;
 type HeadingProps = IconProps & {
     level: HeadingLevels;
 };
 export declare const IconHeading: ({ level, label, }: Pick<HeadingProps, 'level' | 'label'>) => React.JSX.Element;
-export declare const IconFeedback: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconExpand: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconDatasourceJiraIssue: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconDatasourceAssetsObjects: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconDatasourceConfluenceSearch: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconLoom: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
-export declare const IconSyncBlock: React.ComponentType<React.PropsWithChildren<IconProps>> & Loadable.LoadableComponent;
+export declare const IconFeedback: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconExpand: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconDatasourceJiraIssue: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconDatasourceAssetsObjects: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconDatasourceConfluenceSearch: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconLoom: PreloadableComponent<React.PropsWithChildren<IconProps>>;
+export declare const IconSyncBlock: PreloadableComponent<React.PropsWithChildren<IconProps>>;
 export {};

package/dist/types/table/getStickyHeaderHeight.d.ts

@@ -1,6 +1,6 @@
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 /**
- * Returns the outermost table's sticky header height for `targetPos` when it is eligible to be
+ * Returns the outermost table's sticky header height for `targetPos` if its a table row and eligible to be
  * sticky. Table headers at least half the viewport high intentionally do not become sticky.
  */
 export declare function getStickyHeaderHeight(view: EditorView, targetPos: number): number | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "124.0.0",
+	"version": "125.1.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,14 +35,14 @@
 		"@atlaskit/analytics-listeners": "^11.4.0",
 		"@atlaskit/analytics-namespaced-context": "^8.2.0",
 		"@atlaskit/analytics-next": "^12.5.0",
-		"@atlaskit/atlassian-context": "^1.2.0",
+		"@atlaskit/atlassian-context": "^2.0.0",
 		"@atlaskit/browser-apis": "^1.2.0",
 		"@atlaskit/button": "^25.4.0",
 		"@atlaskit/codemod-utils": "^5.1.0",
 		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/custom-steps": "^1.1.0",
 		"@atlaskit/dropdown-menu": "^18.3.0",
-		"@atlaskit/editor-json-transformer": "^9.8.0",
+		"@atlaskit/editor-json-transformer": "^10.0.0",
 		"@atlaskit/editor-palette": "^3.5.0",
 		"@atlaskit/editor-prosemirror": "^9.0.0",
 		"@atlaskit/editor-shared-styles": "^4.3.0",
@@ -51,20 +51,20 @@
 		"@atlaskit/editor-toolbar-model": "^1.2.0",
 		"@atlaskit/editor-ui-control-model": "^2.10.0",
 		"@atlaskit/emoji": "^72.4.0",
-		"@atlaskit/feature-gate-js-client": "^6.0.0",
-		"@atlaskit/icon": "^37.7.0",
+		"@atlaskit/feature-gate-js-client": "^7.0.0",
+		"@atlaskit/icon": "^38.0.0",
 		"@atlaskit/link": "^5.1.0",
-		"@atlaskit/link-datasource": "^6.14.0",
+		"@atlaskit/link-datasource": "^7.0.0",
 		"@atlaskit/link-picker": "^6.9.0",
-		"@atlaskit/media-card": "^81.12.0",
-		"@atlaskit/media-client": "^38.1.0",
-		"@atlaskit/media-client-react": "^6.4.0",
+		"@atlaskit/media-card": "^82.1.0",
+		"@atlaskit/media-client": "^39.0.0",
+		"@atlaskit/media-client-react": "^7.0.0",
 		"@atlaskit/media-common": "^14.6.0",
-		"@atlaskit/media-file-preview": "^1.3.0",
-		"@atlaskit/media-picker": "^72.4.0",
-		"@atlaskit/media-ui": "^30.16.0",
-		"@atlaskit/media-viewer": "^54.8.0",
-		"@atlaskit/mention": "^29.2.0",
+		"@atlaskit/media-file-preview": "^2.0.0",
+		"@atlaskit/media-picker": "^73.0.0",
+		"@atlaskit/media-ui": "^31.0.0",
+		"@atlaskit/media-viewer": "^54.9.0",
+		"@atlaskit/mention": "^30.0.0",
 		"@atlaskit/menu": "^11.0.0",
 		"@atlaskit/object": "^2.3.0",
 		"@atlaskit/onboarding": "^15.4.0",
@@ -73,19 +73,19 @@
 		"@atlaskit/platform-feature-flags-react": "^1.2.0",
 		"@atlaskit/popper": "^9.4.0",
 		"@atlaskit/primitives": "^22.5.0",
-		"@atlaskit/profilecard": "^26.25.0",
+		"@atlaskit/profilecard": "^27.0.0",
 		"@atlaskit/prosemirror-history": "^1.2.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/react-ufo": "^7.13.0",
+		"@atlaskit/react-ufo": "^8.0.0",
 		"@atlaskit/section-message": "^10.2.0",
-		"@atlaskit/smart-card": "^45.28.0",
-		"@atlaskit/smart-user-picker": "^11.9.0",
+		"@atlaskit/smart-card": "^46.0.0",
+		"@atlaskit/smart-user-picker": "^12.0.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": "^205.0.0",
-		"@atlaskit/tokens": "^19.0.0",
+		"@atlaskit/tmp-editor-statsig": "^206.0.0",
+		"@atlaskit/tokens": "^20.0.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/width-detector": "^7.2.0",
 		"@babel/runtime": "^7.0.0",
@@ -112,19 +112,20 @@
 		"re-resizable": "6.0.0",
 		"react-focus-lock": "^2.9.5",
 		"react-loadable": "^5.1.0",
+		"react-loosely-lazy": "^1.0.0",
 		"react-virtualized": "^9.22.6",
 		"rusha": "^0.8.13",
 		"uuid": "^11.1.1",
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/media-core": "^38.2.0",
+		"@atlaskit/media-core": "^39.0.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"devDependencies": {
-		"@atlaskit/media-core": "^38.2.0",
+		"@atlaskit/media-core": "^39.0.0",
 		"@atlassian/a11y-jest-testing": "^0.17.0",
 		"@atlassian/experiment-test-utils": "^0.2.0",
 		"@atlassian/feature-flags-test-utils": "^1.3.0",
@@ -207,9 +208,6 @@
 		"jfp_a11y_fix_create_issue_no_results_link_focus": {
 			"type": "boolean"
 		},
-		"platform_editor_fix_unsubscribe_of_provider": {
-			"type": "boolean"
-		},
 		"platform_editor_legacy_content_macro_visual_update": {
 			"type": "boolean"
 		},

package/dist/cjs/extensibility/useNativeEmbedSettled.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useNativeEmbedSettled = void 0;
-var _react = require("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.
- */
-var useNativeEmbedSettled = exports.useNativeEmbedSettled = function useNativeEmbedSettled(container, onSettled) {
-  (0, _react.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/es2019/extensibility/useNativeEmbedSettled.js

@@ -1,49 +0,0 @@
-import { useEffect } from 'react';
-
-/** Set to `"true"` by the embed frame while loading, then removed — never set to `"false"`. */
-const 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 const useNativeEmbedSettled = (container, onSettled) => {
-  useEffect(() => {
-    if (!container || typeof MutationObserver === 'undefined') {
-      return;
-    }
-    let hasBeenLoading = false;
-    let settled = false;
-    const read = () => {
-      if (settled) {
-        return;
-      }
-      if (container.querySelector(`[${NATIVE_EMBED_LOADING_ATTRIBUTE}="true"]`)) {
-        hasBeenLoading = true;
-        return;
-      }
-      if (hasBeenLoading || container.querySelector('iframe')) {
-        settled = true;
-        onSettled();
-      }
-    };
-    const 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 () => observer.disconnect();
-  }, [container, onSettled]);
-};

package/dist/esm/extensibility/useNativeEmbedSettled.js

@@ -1,51 +0,0 @@
-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/types/extensibility/useNativeEmbedSettled.d.ts

@@ -1,12 +0,0 @@
-/**
- * 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;