@atlaskit/editor-synced-block-renderer 6.0.3 → 6.0.4

package/AGENTS.md

@@ -0,0 +1,112 @@
+# Synced Block Renderer — Developer Agent Guide
+
+> **Package**: `@atlaskit/editor-synced-block-renderer` **Purpose**: View-mode rendering of
+> reference synced blocks using nested renderer with SSR support. **Full Knowledge Base**:
+> [Synced Blocks — Comprehensive Knowledge Base](https://hello.atlassian.net/wiki/spaces/egcuc/pages/6679548384)
+
+---
+
+## Quick Context
+
+This package renders reference `syncBlock` nodes in view mode (Confluence page view, Jira issue
+view). It fetches content from the Block Service, handles loading/error/offline states, and supports
+SSR for performance-critical page loads.
+
+---
+
+## Source Structure
+
+```
+src/
+├── index.ts                              ← Barrel exports
+├── useSyncedBlockNodeComponent.tsx        ← Core hooks for node management and memoization
+├── ui/
+│   ├── renderSyncedBlockContent.tsx       ← Shared render branching logic (loading → error → success)
+│   └── SyncedBlockNodeComponentRenderer.tsx ← Renderer component with store manager + media SSR
+└── types.ts                              ← SyncedBlockRendererOptions type
+```
+
+---
+
+## Key Exports
+
+```typescript
+getSyncBlockNodesFromDoc; // Extract SyncBlockNode[] from a DocNode
+useMemoizedSyncedBlockNodeComponent; // Returns memoized component for rendering reference blocks
+getSyncedBlockRenderer; // Factory for editor-mode synced block renderer
+renderSyncedBlockContent; // Shared render branching logic
+```
+
+---
+
+## How It Works
+
+### `getSyncBlockNodesFromDoc(doc: DocNode)`
+
+Extracts all `syncBlock` nodes from a document's content array. Maps through `doc.content`, converts
+each via `convertSyncBlockJSONNodeToSyncBlockNode`, filters out undefined entries. Returns `[]` if
+content is empty.
+
+### `renderSyncedBlockContent(params)`
+
+Central rendering decision tree (checked sequentially):
+
+1. **Offline + not SSR** → offline error component
+2. **Loading + no instance** → loading skeleton
+3. **SSR + instance error** → loading state (deferred to client-side hydration)
+4. **Missing resourceId / error / no data / deleted** → error component
+5. **Unpublished** → unpublished error component
+6. **Success** → wraps content in `AKRendererWrapper` and renders
+
+### `useMemoizedSyncedBlockNodeComponent(options)`
+
+1. Creates memoized `SyncBlockStoreManager` via `useMemoizedSyncBlockStoreManager`
+2. First `useEffect`: processes prefetched data via `getPrefetchedData()`
+3. Second `useEffect`: triggers initial fetch of synced block data
+4. Returns memoized callback wrapping `SyncedBlockNodeComponentRenderer` in `ErrorBoundary` +
+   `SyncBlockActionsProvider`
+
+### SSR Behaviour
+
+- `renderSyncedBlockContent`: Skips offline error in SSR; returns loading if SSR + error (deferred)
+- `SyncedBlockNodeComponentRenderer`: Sets media SSR mode to `'server'` during SSR, `'client'` after
+  hydration
+- SSR errors tracked via `handleSSRErrorsAnalytics` in deferred `useEffect`
+- Uses `isSSR()` from `@atlaskit/editor-common/core-utils`
+
+---
+
+## Common Tasks
+
+### Fixing a rendering bug
+
+1. Identify if it's a loading state, error state, or content rendering issue
+2. Check `renderSyncedBlockContent` branching logic — which path is being hit?
+3. For content issues, check if the ADF node type is supported:
+   [Supported nodes](https://hello.atlassian.net/wiki/spaces/egcuc/pages/5926568979)
+4. For SSR issues, check if `isSSR()` detection and hydration timing are correct
+
+### Adding a new error state
+
+1. Add condition check in `renderSyncedBlockContent.tsx`
+2. Create error component UI
+3. Add analytics event for the new error state
+4. Ensure SSR path handles it gracefully (deferred to client if needed)
+
+### Performance considerations
+
+- Reference blocks can regress VC90 due to content shift (CLS)
+- SSR preloading mitigates this — ensure `getPrefetchedData()` is populated
+- Use `SyncBlockInMemorySessionCache` for view→edit transitions
+- Monitor: [VC90 investigation](https://hello.atlassian.net/wiki/spaces/egcuc/pages/6528071518)
+
+---
+
+## Related Packages
+
+- **Plugin**: `platform/packages/editor/editor-plugin-synced-block/` — uses `getSyncedBlockRenderer`
+- **Provider**: `platform/packages/editor/editor-synced-block-provider/` — provides store manager
+  and fetch
+- **Confluence renderer**: `confluence/next/packages/adf-renderer/` — integrates this for page view
+- **Jira**: `jira/src/packages/issue/issue-view-synced-block-provider/` — uses
+  `useMemoizedSyncedBlockNodeComponent`

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/editor-synced-block-renderer
 
+## 6.0.4
+
+### Patch Changes
+
+- [`5221db0d676ef`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5221db0d676ef) -
+  Mechanical type-import autofix for tables, collab, and synchrony packages.
+- Updated dependencies
+
 ## 6.0.3
 
 ### Patch Changes

package/dist/cjs/ui/SyncedBlockLoadError.js

@@ -24,7 +24,9 @@ var SyncedBlockLoadError = exports.SyncedBlockLoadError = function SyncedBlockLo
     formatMessage = _useIntl.formatMessage;
   var button = /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "default",
-    spacing: "compact",
+    spacing: "compact"
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     onClick: function onClick(event) {
       event.preventDefault();
       event.stopPropagation();

package/dist/cjs/ui/renderSyncedBlockContent.js

@@ -32,6 +32,7 @@ function renderSyncedBlockContent(_ref) {
   var isSSRMode = (0, _coreUtils.isSSR)();
   if (isOffline && !isSSRMode) {
     return {
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       element: /*#__PURE__*/_react.default.createElement(_SyncedBlockErrorComponent.SyncedBlockErrorComponent, {
         error: {
           type: _editorSyncedBlockProvider.SyncBlockError.Offline
@@ -73,7 +74,8 @@ function renderSyncedBlockContent(_ref) {
   if ((syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.status) === 'unpublished') {
     var _syncBlockInstance$da3;
     return {
-      element: /*#__PURE__*/_react.default.createElement(_SyncedBlockErrorComponent.SyncedBlockErrorComponent, {
+      element: /*#__PURE__*/_react.default.createElement(_SyncedBlockErrorComponent.SyncedBlockErrorComponent
+      /* eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) */, {
         error: {
           type: _editorSyncedBlockProvider.SyncBlockError.Unpublished
         },

package/dist/cjs/useSyncedBlockNodeComponent.js

@@ -51,7 +51,9 @@ var useMemoizedSyncedBlockNodeComponent = exports.useMemoizedSyncedBlockNodeComp
       component: _analytics.ACTION_SUBJECT.SYNCED_BLOCK,
       dispatchAnalyticsEvent: fireAnalyticsEvent,
       fallbackComponent: null
-    }, /*#__PURE__*/_react.default.createElement(_syncBlock.SyncBlockActionsProvider, {
+    }, /*#__PURE__*/_react.default.createElement(_syncBlock.SyncBlockActionsProvider
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    , {
       fetchSyncBlockSourceInfo: function fetchSyncBlockSourceInfo(sourceAri) {
         return syncBlockStoreManager.referenceManager.fetchSyncBlockSourceInfoBySourceAri(sourceAri);
       }

package/dist/es2019/ui/SyncedBlockLoadError.js

@@ -19,7 +19,9 @@ export const SyncedBlockLoadError = ({
   } = useIntl();
   const button = /*#__PURE__*/React.createElement(Button, {
     appearance: "default",
-    spacing: "compact",
+    spacing: "compact"
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     onClick: event => {
       event.preventDefault();
       event.stopPropagation();

package/dist/es2019/ui/renderSyncedBlockContent.js

@@ -26,6 +26,7 @@ export function renderSyncedBlockContent({
   const isSSRMode = isSSR();
   if (isOffline && !isSSRMode) {
     return {
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       element: /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
         error: {
           type: SyncBlockError.Offline
@@ -67,7 +68,8 @@ export function renderSyncedBlockContent({
   if ((syncBlockInstance === null || syncBlockInstance === void 0 ? void 0 : (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.status) === 'unpublished') {
     var _syncBlockInstance$da3;
     return {
-      element: /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
+      element: /*#__PURE__*/React.createElement(SyncedBlockErrorComponent
+      /* eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) */, {
         error: {
           type: SyncBlockError.Unpublished
         },

package/dist/es2019/useSyncedBlockNodeComponent.js

@@ -41,7 +41,9 @@ export const useMemoizedSyncedBlockNodeComponent = ({
     component: ACTION_SUBJECT.SYNCED_BLOCK,
     dispatchAnalyticsEvent: fireAnalyticsEvent,
     fallbackComponent: null
-  }, /*#__PURE__*/React.createElement(SyncBlockActionsProvider, {
+  }, /*#__PURE__*/React.createElement(SyncBlockActionsProvider
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+  , {
     fetchSyncBlockSourceInfo: sourceAri => syncBlockStoreManager.referenceManager.fetchSyncBlockSourceInfoBySourceAri(sourceAri)
   }, /*#__PURE__*/React.createElement(SyncedBlockNodeComponentRenderer, {
     key: props.localId,

package/dist/esm/ui/SyncedBlockLoadError.js

@@ -17,7 +17,9 @@ export var SyncedBlockLoadError = function SyncedBlockLoadError(_ref) {
     formatMessage = _useIntl.formatMessage;
   var button = /*#__PURE__*/React.createElement(Button, {
     appearance: "default",
-    spacing: "compact",
+    spacing: "compact"
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     onClick: function onClick(event) {
       event.preventDefault();
       event.stopPropagation();

package/dist/esm/ui/renderSyncedBlockContent.js

@@ -25,6 +25,7 @@ export function renderSyncedBlockContent(_ref) {
   var isSSRMode = isSSR();
   if (isOffline && !isSSRMode) {
     return {
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
       element: /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
         error: {
           type: SyncBlockError.Offline
@@ -66,7 +67,8 @@ export function renderSyncedBlockContent(_ref) {
   if ((syncBlockInstance === null || syncBlockInstance === void 0 || (_syncBlockInstance$da2 = syncBlockInstance.data) === null || _syncBlockInstance$da2 === void 0 ? void 0 : _syncBlockInstance$da2.status) === 'unpublished') {
     var _syncBlockInstance$da3;
     return {
-      element: /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
+      element: /*#__PURE__*/React.createElement(SyncedBlockErrorComponent
+      /* eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) */, {
         error: {
           type: SyncBlockError.Unpublished
         },

package/dist/esm/useSyncedBlockNodeComponent.js

@@ -43,7 +43,9 @@ export var useMemoizedSyncedBlockNodeComponent = function useMemoizedSyncedBlock
       component: ACTION_SUBJECT.SYNCED_BLOCK,
       dispatchAnalyticsEvent: fireAnalyticsEvent,
       fallbackComponent: null
-    }, /*#__PURE__*/React.createElement(SyncBlockActionsProvider, {
+    }, /*#__PURE__*/React.createElement(SyncBlockActionsProvider
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    , {
       fetchSyncBlockSourceInfo: function fetchSyncBlockSourceInfo(sourceAri) {
         return syncBlockStoreManager.referenceManager.fetchSyncBlockSourceInfoBySourceAri(sourceAri);
       }

package/dist/types/types.d.ts

@@ -1,2 +1,2 @@
-import { type RendererProps } from '@atlaskit/renderer';
+import type { RendererProps } from '@atlaskit/renderer';
 export type SyncedBlockRendererOptions = Pick<RendererProps, 'appearance' | 'allowAltTextOnImages' | 'allowAnnotations' | 'allowColumnSorting' | 'allowCopyToClipboard' | 'allowCustomPanels' | 'allowHeadingAnchorLinks' | 'allowPlaceholderText' | 'allowRendererContainerStyles' | 'allowSelectAllTrap' | 'allowUgcScrubber' | 'allowWrapCodeBlock' | 'emojiResourceConfig' | 'eventHandlers' | 'media' | 'smartLinks' | 'stickyHeaders' | 'contentMode'>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { RendererSyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
 export declare const SyncedBlockErrorComponent: ({ error, isLoading, onRetry, resourceId, fireAnalyticsEvent, sourceURL, }: {
     error: SyncBlockInstance["error"];
     fireAnalyticsEvent?: (payload: RendererSyncBlockEventPayload) => void;

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

@@ -1,4 +1,5 @@
-import React, { type ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import type { NewCoreIconProps } from '@atlaskit/icon/types';
 interface SyncedBlockErrorStateCardProps {
     children?: ReactNode;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
-import { type NodeProps } from '@atlaskit/renderer';
+import type { NodeProps } from '@atlaskit/renderer';
 import type { SyncedBlockRendererOptions } from '../types';
 export interface SyncedBlockProps {
     localId?: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type SyncBlockProduct } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockProduct } from '@atlaskit/editor-synced-block-provider';
 export interface SyncedBlockPermissionDeniedProps {
     sourceContentId: string;
     sourceProduct: SyncBlockProduct;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { SyncedBlockPlugin } from '@atlaskit/editor-plugin-synced-block';
-import { type UseFetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
+import type { UseFetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from '../types';
 export type SyncedBlockRendererProps = {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { RendererSyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { type SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from '../types';
 export type RenderSyncedBlockContentParams = {
     error?: SyncBlockInstance['error'];

package/dist/types/useSyncedBlockNodeComponent.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { DocNode } from '@atlaskit/adf-schema';
-import { type AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockNode, type SyncedBlockProvider, type SyncBlockPrefetchData } from '@atlaskit/editor-synced-block-provider';
+import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
+import type { SyncBlockNode, SyncedBlockProvider, SyncBlockPrefetchData } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from './types';
-import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
+import type { SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
 export type GetSyncedBlockNodeComponentProps = {
     fireAnalyticsEvent?: (payload: AnalyticsEventPayload) => void;
     getPrefetchedData?: () => SyncBlockPrefetchData | undefined;

package/dist/types-ts4.5/types.d.ts

@@ -1,2 +1,2 @@
-import { type RendererProps } from '@atlaskit/renderer';
+import type { RendererProps } from '@atlaskit/renderer';
 export type SyncedBlockRendererOptions = Pick<RendererProps, 'appearance' | 'allowAltTextOnImages' | 'allowAnnotations' | 'allowColumnSorting' | 'allowCopyToClipboard' | 'allowCustomPanels' | 'allowHeadingAnchorLinks' | 'allowPlaceholderText' | 'allowRendererContainerStyles' | 'allowSelectAllTrap' | 'allowUgcScrubber' | 'allowWrapCodeBlock' | 'emojiResourceConfig' | 'eventHandlers' | 'media' | 'smartLinks' | 'stickyHeaders' | 'contentMode'>;

package/dist/types-ts4.5/ui/SyncedBlockErrorComponent.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { RendererSyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
 export declare const SyncedBlockErrorComponent: ({ error, isLoading, onRetry, resourceId, fireAnalyticsEvent, sourceURL, }: {
     error: SyncBlockInstance["error"];
     fireAnalyticsEvent?: (payload: RendererSyncBlockEventPayload) => void;

package/dist/types-ts4.5/ui/SyncedBlockErrorStateCard.d.ts

@@ -1,4 +1,5 @@
-import React, { type ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 import type { NewCoreIconProps } from '@atlaskit/icon/types';
 interface SyncedBlockErrorStateCardProps {
     children?: ReactNode;

package/dist/types-ts4.5/ui/SyncedBlockNodeComponentRenderer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
-import { type NodeProps } from '@atlaskit/renderer';
+import type { NodeProps } from '@atlaskit/renderer';
 import type { SyncedBlockRendererOptions } from '../types';
 export interface SyncedBlockProps {
     localId?: string;

package/dist/types-ts4.5/ui/SyncedBlockPermissionDenied.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type SyncBlockProduct } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockProduct } from '@atlaskit/editor-synced-block-provider';
 export interface SyncedBlockPermissionDeniedProps {
     sourceContentId: string;
     sourceProduct: SyncBlockProduct;

package/dist/types-ts4.5/ui/SyncedBlockRenderer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { SyncedBlockPlugin } from '@atlaskit/editor-plugin-synced-block';
-import { type UseFetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
+import type { UseFetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from '../types';
 export type SyncedBlockRendererProps = {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;

package/dist/types-ts4.5/ui/renderSyncedBlockContent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { RendererSyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { type SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockInstance } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from '../types';
 export type RenderSyncedBlockContentParams = {
     error?: SyncBlockInstance['error'];

package/dist/types-ts4.5/useSyncedBlockNodeComponent.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { DocNode } from '@atlaskit/adf-schema';
-import { type AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockNode, type SyncedBlockProvider, type SyncBlockPrefetchData } from '@atlaskit/editor-synced-block-provider';
+import type { AnalyticsEventPayload } from '@atlaskit/editor-common/analytics';
+import type { SyncBlockNode, SyncedBlockProvider, SyncBlockPrefetchData } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockRendererOptions } from './types';
-import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
+import type { SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
 export type GetSyncedBlockNodeComponentProps = {
     fireAnalyticsEvent?: (payload: AnalyticsEventPayload) => void;
     getPrefetchedData?: () => SyncBlockPrefetchData | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-synced-block-renderer",
-	"version": "6.0.3",
+	"version": "6.0.4",
 	"description": "SyncedBlockRenderer for @atlaskit/editor-plugin-synced-block",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,16 +31,16 @@
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/editor-plugin-synced-block": "^6.0.0",
-		"@atlaskit/editor-synced-block-provider": "^4.1.0",
+		"@atlaskit/editor-synced-block-provider": "^4.2.0",
 		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/icon": "^33.0.0",
-		"@atlaskit/icon-lab": "^6.0.0",
+		"@atlaskit/icon": "^33.1.0",
+		"@atlaskit/icon-lab": "^6.2.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^18.0.0",
-		"@atlaskit/renderer": "^128.2.0",
+		"@atlaskit/primitives": "^18.1.0",
+		"@atlaskit/renderer": "^128.3.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/tokens": "^11.1.0",
+		"@atlaskit/tokens": "^11.3.0",
 		"@atlaskit/tooltip": "^21.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
@@ -48,7 +48,7 @@
 		"relay-runtime": "npm:atl-relay-runtime@0.0.0-main-39e79f66"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.6.0",
+		"@atlaskit/editor-common": "^112.10.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},