@atlaskit/renderer 133.2.0 → 133.3.1

package/dist/es2019/i18n/sr_RS.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Serbian (Serbia) [sr-RS]
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'rastući',
-  'fabric.editor.headingLink.copied': 'Kopirano!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Kopiraj link naslova',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopiraj',
-  'fabric.editor.headingLink.descSortingLabel': 'opadajući',
-  'fabric.editor.headingLink.failedToCopy': 'Kopiranje nije uspelo',
-  'fabric.editor.headingLink.noneSortingLabel': 'nijedno',
-  'fabric.editor.inlineComment.marker.end': 'kraj umetnutog komentara',
-  'fabric.editor.inlineComment.marker.start': 'početak umetnutog komentara'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/sr_RS';
+export default translations;

package/dist/es2019/i18n/sr_YR.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Serbian (Cyrillic) [sr-YR]
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'растући',
-  'fabric.editor.headingLink.copied': 'Копирано!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Копирај линк наслова',
-  'fabric.editor.headingLink.copyAriaLabel': 'Копирај',
-  'fabric.editor.headingLink.descSortingLabel': 'опадајући',
-  'fabric.editor.headingLink.failedToCopy': 'Копирање није успело',
-  'fabric.editor.headingLink.noneSortingLabel': 'ништа',
-  'fabric.editor.inlineComment.marker.end': 'крај уметнутог коментара',
-  'fabric.editor.inlineComment.marker.start': 'почетак уметнутог коментара'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/sr_YR';
+export default translations;

package/dist/es2019/i18n/sv.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Swedish
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'stigande',
-  'fabric.editor.headingLink.copied': 'Kopierad!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Kopiera länk till rubrik',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopiera',
-  'fabric.editor.headingLink.descSortingLabel': 'fallande',
-  'fabric.editor.headingLink.failedToCopy': 'Kopiering misslyckades',
-  'fabric.editor.headingLink.noneSortingLabel': 'Ingen',
-  'fabric.editor.inlineComment.marker.end': 'slut på inlinekommentarer',
-  'fabric.editor.inlineComment.marker.start': 'start på inlinekommentarer'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/sv';
+export default translations;

package/dist/es2019/i18n/th.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Thai (Thailand)
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'จากน้อยไปหามาก',
-  'fabric.editor.headingLink.copied': 'คัดลอกแล้ว!',
-  'fabric.editor.headingLink.copyAnchorLink': 'คัดลอกลิงก์ที่เชื่อมไปยังหัวเรื่อง',
-  'fabric.editor.headingLink.copyAriaLabel': 'คัดลอก',
-  'fabric.editor.headingLink.descSortingLabel': 'จากมากไปหาน้อย',
-  'fabric.editor.headingLink.failedToCopy': 'การคัดลอกไม่สำเร็จ',
-  'fabric.editor.headingLink.noneSortingLabel': 'ไม่มี',
-  'fabric.editor.inlineComment.marker.end': 'สิ้นสุดความคิดเห็นในบรรทัด',
-  'fabric.editor.inlineComment.marker.start': 'เริ่มต้นความคิดเห็นในบรรทัด'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/th';
+export default translations;

package/dist/es2019/i18n/tr.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Turkish (Turkey)
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'artan',
-  'fabric.editor.headingLink.copied': 'Kopyalandı!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Başlık bağlantısını kopyala',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopyala',
-  'fabric.editor.headingLink.descSortingLabel': 'azalan',
-  'fabric.editor.headingLink.failedToCopy': 'Kopyalama işlemi başarısız oldu',
-  'fabric.editor.headingLink.noneSortingLabel': 'yok',
-  'fabric.editor.inlineComment.marker.end': 'satır içi yorum sonu',
-  'fabric.editor.inlineComment.marker.start': 'satır içi yorum başlangıcı'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/tr';
+export default translations;

package/dist/es2019/i18n/uk.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Ukrainian (Ukraine)
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'за зростанням',
-  'fabric.editor.headingLink.copied': 'Скопійовано',
-  'fabric.editor.headingLink.copyAnchorLink': 'Скопіювати посилання на заголовок',
-  'fabric.editor.headingLink.copyAriaLabel': 'Копіювати',
-  'fabric.editor.headingLink.descSortingLabel': 'за спаданням',
-  'fabric.editor.headingLink.failedToCopy': 'Не вдалося скопіювати',
-  'fabric.editor.headingLink.noneSortingLabel': 'Немає',
-  'fabric.editor.inlineComment.marker.end': 'кінець вбудованого коментаря',
-  'fabric.editor.inlineComment.marker.start': 'початок вбудованого коментаря'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/uk';
+export default translations;

package/dist/es2019/i18n/vi.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Vietnamese (Vietnam)
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'tăng dần',
-  'fabric.editor.headingLink.copied': 'Đã sao chép!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Sao chép liên kết vào tiêu đề',
-  'fabric.editor.headingLink.copyAriaLabel': 'Sao chép',
-  'fabric.editor.headingLink.descSortingLabel': 'giảm dần',
-  'fabric.editor.headingLink.failedToCopy': 'Sao chép không thành công',
-  'fabric.editor.headingLink.noneSortingLabel': 'không có',
-  'fabric.editor.inlineComment.marker.end': 'bình luận nội tuyến kết thúc',
-  'fabric.editor.inlineComment.marker.start': 'bình luận nội tuyến bắt đầu'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/vi';
+export default translations;

package/dist/es2019/i18n/zh.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Chinese (Simplified)
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': '升序',
-  'fabric.editor.headingLink.copied': '已复制！',
-  'fabric.editor.headingLink.copyAnchorLink': '复制标题链接',
-  'fabric.editor.headingLink.copyAriaLabel': '复制',
-  'fabric.editor.headingLink.descSortingLabel': '降序',
-  'fabric.editor.headingLink.failedToCopy': '复制失败',
-  'fabric.editor.headingLink.noneSortingLabel': '无',
-  'fabric.editor.inlineComment.marker.end': '内联评论结束',
-  'fabric.editor.inlineComment.marker.start': '内联评论开始'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/zh';
+export default translations;

package/dist/es2019/i18n/zh_TW.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Chinese (Traditional)
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': '遞增',
-  'fabric.editor.headingLink.copied': '已複製！',
-  'fabric.editor.headingLink.copyAnchorLink': '複製標題連結',
-  'fabric.editor.headingLink.copyAriaLabel': '複製',
-  'fabric.editor.headingLink.descSortingLabel': '遞減',
-  'fabric.editor.headingLink.failedToCopy': '複製失敗',
-  'fabric.editor.headingLink.noneSortingLabel': '無',
-  'fabric.editor.inlineComment.marker.end': '內嵌留言結束',
-  'fabric.editor.inlineComment.marker.start': '內嵌留言開始'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/zh_TW';
+export default translations;

package/dist/es2019/react/index.js

@@ -639,10 +639,15 @@ export default class ReactSerializer {
         return annotation.node.marks.some(mark => mark.attrs.annotationType === 'inlineComment');
       });
     }
+
+    // Only compute searchText when the browser find experiment is enabled,
+    // to avoid unnecessary node.textContent string allocations per expand node.
+    const searchText = expValEquals('platform_editor_close_expand_find', 'isEnabled', true) ? node.textContent : undefined;
     if (!isNestedHeaderLinksEnabled(this.allowHeadingAnchorLinks)) {
       return {
         ...this.getProps(node),
-        loadBodyContent
+        loadBodyContent,
+        searchText
       };
     }
     const nestedHeaderIds = findChildrenByType(node, node.type.schema.nodes.heading).map(({
@@ -651,7 +656,8 @@ export default class ReactSerializer {
     return {
       ...this.getProps(node),
       nestedHeaderIds,
-      loadBodyContent
+      loadBodyContent,
+      searchText
     };
   }
 

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

@@ -83,7 +83,7 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
   const extensionHeight = nodeHeight || viewportSize;
   const isInline = (shouldDisplayExtensionAsInline === null || shouldDisplayExtensionAsInline === void 0 ? void 0 : shouldDisplayExtensionAsInline(node)) && expValEquals('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true);
   const inlineClassName = isInline ? RendererCssClassName.EXTENSION_AS_INLINE : '';
-  const asInlineAnalytics = isInline && fireAnalyticsEvent && node && fg('platform_editor_render_inline_extension_analytics') ? jsx(FireExtensionAsInlineAnalytics, {
+  const asInlineAnalytics = isInline && fireAnalyticsEvent && node ? jsx(FireExtensionAsInlineAnalytics, {
     fireAnalyticsEvent: fireAnalyticsEvent,
     node: node
   }) : null;

package/dist/es2019/ui/Expand.js

@@ -5,7 +5,8 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import React, { useCallback, useRef, Suspense, lazy } from 'react';
-// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
+import { bind } from 'bind-event-listener';
+import { getDocument } from '@atlaskit/browser-apis';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { ExpandIconWrapper, ExpandLayoutWrapperWithRef, expandMessages, WidthProvider } from '@atlaskit/editor-common/ui';
 import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset } from '@atlaskit/editor-shared-styles';
@@ -88,12 +89,17 @@ const titleContainerStyles = css({
 const titleContainerStylesExpanded = css({
   paddingBottom: "var(--ds-space-0, 0px)"
 });
+
+// Base styles for the content container. visibility:hidden hides collapsed content.
+// When browser find is enabled, the useEffect clears visibility:hidden after setting
+// hidden="until-found" on the DOM element, which applies content-visibility:hidden natively —
+// this hides the content while allowing browser Ctrl+F to index the text.
+// The visibility:hidden in CSS serves as an SSR fallback (useEffect doesn't run server-side).
 const contentContainerStyles = css({
   paddingTop: "var(--ds-space-0, 0px)",
   marginLeft: "var(--ds-space-050, 4px)",
   paddingRight: "var(--ds-space-200, 16px)",
   paddingLeft: "var(--ds-space-400, 32px)",
-  display: 'flow-root',
   visibility: 'hidden',
   // The follow rules inside @supports block are added as a part of ED-8893
   // The fix is targeting mobile bridge on iOS 12 or below,
@@ -103,6 +109,13 @@ const contentContainerStyles = css({
     boxSizing: 'border-box'
   }
 });
+
+// display:flow-root is applied only when browser find is NOT enabled.
+// It must NOT be set when browser find is enabled — it overrides the
+// content-visibility:hidden applied by hidden="until-found" and makes content visible.
+const contentContainerStylesFlowRoot = css({
+  display: 'flow-root'
+});
 const contentContainerStylesExpanded = css({
   paddingTop: "var(--ds-space-100, 8px)",
   visibility: 'visible'
@@ -120,6 +133,19 @@ const contentContainerStylesNotExpanded = css({
     userSelect: 'none'
   }
 });
+
+// When browser find is enabled and expand is collapsed, we rely on the
+// hidden="until-found" attribute on the outer container to hide content.
+// We remove height:0/overflow:hidden/clip from the inner wrapper so the
+// browser can actually search through the content.
+const contentContainerStylesNotExpandedBrowserFind = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.expand-content-wrapper, .nestedExpand-content-wrapper': {
+    width: '100%',
+    display: 'block',
+    userSelect: 'none'
+  }
+});
 const clearNextSiblingMarginTopStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& + *': {
@@ -169,7 +195,8 @@ const TitleContainer = props => {
 TitleContainer.displayName = 'TitleContainerButton';
 const ContentContainer = props => {
   return jsx("div", {
-    css: [contentContainerStyles, props.expanded && contentContainerStylesExpanded, !props.expanded && contentContainerStylesNotExpanded]
+    ref: props.contentRef,
+    css: [contentContainerStyles, !props.enableBrowserFind && contentContainerStylesFlowRoot, props.expanded && contentContainerStylesExpanded, !props.expanded && (props.enableBrowserFind ? contentContainerStylesNotExpandedBrowserFind : contentContainerStylesNotExpanded)]
   }, props.children);
 };
 function fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent) {
@@ -196,7 +223,8 @@ function Expand({
   localId,
   nestedHeaderIds,
   rendererContentMode,
-  loadBodyContent
+  loadBodyContent,
+  searchText
 }) {
   const [expanded, setExpanded] = React.useState(false);
   const [focused, setFocused] = React.useState(false);
@@ -206,10 +234,92 @@ function Expand({
   const {
     current: id
   } = useRef(_uniqueId('expand-title-'));
+  const contentContainerRef = useRef(null);
+  const contentWrapperRef = useRef(null);
   const handleFocus = useCallback(() => setFocused(true), []);
   const handleBlur = useCallback(() => setFocused(false), []);
+  const expandForBrowserFind = useCallback(() => {
+    setHasLoadedChildren(true);
+    setExpanded(true);
+  }, []);
   const isCompactModeSupported = expValEquals('confluence_compact_text_format', 'isEnabled', true) || expValEquals('cc_editor_ai_content_mode', 'variant', 'test') && fg('platform_editor_content_mode_button_mvp');
   const isCompact = rendererContentMode === 'compact' && isCompactModeSupported;
+  const shouldRenderLazyChildren = hasLoadedChildren || loadBodyContent;
+  // Only render the lightweight text placeholder when lazy load is ON and
+  // children haven't been loaded yet. When lazy load is OFF, children are
+  // always in the DOM — hidden="until-found" on the wrapper already makes
+  // them searchable by browser find, so no placeholder is needed.
+  const shouldRenderBrowserFindText = !shouldRenderLazyChildren && searchText && fg('hot-121622_lazy_load_expand_content') && expValEquals('platform_editor_close_expand_find', 'isEnabled', true);
+
+  // Feature-detect hidden="until-found" support via the beforematch event.
+  // Chrome 102+ and Firefox 130+ support it; Safari does not yet.
+  // In unsupported browsers, setting hidden="until-found" is treated as boolean hidden
+  // (display:none), which would break the expand entirely.
+  // Initialised as false and set in useEffect to avoid SSR/client hydration mismatch —
+  // useMemo would return true on the client's first render in supported browsers,
+  // differing from the server snapshot which always produces false.
+  const [supportsHiddenUntilFound, setSupportsHiddenUntilFound] = React.useState(false);
+  React.useEffect(() => {
+    const doc = getDocument();
+    setSupportsHiddenUntilFound(doc !== null && doc !== void 0 && doc.body ? 'onbeforematch' in doc.body : false);
+  }, []);
+
+  // React 18 treats `hidden` as a boolean attribute and strips the "until-found" value,
+  // rendering it as just `hidden` (which applies display:none and blocks find-in-page).
+  // We bypass React by setting the attribute directly on the DOM element around the text.
+  //
+  // We also remove the CSS visibility:hidden (SSR fallback) once hidden="until-found" is set,
+  // because visibility:hidden blocks browser find. On expanded, we restore visibility to visible.
+  //
+  // Only applied when the browser supports hidden="until-found" (detected via onbeforematch).
+  // In unsupported browsers (Safari), we skip this entirely and fall back to the normal
+  // CSS hiding (visibility:hidden + height:0), which doesn't support find-in-page but
+  // still works correctly for expand/collapse.
+  React.useEffect(() => {
+    const contentContainer = contentContainerRef.current;
+    const contentWrapper = contentWrapperRef.current;
+    if (!contentWrapper) {
+      return;
+    }
+    if (supportsHiddenUntilFound && expValEquals('platform_editor_close_expand_find', 'isEnabled', true) && !expanded) {
+      contentWrapper.setAttribute('hidden', 'until-found');
+      // Override the CSS visibility:hidden from contentContainerStyles — hidden="until-found"
+      // now handles hiding via content-visibility:hidden, which allows browser find to index
+      // the content. We use 'visible' (not '') because '' only clears the inline style but
+      // the Emotion CSS class rule still applies visibility:hidden, blocking find-in-page.
+      contentContainer === null || contentContainer === void 0 ? void 0 : contentContainer.style.setProperty('visibility', 'visible');
+      contentWrapper.style.visibility = 'visible';
+    } else {
+      contentWrapper.removeAttribute('hidden');
+      contentContainer === null || contentContainer === void 0 ? void 0 : contentContainer.style.removeProperty('visibility');
+      contentWrapper.style.visibility = '';
+    }
+  }, [expanded, supportsHiddenUntilFound]);
+  React.useEffect(() => {
+    if (!expValEquals('platform_editor_close_expand_find', 'isEnabled', true) || expanded) {
+      return;
+    }
+    const contentWrapper = contentWrapperRef.current;
+    const unbindWrapperBeforeMatch = contentWrapper && supportsHiddenUntilFound ? bind(contentWrapper, {
+      type: 'beforematch',
+      listener: expandForBrowserFind
+    }) : undefined;
+    return () => {
+      unbindWrapperBeforeMatch === null || unbindWrapperBeforeMatch === void 0 ? void 0 : unbindWrapperBeforeMatch();
+    };
+  }, [expandForBrowserFind, expanded, supportsHiddenUntilFound]);
+  let expandContent = children;
+  if (shouldRenderBrowserFindText) {
+    // Browser find path: keep a lightweight text mirror in the closed expand
+    // so Ctrl+F can index it without mounting the rich children tree.
+    expandContent = jsx("span", null, searchText);
+  } else if (!shouldRenderLazyChildren && fg('hot-121622_lazy_load_expand_content')) {
+    expandContent = null;
+  } else if (fg('hot-121622_lazy_load_expand_content')) {
+    expandContent = jsx(Suspense, {
+      fallback: jsx("div", null, intl.formatMessage(expandMessages.loading))
+    }, jsx(LazyChildren, null, children));
+  }
   return jsx(Container, {
     "data-testid": `expand-container-${nodeType}-${id}`,
     "data-node-type": nodeType,
@@ -274,14 +384,15 @@ function Expand({
     css: [titleStyles, isCompact && titleStylesDense],
     id: id
   }, title || intl.formatMessage(expandMessages.expandDefaultTitle))), jsx(ContentContainer, {
-    expanded: expanded
+    expanded: expanded,
+    enableBrowserFind: supportsHiddenUntilFound && expValEquals('platform_editor_close_expand_find', 'isEnabled', true),
+    contentRef: contentContainerRef
   }, jsx("div", {
-    className: `${nodeType}-content-wrapper`
+    className: `${nodeType}-content-wrapper`,
+    ref: contentWrapperRef
   }, jsx(WidthProvider, null, jsx("div", {
     css: clearNextSiblingMarginTopStyle
-  }), fg('hot-121622_lazy_load_expand_content') ? hasLoadedChildren || loadBodyContent ? jsx(Suspense, {
-    fallback: jsx("div", null, intl.formatMessage(expandMessages.loading))
-  }, jsx(LazyChildren, null, children)) : null : children))));
+  }), expandContent))));
 }
 
 // eslint-disable-next-line @typescript-eslint/ban-types

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

@@ -4,9 +4,6 @@ import { ACTION, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { FabricChannel } from '@atlaskit/analytics-listeners/types';
 import { logException } from '@atlaskit/editor-common/monitoring';
 import { PLATFORM } from '../../analytics/events';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-import uuid from 'uuid';
 
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
@@ -84,11 +81,8 @@ export class ErrorBoundary extends React.Component {
   }
   render() {
     if (this.state.domError) {
-      const key = expValEquals('platform_editor_renderer_error_boundary_stable_key', 'isEnabled', true) ? this.state.domErrorCount :
-      // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-      uuid();
       return /*#__PURE__*/React.createElement(React.Fragment, {
-        key: key
+        key: this.state.domErrorCount
       }, this.props.children);
     }
     if (this.shouldRecover()) {

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

@@ -2539,43 +2539,6 @@ const rendererAnnotationStylesCommentHeightFix = css({
 const RENDERER_LIST_DENSE_GAP = `max(0px,calc((var(--ak-renderer-base-font-size) - ${akEditorFullPageDenseFontSize}px)* (4/3)))`;
 const TASKLIST_CONTAINER_DENSE_MARGIN = `max(calc(10px + (var(--ak-renderer-base-font-size) - ${akEditorFullPageDenseFontSize}px) *( 2 / 3)))`;
 const scaledDenseEmojiStyles = css({
-  [`.${EmojiSharedCssClassName.EMOJI_IMAGE}`]: {
-    height: `${defaultDenseEmojiHeight}px`,
-    minHeight: `${defaultDenseEmojiHeight}px`,
-    minWidth: `${defaultDenseEmojiHeight}px`,
-    maxHeight: `${denseEmojiHeightH1}px`,
-    maxWidth: `${denseEmojiHeightH1}px`,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    img: {
-      width: '100%',
-      height: '100%',
-      objectFit: 'contain'
-    }
-  },
-  [`h1 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
-    height: `${denseEmojiHeightH1}px`,
-    width: `${denseEmojiHeightH1}px`
-  },
-  [`h2 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
-    height: `${denseEmojiHeightH2}px`,
-    width: `${denseEmojiHeightH2}px`
-  },
-  [`h3 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
-    height: `${denseEmojiHeightH3}px`,
-    width: `${denseEmojiHeightH3}px`
-  },
-  [`h4 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
-    height: `${denseEmojiHeightH4}px`,
-    width: `${denseEmojiHeightH4}px`
-  },
-  [`:is(h5, h6, p) :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
-    height: `${defaultDenseEmojiHeight}px`,
-    width: `${defaultDenseEmojiHeight}px`
-  }
-});
-
-// this is gated behind `platform_editor_emojis_in_renderer_smart_links`
-const scaledDenseEmojiStylesNew = css({
   [`.${EmojiSharedCssClassName.EMOJI_IMAGE}`]: {
     height: `${defaultDenseEmojiHeight}px`,
     minHeight: `${defaultDenseEmojiHeight}px`,
@@ -2618,43 +2581,6 @@ const scaledDenseEmojiStylesNew = css({
   }
 });
 const scaledEmojiStyles = css({
-  [`.${EmojiSharedCssClassName.EMOJI_IMAGE}`]: {
-    height: `${defaultEmojiHeight}px`,
-    minHeight: `${defaultEmojiHeight}px`,
-    minWidth: `${defaultEmojiHeight}px`,
-    maxHeight: `${scaledEmojiHeightH1}px`,
-    maxWidth: `${scaledEmojiHeightH1}px`,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
-    img: {
-      width: '100%',
-      height: '100%',
-      objectFit: 'contain'
-    }
-  },
-  [`h1 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
-    height: `${scaledEmojiHeightH1}px`,
-    width: `${scaledEmojiHeightH1}px`
-  },
-  [`h2 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
-    height: `${scaledEmojiHeightH2}px`,
-    width: `${scaledEmojiHeightH2}px`
-  },
-  [`h3 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
-    height: `${scaledEmojiHeightH3}px`,
-    width: `${scaledEmojiHeightH3}px`
-  },
-  [`h4 :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
-    height: `${scaledEmojiHeightH4}px`,
-    width: `${scaledEmojiHeightH4}px`
-  },
-  [`:is(h5, h6, p) :is(.${EmojiSharedCssClassName.EMOJI_IMAGE}, .${EmojiSharedCssClassName.EMOJI_SPRITE}, .${EmojiSharedCssClassName.EMOJI_PLACEHOLDER})`]: {
-    height: `${defaultEmojiHeight}px`,
-    width: `${defaultEmojiHeight}px`
-  }
-});
-
-// this is gated behind `platform_editor_emojis_in_renderer_smart_links`
-const scaledEmojiStylesNew = css({
   [`.${EmojiSharedCssClassName.EMOJI_IMAGE}`]: {
     height: `${defaultEmojiHeight}px`,
     minHeight: `${defaultEmojiHeight}px`,
@@ -2889,7 +2815,7 @@ export const RendererStyleContainer = props => {
     // 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), inlineExtensionRendererMarginFix, allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle,
     // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
-    fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, 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) ? expValEquals('platform_editor_emojis_in_renderer_smart_links', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStylesNew : scaledEmojiStylesNew : isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && tableFakeBorderStyles, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
+    fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, 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) ? isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock ? syncBlockRendererStyles : null, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && tableFakeBorderStyles, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && 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

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

package/dist/esm/i18n/cs.js

@@ -1,19 +1,11 @@
 /* prettier-ignore */
+/* eslint-disable @atlaskit/editor/no-re-export */
 /**
  * NOTE:
  *
  * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-//Czech
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'vzestupně',
-  'fabric.editor.headingLink.copied': 'Zkopírováno!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Kopírovat odkaz na nadpis',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopírovat',
-  'fabric.editor.headingLink.descSortingLabel': 'sestupně',
-  'fabric.editor.headingLink.failedToCopy': 'Kopírování se nezdařilo',
-  'fabric.editor.headingLink.noneSortingLabel': 'Žádné',
-  'fabric.editor.inlineComment.marker.end': 'konec vloženého komentáře',
-  'fabric.editor.inlineComment.marker.start': 'začátek vloženého komentáře'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/cs';
+export default translations;