@atlaskit/renderer 137.2.7 → 137.4.0

package/dist/es2019/entry-points/renderer.js

@@ -1,3 +1,50 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { DEGRADED_SEVERITY_THRESHOLD, NORMAL_SEVERITY_THRESHOLD, Renderer, RendererFunctionalComponent, RendererWithAnalytics } from '../ui/Renderer/index';
+
+/**
+ * @deprecated Use `DEGRADED_SEVERITY_THRESHOLD` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { DEGRADED_SEVERITY_THRESHOLD } from '../ui/Renderer/index';
+
+/**
+ * @deprecated Use `NORMAL_SEVERITY_THRESHOLD` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { NORMAL_SEVERITY_THRESHOLD } from '../ui/Renderer/index';
+
+/**
+ * @deprecated Use `Renderer` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { Renderer } from '../ui/Renderer/index';
+
+/**
+ * @deprecated Use `RendererFunctionalComponent` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { RendererFunctionalComponent } from '../ui/Renderer/index';
+
+/**
+ * @deprecated Use `RendererWithAnalytics` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { RendererWithAnalytics } from '../ui/Renderer/index';
+
+/**
+ * @deprecated Use `RendererWrapperProps` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+
+/**
+ * @deprecated Use `Renderer` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export { default } from '../ui/Renderer/index';

package/dist/es2019/index.js

@@ -1,10 +1,30 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
 export { default as ReactSerializer } from './react';
 export { default as TextSerializer } from './text';
-export { default as ReactRenderer, RendererWithAnalytics } from './ui/Renderer';
+
+/**
+ * @deprecated Use `Renderer` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { default as ReactRenderer } from './ui/Renderer';
+
+/**
+ * @deprecated Use `RendererWithAnalytics` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { RendererWithAnalytics } from './ui/Renderer';
 export { InlineNodeRendererWrapper } from './ui/ExtensionRenderer';
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export { nodeToReact as defaultNodeComponents } from './react/nodes';
 export { AnnotationsWrapper } from './ui/annotations';
 export { ValidationContextProvider } from './ui/Renderer/ValidationContext';

package/dist/es2019/react/nodes/extension.js

@@ -150,7 +150,7 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: `${RendererCssClassName.EXTENSION_INNER_WRAPPER} ${overflowContainerClass}`,
-      css: [!(isInsideOfTable && isExperimentEnabled('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
+      css: [!(isInsideOfTable && !isExperimentEnabled('platform_editor_table_fit_to_content_patch_2') && isExperimentEnabled('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, asInlineAnalytics, content));
     return centerAlignClass ? jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
@@ -182,7 +182,7 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: `${RendererCssClassName.EXTENSION_INNER_WRAPPER} ${overflowContainerClass}`,
-      css: [!(isInsideOfTable && isExperimentEnabled('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
+      css: [!(isInsideOfTable && !isExperimentEnabled('platform_editor_table_fit_to_content_patch_2') && isExperimentEnabled('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, asInlineAnalytics, content));
     return centerAlignClass ? jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop

package/dist/es2019/react/nodes/mediaInline.js

@@ -5,7 +5,7 @@ import { MediaInlineCard } from '@atlaskit/media-card';
 import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
 import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
-import React, { useCallback, useEffect, useState, useContext } from 'react';
+import React, { useCallback, useEffect, useMemo, useState, useContext } from 'react';
 import { injectIntl } from 'react-intl';
 import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
@@ -18,12 +18,17 @@ const RenderMediaInline = ({
   collection: collectionName,
   eventHandlers,
   identifier,
-  fallbackMediaNameFetcher
+  fallbackMediaNameFetcher,
+  ssr
 }) => {
   const [contextIdentifier, setContextIdentifier] = useState();
   const [fileState, setFileState] = useState();
   const mediaClient = useContext(MediaClientContext);
   const contextIdentifierProvider = useProvider('contextIdentifierProvider');
+  const ssrMediaItem = useMemo(() => {
+    var _ssr$ssrMediaItems;
+    return ssr === null || ssr === void 0 ? void 0 : (_ssr$ssrMediaItems = ssr.ssrMediaItems) === null || _ssr$ssrMediaItems === void 0 ? void 0 : _ssr$ssrMediaItems.find(item => item.id === identifier.id);
+  }, [ssr === null || ssr === void 0 ? void 0 : ssr.ssrMediaItems, identifier.id]);
   useEffect(() => {
     if (contextIdentifierProvider) {
       contextIdentifierProvider.then(resolvedContextID => {
@@ -110,7 +115,8 @@ const RenderMediaInline = ({
       shouldDisplayToolTip: shouldDisplayToolTip,
       mediaClientConfig: mediaClient.mediaClientConfig,
       mediaViewerItems: Array.from(mediaIdentifierMap.values()),
-      fallbackMediaNameFetcher: fallbackMediaNameFetcher
+      fallbackMediaNameFetcher: fallbackMediaNameFetcher,
+      ssrMediaItem: ssrMediaItem
     }))
   );
 };
@@ -179,7 +185,8 @@ const MediaInline = props => {
     intl: intl,
     collection: collection,
     featureFlags: featureFlags,
-    fallbackMediaNameFetcher: fallbackMediaNameFetcher
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher,
+    ssr: ssr
   });
 };
 

package/dist/es2019/react/nodes/nodes.js

@@ -0,0 +1,97 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common/ui';
+import Expand from '../../ui/Expand';
+import BlockCard from './blockCard';
+import Blockquote from './blockquote';
+import BodiedExtension from './bodiedExtension';
+import BodiedSyncBlock from './bodiedSyncBlock';
+import BulletList from './bulletList';
+import Caption from './caption';
+import CodeBlock from './codeBlock/codeBlock';
+import WindowedCodeBlock from './codeBlock/windowedCodeBlock';
+import DateNode from './date';
+import DecisionItem from './decisionItem';
+import DecisionList from './decisionList';
+import Doc from './doc';
+import EmbedCard from './embedCard';
+import Emoji from './emoji';
+import Extension from './extension';
+import ExtensionFrame from './extensionFrame';
+import HardBreak from './hardBreak';
+import Heading from './heading';
+import InlineCard from './inlineCard';
+import InlineExtension from './inlineExtension';
+import LayoutColumn from './layoutColumn';
+import LayoutSection from './layoutSection';
+import ListItem from './listItem';
+import Media from './media';
+import MediaGroup from './mediaGroup';
+import MediaInline from './mediaInline';
+import MediaSingle from './mediaSingle';
+import Mention from './mention';
+import MultiBodiedExtension from './multiBodiedExtension';
+import OrderedList from './orderedList';
+import Panel from './panel';
+import Paragraph from './paragraph';
+import Placeholder from './placeholder';
+import Rule from './rule';
+import Status from './status';
+import SyncBlock from './syncBlock';
+import Table from './table';
+import { TableCell, TableHeader } from './tableCell';
+import TableRow from './tableRow';
+import TaskItem from './taskItem';
+import TaskList from './taskList';
+import UnknownBlock from './unknownBlock';
+export const nodes = {
+  blockCard: BlockCard,
+  blockquote: Blockquote,
+  blockTaskItem: TaskItem,
+  bodiedExtension: BodiedExtension,
+  bodiedSyncBlock: BodiedSyncBlock,
+  bulletList: BulletList,
+  caption: Caption,
+  codeBlock: CodeBlock,
+  date: DateNode,
+  decisionItem: DecisionItem,
+  decisionList: DecisionList,
+  doc: Doc,
+  embedCard: EmbedCard,
+  emoji: Emoji,
+  expand: Expand,
+  extension: Extension,
+  extensionFrame: ExtensionFrame,
+  hardBreak: HardBreak,
+  heading: Heading,
+  inlineCard: InlineCard,
+  inlineExtension: InlineExtension,
+  layoutColumn: LayoutColumn,
+  layoutSection: LayoutSection,
+  listItem: ListItem,
+  media: Media,
+  mediaGroup: MediaGroup,
+  mediaInline: MediaInline,
+  mediaSingle: MediaSingle,
+  mention: Mention,
+  multiBodiedExtension: MultiBodiedExtension,
+  nestedExpand: Expand,
+  orderedList: OrderedList,
+  panel: Panel,
+  panel_c1: Panel,
+  paragraph: Paragraph,
+  placeholder: Placeholder,
+  rule: Rule,
+  status: Status,
+  syncBlock: SyncBlock,
+  table: Table,
+  tableCell: TableCell,
+  tableHeader: TableHeader,
+  tableRow: TableRow,
+  taskItem: TaskItem,
+  taskList: TaskList,
+  unknownBlock: UnknownBlock,
+  unsupportedBlock: UnsupportedBlock,
+  unsupportedInline: UnsupportedInline,
+  windowedCodeBlock: WindowedCodeBlock
+};

package/dist/es2019/ui/MediaCard.js

@@ -223,6 +223,7 @@ export class MediaCardView extends Component {
     );
   }
   render() {
+    var _ssr$ssrMediaItems;
     const {
       contextIdentifierProvider,
       fileState
@@ -282,6 +283,7 @@ export class MediaCardView extends Component {
     // More robust solution will be implemented as part of CCPDF-233 - Link: https://hello.jira.atlassian.cloud/browse/CCPDF-233
     const currentUrl = window.location.href;
     const shouldDisableLazyLoading = expValEquals('platform_editor_disable_lazy_load_media', 'isEnabled', true) && currentUrl.includes('/wiki/pdf/spaces/');
+    const ssrMediaItem = ssr === null || ssr === void 0 ? void 0 : (_ssr$ssrMediaItems = ssr.ssrMediaItems) === null || _ssr$ssrMediaItems === void 0 ? void 0 : _ssr$ssrMediaItems.find(item => item.id === id);
     return /*#__PURE__*/React.createElement("div", _extends({}, getClipboardAttrs({
       id,
       alt,
@@ -307,7 +309,10 @@ export class MediaCardView extends Component {
       mediaViewerItems: Array.from(mediaIdentifierMap.values()),
       featureFlags: featureFlags,
       shouldEnableDownloadButton: shouldEnableDownloadButton,
-      ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode,
+      ssr: ssr === null || ssr === void 0 ? void 0 : ssr.mode
+      // Optional SSR seed supplied by the host product. Undefined when absent,
+      ,
+      ssrMediaItem: ssrMediaItem,
       shouldHideTooltip: isMobile,
       mediaViewerExtensions: mediaViewerExtensions,
       fallbackMediaNameFetcher: fallbackMediaNameFetcher,

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

@@ -2078,6 +2078,14 @@ const tableContentModeScopedStyles = css({
     width: 'unset !important'
   }
 });
+const tableContentModeExtensionContainmentStyles = css({
+  // Content-mode tables need extension content to participate in intrinsic width calculation.
+  // Keep containment for extensions in all other table modes so nested renderers stay constrained.
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  [`.${RendererCssClassName.DOCUMENT} table[data-initial-width-mode="content"] .${RendererCssClassName.EXTENSION_INNER_WRAPPER}`]: {
+    containerType: 'normal'
+  }
+});
 const tableContentModeNestedTableStyles = css({
   // Nested tables may sit inside expands, extensions, or other blocks within the parent cell.
   [`.${RendererCssClassName.DOCUMENT} table[data-initial-width-mode="content"] > tbody > tr > :is(th, td) .${TableSharedCssClassName.TABLE_CONTAINER} > table,
@@ -2936,7 +2944,7 @@ export const RendererStyleContainer = props => {
     // 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,
     // 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), 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) && !isExperimentEnabled('platform_editor_table_q4_patch_7') && roundedTableLegacyClipPathStyles, 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) && tableContentModeNestedTableStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, firstNodeWithNotMarginTopWithNestedDnD, rendererTableStyles, isStickyScrollbarOn && stickyScrollbarStyles, isStickyScrollbarOn && expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && 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],
+    expValEquals('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), 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) && !isExperimentEnabled('platform_editor_table_q4_patch_7') && roundedTableLegacyClipPathStyles, 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 && expValEquals('platform_editor_table_css_overflow_shadow', 'isEnabled', true) && 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
   }, children);
 };

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

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

package/dist/esm/custom-nodes.js

@@ -1,4 +1,10 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export { nodeToReact as defaultNodeComponentsWithLooselyLazy } from './react/nodes/loosely-lazy';

package/dist/esm/entry-points/custom-nodes-loosely-lazy.js

@@ -1,2 +1,9 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export { nodeToReact as defaultNodeComponentsWithLooselyLazy } from '../react/nodes/loosely-lazy';

package/dist/esm/entry-points/experimental-sync-custom-nodes/cards.js

@@ -1,3 +1,4 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
@@ -17,4 +18,10 @@ var nodeToReact = {
   embedCard: EmbedCard,
   inlineCard: InlineCard
 };
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export default nodeToReact;

package/dist/esm/entry-points/experimental-sync-custom-nodes/media.js

@@ -1,3 +1,4 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
@@ -19,4 +20,10 @@ var nodeToReact = {
   mediaInline: MediaInline,
   mediaSingle: MediaSingle
 };
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export default nodeToReact;

package/dist/esm/entry-points/experimental-sync-custom-nodes/small-nodes.js

@@ -1,3 +1,4 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
@@ -35,4 +36,10 @@ var nodeToReact = {
   taskList: TaskList,
   expand: Expand
 };
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export default nodeToReact;

package/dist/esm/entry-points/loosely-lazy.js

@@ -1,2 +1,9 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export { nodeToReact } from '../react/nodes/loosely-lazy';

package/dist/esm/entry-points/nodes-default.js

@@ -0,0 +1,3 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+export { nodes } from '../react/nodes/nodes';

package/dist/esm/entry-points/nodes.js

@@ -1,2 +1,15 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { BlockCard, Blockquote, BodiedExtension, BulletList, Caption, CodeBlock, Date, DecisionItem, DecisionList, Doc, DocWithSelectAllTrap, EmbedCard, Emoji, Expand, Extension, ExtensionFrame, HardBreak, Heading, InlineCard, InlineExtension, LayoutColumn, LayoutSection, ListItem, Media, MediaGroup, MediaInline, MediaSingle, Mention, MultiBodiedExtension, OrderedList, Panel, Paragraph, Placeholder, Rule, Status, Table, TableCell, TableRow, TaskItem, TaskList, UnknownBlock, WindowedCodeBlock, isEmojiDoc, isText, isTextNode, isTextWrapper, mergeTextNodes, nodeToReact, toReact } from '../react/nodes/index';
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { BlockCard, Blockquote, BodiedExtension, BulletList, Caption, CodeBlock, Date, DecisionItem, DecisionList, Doc, DocWithSelectAllTrap, EmbedCard, Emoji, Expand, Extension, ExtensionFrame, HardBreak, Heading, InlineCard, InlineExtension, LayoutColumn, LayoutSection, ListItem, Media, MediaGroup, MediaInline, MediaSingle, Mention, MultiBodiedExtension, OrderedList, Panel, Paragraph, Placeholder, Rule, Status, Table, TableCell, TableRow, TaskItem, TaskList, UnknownBlock, WindowedCodeBlock, isEmojiDoc, isText, isTextNode, isTextWrapper, mergeTextNodes, nodeToReact, toReact } from '../react/nodes/index';
+
+/**
+ * @deprecated This entry point is deprecated. Use `nodes` from `@atlaskit/renderer/nodes/default` for default renderer nodes.
+ * This entry point will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */

package/dist/esm/entry-points/renderer-default.js

@@ -0,0 +1,25 @@
+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; }
+/* eslint-disable @atlaskit/editor/no-re-export */
+import React from 'react';
+import { nodes } from '../react/nodes/nodes';
+import RenderLegacy, { RendererFunctionalComponent as RendererFunctionalComponentLegacy, RendererWithAnalytics as RendererWithAnalyticsLegacy } from '../ui/Renderer/index';
+export { DEGRADED_SEVERITY_THRESHOLD, NORMAL_SEVERITY_THRESHOLD } from '../ui/Renderer/index';
+function withSyncNodes(BaseComponent) {
+  var ComponentWithSyncNodes = function ComponentWithSyncNodes(props) {
+    var nodeComponentsWithSyncNodes = React.useMemo(function () {
+      return _objectSpread(_objectSpread({}, nodes), props.nodeComponents);
+    }, [props.nodeComponents]);
+
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, props, {
+      nodeComponents: nodeComponentsWithSyncNodes
+    }));
+  };
+  return ComponentWithSyncNodes;
+}
+export var Renderer = withSyncNodes(RenderLegacy);
+export var RendererFunctionalComponent = withSyncNodes(RendererFunctionalComponentLegacy);
+export var RendererWithAnalytics = withSyncNodes(RendererWithAnalyticsLegacy);

package/dist/esm/entry-points/renderer.js

@@ -1,3 +1,50 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { DEGRADED_SEVERITY_THRESHOLD, NORMAL_SEVERITY_THRESHOLD, Renderer, RendererFunctionalComponent, RendererWithAnalytics } from '../ui/Renderer/index';
+
+/**
+ * @deprecated Use `DEGRADED_SEVERITY_THRESHOLD` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { DEGRADED_SEVERITY_THRESHOLD } from '../ui/Renderer/index';
+
+/**
+ * @deprecated Use `NORMAL_SEVERITY_THRESHOLD` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { NORMAL_SEVERITY_THRESHOLD } from '../ui/Renderer/index';
+
+/**
+ * @deprecated Use `Renderer` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { Renderer } from '../ui/Renderer/index';
+
+/**
+ * @deprecated Use `RendererFunctionalComponent` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { RendererFunctionalComponent } from '../ui/Renderer/index';
+
+/**
+ * @deprecated Use `RendererWithAnalytics` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { RendererWithAnalytics } from '../ui/Renderer/index';
+
+/**
+ * @deprecated Use `RendererWrapperProps` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+
+/**
+ * @deprecated Use `Renderer` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export { default } from '../ui/Renderer/index';

package/dist/esm/index.js

@@ -1,10 +1,30 @@
+/* eslint-disable @repo/internal/deprecations/deprecation-ticket-required */
 /* eslint-disable @atlaskit/editor/no-re-export */
 // Entry file in package.json
 
 export { default as ReactSerializer } from './react';
 export { default as TextSerializer } from './text';
-export { default as ReactRenderer, RendererWithAnalytics } from './ui/Renderer';
+
+/**
+ * @deprecated Use `Renderer` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { default as ReactRenderer } from './ui/Renderer';
+
+/**
+ * @deprecated Use `RendererWithAnalytics` from `@atlaskit/renderer/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
+export { RendererWithAnalytics } from './ui/Renderer';
 export { InlineNodeRendererWrapper } from './ui/ExtensionRenderer';
+
+/**
+ * @deprecated Use `nodes` from `@atlaskit/renderer/nodes/default` instead.
+ * This export will be removed in January 2027.
+ * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/7650942996/Moving+to+Synchronous+Rendering+in+Editor+Renderer for more.
+ */
 export { nodeToReact as defaultNodeComponents } from './react/nodes';
 export { AnnotationsWrapper } from './ui/annotations';
 export { ValidationContextProvider } from './ui/Renderer/ValidationContext';

package/dist/esm/react/nodes/extension.js

@@ -161,7 +161,7 @@ export var renderExtension = function renderExtension(content, layout) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: "".concat(RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
-      css: [!(isInsideOfTable && isExperimentEnabled('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
+      css: [!(isInsideOfTable && !isExperimentEnabled('platform_editor_table_fit_to_content_patch_2') && isExperimentEnabled('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, asInlineAnalytics, content));
     return centerAlignClass ? jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
@@ -192,7 +192,7 @@ export var renderExtension = function renderExtension(content, layout) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: "".concat(RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
-      css: [!(isInsideOfTable && isExperimentEnabled('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
+      css: [!(isInsideOfTable && !isExperimentEnabled('platform_editor_table_fit_to_content_patch_2') && isExperimentEnabled('platform_editor_table_fit_to_content_patch_1')) && !isInsideOfInlineExtension && fg('platform_fix_macro_renders_in_layouts') && containerStyle]
     }, asInlineAnalytics, content));
     return centerAlignClass ? jsx("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop

package/dist/esm/react/nodes/mediaInline.js

@@ -11,7 +11,7 @@ import { MediaInlineCard } from '@atlaskit/media-card';
 import { MediaClientContext } from '@atlaskit/media-client-react/media-client-provider';
 import { getMediaClient } from '@atlaskit/media-client-react/get-media-client';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
-import React, { useCallback, useEffect, useState, useContext } from 'react';
+import React, { useCallback, useEffect, useMemo, useState, useContext } from 'react';
 import { injectIntl } from 'react-intl';
 import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
@@ -24,7 +24,8 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
     collectionName = _ref.collection,
     eventHandlers = _ref.eventHandlers,
     identifier = _ref.identifier,
-    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher;
+    fallbackMediaNameFetcher = _ref.fallbackMediaNameFetcher,
+    ssr = _ref.ssr;
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     contextIdentifier = _useState2[0],
@@ -35,6 +36,12 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
     setFileState = _useState4[1];
   var mediaClient = useContext(MediaClientContext);
   var contextIdentifierProvider = useProvider('contextIdentifierProvider');
+  var ssrMediaItem = useMemo(function () {
+    var _ssr$ssrMediaItems;
+    return ssr === null || ssr === void 0 || (_ssr$ssrMediaItems = ssr.ssrMediaItems) === null || _ssr$ssrMediaItems === void 0 ? void 0 : _ssr$ssrMediaItems.find(function (item) {
+      return item.id === identifier.id;
+    });
+  }, [ssr === null || ssr === void 0 ? void 0 : ssr.ssrMediaItems, identifier.id]);
   useEffect(function () {
     if (contextIdentifierProvider) {
       contextIdentifierProvider.then(function (resolvedContextID) {
@@ -135,7 +142,8 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
       shouldDisplayToolTip: shouldDisplayToolTip,
       mediaClientConfig: mediaClient.mediaClientConfig,
       mediaViewerItems: Array.from(mediaIdentifierMap.values()),
-      fallbackMediaNameFetcher: fallbackMediaNameFetcher
+      fallbackMediaNameFetcher: fallbackMediaNameFetcher,
+      ssrMediaItem: ssrMediaItem
     }))
   );
 };
@@ -205,7 +213,8 @@ var MediaInline = function MediaInline(props) {
     intl: intl,
     collection: collection,
     featureFlags: featureFlags,
-    fallbackMediaNameFetcher: fallbackMediaNameFetcher
+    fallbackMediaNameFetcher: fallbackMediaNameFetcher,
+    ssr: ssr
   });
 };