@atlaskit/renderer 139.0.0 → 139.1.1

package/dist/esm/ui/Renderer/RendererStyleContainer.js

@@ -1071,6 +1071,12 @@ var centerWrapperStyles = css(_defineProperty({}, ".".concat(RendererCssClassNam
     flexShrink: 0
   }
 }));
+
+// Reset only Expands with no preceding content sibling. Streaming SSR style/script siblings
+// are ignored so moving them to the head on the client does not change the top margin.
+var expandSsrMarginStyles = css(_defineProperty({}, ".".concat(RendererCssClassName.DOCUMENT, " .").concat(RendererCssClassName.STICKY_SAFE_BREAKOUT_INNER, " > [data-node-type='expand']:not(:not(style, script) ~ *)"), {
+  marginTop: 0
+}));
 var baseOtherStylesDuplicateAnchor = css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
   '& .UnknownBlock': {
     fontFamily: "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
@@ -2282,7 +2288,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning
-    fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? baseOtherStyles : baseOtherStylesDuplicateAnchor,
+    fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStylesCommentHeightFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? baseOtherStyles : baseOtherStylesDuplicateAnchor, fg('platform_renderer_expand_ssr_margin_fix') && expandSsrMarginStyles,
     // this should be placed after baseOtherStyles
     expValEquals('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), fg('platform_forge_inline_bodied_macro') && [migratedInlineBodiedFlowStyle, forgeInlineBodiedSpacingStyle], inlineExtensionRendererMarginFix, allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle, firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableRemixBlockHighlightStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeScopedStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && isExperimentEnabled('platform_editor_table_fit_to_content_patch_2') && tableContentModeExtensionContainmentStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && isExperimentEnabled('platform_editor_table_css_overflow_shadow') && stickyScrollbarOverflowShadowFixStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && expValEqualsNoExposure('platform_editor_table_menu_updates', 'isEnabled', true) && rendererTableSortableColumnValignStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? contentMode === 'compact' ? scaledDenseEmojiStyles : scaledEmojiStyles : contentMode === 'compact' ? denseStyles : undefined, contentMode === 'compact' ? scaledDenseUnicodeEmojiStylesNew : scaledUnicodeEmojiStylesNew, syncBlockStyles, centerWrapperStyles, isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && tableFakeBorderStyles, isInsideSyncBlock && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
     "data-testid": testId

package/dist/esm/ui/Renderer/index.js

@@ -64,7 +64,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.1;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "139.0.0";
+var packageVersion = "139.1.1";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/ui/collapsible-headings.js

@@ -1,13 +1,21 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { bind } from 'bind-event-listener';
+import isEqual from 'lodash/isEqual';
 import { COLLAPSED_CONTENT_OWNERS_ATTRIBUTE, getCollapsedContentOwners, getOwnedRendererDocuments, reconcileCollapsedHeadingContent } from './collapsible-headings-dom';
 import { buildTopLevelHeadingSections } from './collapsible-headings-section-model';
 var CollapsibleHeadingsContext = /*#__PURE__*/React.createContext(null);
 var emptyCollapsedHeadings = new Set();
 function isSameDocument(currentDocument, nextDocument) {
-  // Renderer reparses equivalent ADF on parent rerenders, so object identity is not stable.
-  return currentDocument === nextDocument || Boolean(currentDocument && nextDocument && currentDocument.eq(nextDocument));
+  if (currentDocument === nextDocument) {
+    return true;
+  }
+  if (!currentDocument || !nextDocument) {
+    return false;
+  }
+  // Node.eq compares node-type identity. The shared schema cache can be evicted by another
+  // renderer, producing different node types for identical content on the next render.
+  return currentDocument.type.schema === nextDocument.type.schema ? currentDocument.eq(nextDocument) : isEqual(currentDocument.toJSON(), nextDocument.toJSON());
 }
 function supportsHiddenUntilFound(rendererRef) {
   var _rendererRef$current;

package/dist/types/react/nodes/media/index.d.ts

@@ -13,6 +13,7 @@ import type { BorderMarkDefinition } from '@atlaskit/adf-schema/border';
 import type { AnnotationMarkDefinition } from '@atlaskit/adf-schema/annotation';
 import type { DataConsumerDefinition } from '@atlaskit/adf-schema/data-consumer';
 import type { MediaFeatureFlags } from '@atlaskit/media-common';
+import type { MediaRenderEvent } from '../../../types/mediaOptions';
 import type { AnalyticsEventPayload } from '../../../analytics/events';
 export type MediaProps = MediaCardProps & {
     allowAltTextOnImages?: boolean;
@@ -30,6 +31,7 @@ export type MediaProps = MediaCardProps & {
     isLinkMark: () => boolean;
     marks: Array<LinkDefinition | BorderMarkDefinition | AnnotationMarkDefinition | DataConsumerDefinition>;
     mediaSingleElement?: HTMLElement | null;
+    onMediaRenderEvent?: (event: MediaRenderEvent) => void;
     providers?: ProviderFactory;
     width?: number;
 };

package/dist/types/types/mediaOptions.d.ts

@@ -13,6 +13,20 @@ export type MediaSSR = {
         id?: string;
     }>;
 };
+export type MediaRenderEventPayload = {
+    type: 'mounted' | 'unmounted';
+} | {
+    renderedMediaId?: string;
+    type: 'preview-rendered';
+} | {
+    reason: string;
+    type: 'error';
+};
+export type MediaRenderEvent = {
+    dataConsumerSource?: string;
+    mediaId?: string;
+    mediaInstance: object;
+} & MediaRenderEventPayload;
 export interface MediaOptions {
     allowCaptions?: boolean;
     allowLinking?: boolean;
@@ -27,5 +41,7 @@ export interface MediaOptions {
     featureFlags?: MediaFeatureFlags;
     /** Extensions for the media viewer header (e.g. comment navigation button). */
     mediaViewerExtensions?: MediaViewerExtensions;
+    /** Receives lifecycle events for each rendered media node. */
+    onMediaRenderEvent?: (event: MediaRenderEvent) => void;
     ssr?: MediaSSR;
 }

package/dist/types/ui/MediaCard.d.ts

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
-import type { CardAppearance, CardDimensions, CardOnClickCallback, NumericalCardDimensions } from '@atlaskit/media-card';
+import type { CardAppearance, CardDimensions, CardOnClickCallback, CardProps as AtlaskitMediaCardProps, NumericalCardDimensions } from '@atlaskit/media-card';
 import type { MediaClientConfig } from '@atlaskit/media-core/auth';
 import type { ImageResizeMode, Identifier, FileState, MediaClient } from '@atlaskit/media-client';
 import type { MediaType } from '@atlaskit/adf-schema/media';
@@ -46,6 +46,8 @@ export interface MediaCardProps {
      */
     nestedUnder?: string;
     occurrenceKey?: string;
+    onError?: AtlaskitMediaCardProps['onError'];
+    onPreviewRender?: AtlaskitMediaCardProps['onPreviewRender'];
     originalDimensions?: NumericalCardDimensions;
     rendererAppearance?: RendererAppearance;
     /**
@@ -77,6 +79,8 @@ export declare class MediaCardView extends Component<MediaCardProps & {
     componentWillUnmount(): void;
     saveFileState: (id: string) => Promise<void>;
     private onError;
+    private onConsumerError;
+    private getMediaErrorHandler;
     private renderLoadingCard;
     private renderExternal;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "139.0.0",
+	"version": "139.1.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -65,12 +65,12 @@
 		"@atlaskit/platform-feature-flags-react": "^1.2.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/react-ufo": "^7.9.0",
-		"@atlaskit/smart-card": "^45.21.0",
+		"@atlaskit/react-ufo": "^7.10.0",
+		"@atlaskit/smart-card": "^45.22.0",
 		"@atlaskit/status": "^5.9.0",
 		"@atlaskit/task-decision": "^21.9.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^187.0.0",
+		"@atlaskit/tmp-editor-statsig": "^188.0.0",
 		"@atlaskit/tokens": "^16.12.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/visually-hidden": "^4.4.0",
@@ -85,7 +85,7 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^121.4.0",
+		"@atlaskit/editor-common": "^121.5.0",
 		"@atlaskit/link-provider": "^5.6.0",
 		"@atlaskit/media-core": "^38.2.0",
 		"react": "^18.2.0 || ^19.2.0",
@@ -97,7 +97,7 @@
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/analytics-gas-types": "^6.2.0",
 		"@atlaskit/checkbox": "^19.2.0",
-		"@atlaskit/editor-plugin-media": "^19.1.0",
+		"@atlaskit/editor-plugin-media": "^19.2.0",
 		"@atlaskit/editor-test-helpers": "workspace:^",
 		"@atlaskit/inline-edit": "^16.4.0",
 		"@atlaskit/json-ld-types": "^2.0.0",
@@ -105,12 +105,13 @@
 		"@atlaskit/link-test-helpers": "^11.2.0",
 		"@atlaskit/media-core": "^38.2.0",
 		"@atlaskit/media-integration-test-helpers": "workspace:^",
+		"@atlaskit/media-state": "^3.2.0",
 		"@atlaskit/media-test-helpers": "^42.4.0",
-		"@atlaskit/mention": "^28.0.0",
+		"@atlaskit/mention": "^29.0.0",
 		"@atlaskit/modal-dialog": "^16.6.0",
 		"@atlaskit/navigation-system": "^10.16.0",
 		"@atlaskit/primitives": "^22.5.0",
-		"@atlaskit/profilecard": "^26.22.0",
+		"@atlaskit/profilecard": "^26.23.0",
 		"@atlaskit/radio": "^10.2.0",
 		"@atlaskit/range": "^12.2.0",
 		"@atlaskit/section-message": "^10.2.0",
@@ -129,7 +130,7 @@
 		"@testing-library/user-event": "^14.4.3",
 		"@types/react-loadable": "^5.4.1",
 		"ajv": "^6.12.6",
-		"jsdom": "^25.0.0",
+		"jsdom": "26.1.0",
 		"mockdate": "^3.0.5",
 		"puppeteer": "13.7.0",
 		"react": "^19.2.0",
@@ -143,6 +144,9 @@
 		"worker-plugin": "^4.0.2"
 	},
 	"platform-feature-flags": {
+		"platform_renderer_expand_ssr_margin_fix": {
+			"type": "boolean"
+		},
 		"platform_native_embeds_rollout_non_maui_experience": {
 			"type": "boolean"
 		},
@@ -208,9 +212,6 @@
 		"media-perf-uplift-mutation-fix": {
 			"type": "boolean"
 		},
-		"platform_fix_macro_renders_in_layouts": {
-			"type": "boolean"
-		},
 		"confluence_ttvc_inline_extensions": {
 			"type": "boolean"
 		},