@atlaskit/renderer 123.2.0 → 123.2.2

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/nodes/blockCard.js

@@ -19,7 +19,7 @@ import { calcBreakoutWidth, canRenderDatasource } from '@atlaskit/editor-common/
 import { usePortal } from '../../ui/Renderer/PortalContext';
 const datasourceContainerStyle = css({
   borderRadius: `${"var(--ds-radius-large, 8px)"}`,
-  border: `1px solid ${`var(--ds-border, ${N40})`}`,
+  border: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
   overflow: 'hidden',
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',
@@ -32,7 +32,8 @@ export default function BlockCard(props) {
     data,
     eventHandlers,
     smartLinks,
-    isNodeNested
+    isNodeNested,
+    localId
   } = props;
   const portal = usePortal(props);
   const {
@@ -95,6 +96,7 @@ export default function BlockCard(props) {
       }) => jsx("div", {
         css: datasourceContainerStyle,
         "data-testid": "renderer-datasource-table",
+        "data-local-id": localId,
         style: {
           // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
           width: isNodeNested ? '100%' : calcBreakoutWidth(layout, width)
@@ -142,7 +144,8 @@ export default function BlockCard(props) {
     className: "blockCardView-content-wrap",
     "data-block-card": true,
     "data-card-data": data ? JSON.stringify(data) : undefined,
-    "data-card-url": url
+    "data-card-url": url,
+    "data-local-id": localId
   }, jsx(CardErrorBoundary, _extends({
     unsupportedComponent: UnsupportedBlock
     // Ignored via go/ees005

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

@@ -34,7 +34,8 @@ const BodiedExtension = props => {
     extensionKey,
     extensionType,
     parameters,
-    extensionViewportSizes
+    extensionViewportSizes,
+    localId
   } = props;
   const {
     createAnalyticsEvent
@@ -65,7 +66,7 @@ const BodiedExtension = props => {
         // Return the content directly if it's a valid JSX.Element
         return renderExtension(result, layout, {
           isTopLevel: path.length < 1
-        }, removeOverflow, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes);
+        }, removeOverflow, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, undefined, localId);
       }
     } catch (e) {
       /** We don't want this error to block renderer */
@@ -75,7 +76,7 @@ const BodiedExtension = props => {
     // Always return default content if anything goes wrong
     return renderExtension(children, layout, {
       isTopLevel: path.length < 1
-    }, removeOverflow, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes);
+    }, removeOverflow, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, undefined, localId);
   }))));
 };
 export default BodiedExtension;

package/dist/es2019/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -25,7 +25,7 @@ const codeBlockButtonsStyle = css({
   button: {
     height: '32px',
     width: '32px',
-    border: `2px solid ${`var(--ds-border, ${N0})`}`,
+    border: `${"var(--ds-border-width-selected, 2px)"} solid ${`var(--ds-border, ${N0})`}`,
     borderRadius: "var(--ds-radius-small, 4px)",
     marginLeft: "var(--ds-space-050, 4px)",
     padding: "var(--ds-space-025, 2px)",

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

@@ -129,7 +129,8 @@ const MultiBodiedExtension = props => {
     "data-testid": "multiBodiedExtension--container",
     "data-multiBodiedExtension-container": true,
     "data-active-child-index": activeChildIndex,
-    "data-layout": layout
+    "data-layout": layout,
+    "data-local-id": localId
   }, jsx(WidthConsumer, null, ({
     width
   }) => jsx(MultiBodiedExtensionWrapper, {

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

@@ -148,7 +148,7 @@ const panelNestedIconStyles = css({
 const nestedPanelStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ak-editor-panel__content .ak-editor-panel': {
-    border: `1px solid ${"var(--ds-border, #091E42)"}`
+    border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #091E42)"}`
   }
 });
 const panelCustomBackground = css({

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

@@ -307,7 +307,7 @@ const telepointerStyles = css({
       paddingLeft: '1.5px',
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       lineHeight: 'initial',
-      borderRadius: '0px 2px 2px 0px',
+      borderRadius: `0px ${"var(--ds-radius-xsmall, 2px)"} ${"var(--ds-radius-xsmall, 2px)"} 0px`,
       color: "var(--ds-text-inverse, white)",
       backgroundColor: "var(--ds-background-brand-bold, #0C66E4)"
     }
@@ -367,7 +367,7 @@ const blockquoteSharedStyles = css({
     display: 'inline-block',
     paddingLeft: "var(--ds-space-200, 16px)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    borderLeft: `2px solid ${`var(--ds-border, ${akEditorBlockquoteBorderColor})`}`,
+    borderLeft: `${"var(--ds-border-width-selected, 2px)"} solid ${`var(--ds-border, ${akEditorBlockquoteBorderColor})`}`,
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     margin: `${blockNodesVerticalMargin} 0 0 0`,
     marginRight: 0,
@@ -1377,7 +1377,7 @@ const tableRendererHeaderStylesForTableCellOnly = css({
       minWidth: `${tableCellMinWidth}px`,
       fontWeight: "var(--ds-font-weight-regular, 400)",
       verticalAlign: 'top',
-      border: `1px solid ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`}`,
+      border: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`}`,
       borderRightWidth: 0,
       borderBottomWidth: 0,
       padding: "var(--ds-space-100, 8px)",
@@ -1599,7 +1599,7 @@ const rendererTableColumnStylesOld = css({
     'table[data-number-column="true"]': {
       [`.${RendererCssClassName.NUMBER_COLUMN}`]: {
         backgroundColor: `${`var(--ds-background-neutral, ${akEditorTableToolbar})`}`,
-        borderRight: `1px solid
+        borderRight: `${"var(--ds-border-width, 1px)"} solid
 								${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`}`,
         width: `${akEditorTableNumberColumnWidth}px`,
         textAlign: 'center',
@@ -1618,7 +1618,7 @@ const rendererTableColumnStyles = css({
     'table[data-number-column="true"]': {
       [`.${RendererCssClassName.NUMBER_COLUMN}`]: {
         backgroundColor: `${"var(--ds-background-accent-gray-subtlest, #F1F2F4)"}`,
-        borderRight: `1px solid
+        borderRight: `${"var(--ds-border-width, 1px)"} solid
 								${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`}`,
         width: `${akEditorTableNumberColumnWidth}px`,
         textAlign: 'center',
@@ -1659,8 +1659,8 @@ const stickyHeaderStyles = css({
     display: 'flex',
     overflow: 'hidden',
     zIndex: `${akEditorStickyHeaderZIndex}`,
-    borderRight: `1px solid ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`}`,
-    borderBottom: `1px solid ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`}`,
+    borderRight: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`}`,
+    borderBottom: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-background-accent-gray-subtler, ${akEditorTableBorder})`}`,
     /* this is to compensate for the table border */
     transform: 'translateX(-1px)'
   },
@@ -1845,7 +1845,7 @@ const columnLayoutResponsiveRendererStyles = css({
 const rendererAnnotationStyles = css({
   "& [data-mark-type='annotation'][data-mark-annotation-state='active'] [data-annotation-mark], & [data-annotation-draft-mark][data-annotation-inline-node]": {
     background: `var(--ds-background-accent-yellow-subtler, ${Y75})`,
-    borderBottom: `2px solid ${`var(--ds-border-accent-yellow, ${Y300})`}`,
+    borderBottom: `${"var(--ds-border-width-selected, 2px)"} solid ${`var(--ds-border-accent-yellow, ${Y300})`}`,
     boxShadow: `var(--ds-shadow-overlay, ${`1px 2px 3px ${N60A}, -1px 2px 3px ${N60A}`})`,
     cursor: 'pointer',
     padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-025, 2px)"}`
@@ -1854,9 +1854,9 @@ const rendererAnnotationStyles = css({
 const rendererAnnotationStylesCommentHeightFix = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '& [data-annotation-draft-mark][data-annotation-inline-node]': {
-    borderBottom: '2px solid transparent',
+    borderBottom: `${"var(--ds-border-width-selected, 2px)"} solid transparent`,
     cursor: 'pointer',
-    padding: '1px 0 2px',
+    padding: `1px 0 ${"var(--ds-space-025, 2px)"}`,
     background: `var(--ds-background-accent-yellow-subtler, ${Y75})`,
     borderBottomColor: `var(--ds-border-accent-yellow, ${Y300})`,
     boxShadow: `var(--ds-shadow-overlay, ${`1px 2px 3px ${N60A}, -1px 2px 3px ${N60A}`})`

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

@@ -49,7 +49,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "123.1.1";
+const packageVersion = "123.2.1";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/ui/annotations/draft/component.js

@@ -20,7 +20,7 @@ const markStyles = css({
   color: 'inherit',
   backgroundColor: 'unset',
   WebkitTapHighlightColor: 'transparent',
-  borderBottom: '2px solid transparent',
+  borderBottom: `${"var(--ds-border-width-selected, 2px)"} solid transparent`,
   cursor: 'pointer',
   padding: '1px 0 2px',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors

package/dist/es2019/ui/annotations/element/mark.js

@@ -19,11 +19,11 @@ const markStyles = css({
   [`&[data-mark-annotation-state='${AnnotationMarkStates.ACTIVE}']`]: {
     // was from blur in AnnotationSharedCSSByState().blur
     background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
-    borderBottom: `2px solid ${"var(--ds-border-accent-yellow, #B38600)"}`,
+    borderBottom: `${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-border-accent-yellow, #B38600)"}`,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '&[data-has-focus="true"]': {
       background: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
-      borderBottom: `2px solid ${"var(--ds-border-accent-yellow, #B38600)"}`,
+      borderBottom: `${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-border-accent-yellow, #B38600)"}`,
       // TODO: DSP-4147 - Annotation shadow
       boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
       cursor: 'pointer'
@@ -61,9 +61,9 @@ const markStylesWithInlineComments = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
   [`&[data-mark-annotation-state='${AnnotationMarkStates.ACTIVE}']`]: {
     // was from common in AnnotationSharedCSSByState().common
-    borderBottom: '2px solid transparent',
+    borderBottom: `${"var(--ds-border-width-selected, 2px)"} solid transparent`,
     cursor: 'pointer',
-    padding: '1px 0 2px',
+    padding: `1px 0 ${"var(--ds-space-025, 2px)"}`,
     // it was under fg(annotations_align_editor_and_renderer_styles) from AnnotationSharedCSSByState().common, assume it's on as already rolled out
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
     '&:has(.card), &:has([data-inline-card])': {

package/dist/es2019/ui/hooks/useScrollToLocalId.js

@@ -1,4 +1,5 @@
 import { useEffect } from 'react';
+import { getDocument } from '@atlaskit/browser-apis';
 
 // Find editor node dom with localId - similar to confluence useScrollOnUrlChange.ts
 const getLocalIdSelector = (localId, container) => {
@@ -33,6 +34,7 @@ const getLocalIdSelector = (localId, container) => {
 };
 export const useScrollToLocalId = (containerRef, shouldScrollToLocalId) => {
   useEffect(() => {
+    var _getDocument;
     // Only run in browser environment
     if (typeof window === 'undefined' || !(containerRef !== null && containerRef !== void 0 && containerRef.current) || !shouldScrollToLocalId) {
       return;
@@ -41,14 +43,83 @@ export const useScrollToLocalId = (containerRef, shouldScrollToLocalId) => {
     // Parse URL parameters for block ID
     const urlParams = new URLSearchParams(window.location.search);
     const blockId = urlParams.get('block');
-    if (blockId) {
-      // Search within the renderer container using the selector function
-      const element = getLocalIdSelector(blockId, containerRef.current);
-      if (element) {
-        element.scrollIntoView({
-          behavior: 'smooth'
-        });
+    if (!blockId) {
+      return;
+    }
+    let retryCount = 0;
+    // 5 second timeout based on dashboard showing ~4.96s TTI load time
+    const maxRetries = 20; // Maximum 20 retries (5 seconds at 250ms intervals)
+    const retryInterval = 250; // Check every 250ms
+    let intervalId = null;
+    const scrollToElement = () => {
+      if (containerRef !== null && containerRef !== void 0 && containerRef.current) {
+        const element = getLocalIdSelector(blockId, containerRef.current);
+        if (element) {
+          element.scrollIntoView({
+            behavior: 'smooth'
+          });
+          return true;
+        }
+      }
+      return false;
+    };
+    const attemptScroll = () => {
+      retryCount++;
+
+      // Try to scroll to element
+      if (scrollToElement()) {
+        if (intervalId) {
+          clearInterval(intervalId);
+          intervalId = null;
+        }
+        return true;
+      }
+
+      // Stop retrying if we've exceeded max retries
+      if (retryCount >= maxRetries) {
+        if (intervalId) {
+          clearInterval(intervalId);
+          intervalId = null;
+        }
+        return false;
       }
+      return false;
+    };
+
+    // Try to scroll immediately
+    if (attemptScroll()) {
+      return;
+    }
+    if (((_getDocument = getDocument()) === null || _getDocument === void 0 ? void 0 : _getDocument.readyState) === 'complete') {
+      // Document is already ready, try a few more times with delays
+      // This handles cases where elements are added after document ready
+      intervalId = setInterval(() => {
+        attemptScroll();
+      }, retryInterval);
+    } else {
+      // Document not ready yet, wait for it and then retry
+      intervalId = setInterval(() => {
+        var _getDocument2;
+        if (((_getDocument2 = getDocument()) === null || _getDocument2 === void 0 ? void 0 : _getDocument2.readyState) === 'complete') {
+          attemptScroll();
+        } else if (retryCount >= maxRetries) {
+          // Stop retrying even if document isn't ready
+          if (intervalId) {
+            clearInterval(intervalId);
+            intervalId = null;
+          }
+        } else {
+          retryCount++;
+        }
+      }, retryInterval);
     }
+
+    // Cleanup function
+    return () => {
+      if (intervalId) {
+        clearInterval(intervalId);
+        intervalId = null;
+      }
+    };
   }, [containerRef, shouldScrollToLocalId]);
 };

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;

package/dist/esm/i18n/da.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.
  */
-//Danish (Denmark)
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'stigende',
-  'fabric.editor.headingLink.copied': 'Kopieret!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Kopiér link til overskrift',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopiér',
-  'fabric.editor.headingLink.descSortingLabel': 'faldende',
-  'fabric.editor.headingLink.failedToCopy': 'Kopiering mislykkedes',
-  'fabric.editor.headingLink.noneSortingLabel': 'ingen',
-  'fabric.editor.inlineComment.marker.end': 'slut på indlejret kommentar',
-  'fabric.editor.inlineComment.marker.start': 'start på indlejret kommentar'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/da';
+export default translations;

package/dist/esm/i18n/de.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.
  */
-//German (Germany)
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'aufsteigend',
-  'fabric.editor.headingLink.copied': 'Kopiert!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Link zur Überschrift kopieren',
-  'fabric.editor.headingLink.copyAriaLabel': 'Kopieren',
-  'fabric.editor.headingLink.descSortingLabel': 'absteigend',
-  'fabric.editor.headingLink.failedToCopy': 'Kopieren ist fehlgeschlagen',
-  'fabric.editor.headingLink.noneSortingLabel': 'Keine',
-  'fabric.editor.inlineComment.marker.end': 'Ende des Inline-Kommentars',
-  'fabric.editor.inlineComment.marker.start': 'Beginn des Inline-Kommentars'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/de';
+export default translations;

package/dist/esm/i18n/en.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.
  */
-//
-export default {
-  'fabric.editor.headingLink.ascSortingLabel': 'ascending',
-  'fabric.editor.headingLink.copied': 'Copied!',
-  'fabric.editor.headingLink.copyAnchorLink': 'Copy link to heading',
-  'fabric.editor.headingLink.copyAriaLabel': 'Copy',
-  'fabric.editor.headingLink.descSortingLabel': 'descending',
-  'fabric.editor.headingLink.failedToCopy': 'Copy failed',
-  'fabric.editor.headingLink.noneSortingLabel': 'none',
-  'fabric.editor.inlineComment.marker.end': 'inline comment end',
-  'fabric.editor.inlineComment.marker.start': 'inline comment start'
-};
+
+import translations from '@atlaskit/afm-i18n-platform-editor-renderer/i18n/en';
+export default translations;