@atlaskit/editor-synced-block-renderer 5.0.0 → 5.0.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-synced-block-renderer
 
+## 5.0.2
+
+### Patch Changes
+
+- [`56260a2c9fc76`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/56260a2c9fc76) -
+  EDITOR-4252 Add appearance prop to Synced Block renderer options.
+
+## 5.0.1
+
+### Patch Changes
+
+- [`d1a28b3f74e5e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d1a28b3f74e5e) -
+  EDITOR-3594 Add creator Synced Block helpers for Jira Renderer
+- Updated dependencies
+
 ## 5.0.0
 
 ### Patch Changes

package/afm-jira/tsconfig.json

@@ -0,0 +1,69 @@
+{
+	"extends": "../../../../tsconfig.entry-points.jira.json",
+	"compilerOptions": {
+		"target": "es5",
+		"outDir": "../../../../../jira/tsDist/@atlaskit__editor-synced-block-renderer/app",
+		"rootDir": "../",
+		"composite": true,
+		"noCheck": true
+	},
+	"include": [
+		"../src/**/*.ts",
+		"../src/**/*.tsx"
+	],
+	"exclude": [
+		"../src/**/__tests__/*",
+		"../src/**/*.test.*",
+		"../src/**/test.*",
+		"../src/**/examples.*",
+		"../src/**/examples/*",
+		"../src/**/examples/**/*",
+		"../src/**/*.stories.*",
+		"../src/**/stories/*",
+		"../src/**/stories/**/*"
+	],
+	"references": [
+		{
+			"path": "../../../design-system/button/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/css/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../editor-plugin-synced-block/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../editor-synced-block-provider/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/heading/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/icon-lab/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/image/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/primitives/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../renderer/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/spinner/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../../design-system/tooltip/afm-jira/tsconfig.json"
+		},
+		{
+			"path": "../../editor-common/afm-jira/tsconfig.json"
+		}
+	]
+}

package/dist/cjs/getSyncedBlockNodeComponent.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSyncedBlockNodeComponent = exports.getSyncBlockNodesFromDoc = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
+var _SyncedBlockNodeComponentRenderer = require("./ui/SyncedBlockNodeComponentRenderer");
+var getSyncBlockNodesFromDoc = exports.getSyncBlockNodesFromDoc = function getSyncBlockNodesFromDoc(doc) {
+  var content = doc.content;
+  var isEmpty = !content || !Array.isArray(content) || content.length === 0;
+  var syncBlockNodes = isEmpty ? [] : content.map(function (node) {
+    return (0, _editorSyncedBlockProvider.convertSyncBlockJSONNodeToSyncBlockNode)(node);
+  }).filter(function (node) {
+    return node !== undefined;
+  });
+  return syncBlockNodes;
+};
+var getSyncedBlockNodeComponent = exports.getSyncedBlockNodeComponent = function getSyncedBlockNodeComponent(_ref) {
+  var syncBlockNodes = _ref.syncBlockNodes,
+    syncBlockProvider = _ref.syncBlockProvider,
+    syncBlockRendererOptions = _ref.syncBlockRendererOptions,
+    fireAnalyticsEvent = _ref.fireAnalyticsEvent;
+  var syncBlockStoreManager = (0, _editorSyncedBlockProvider.createAndInitializeSyncBlockStoreManager)({
+    dataProvider: syncBlockProvider,
+    fireAnalyticsEvent: fireAnalyticsEvent
+  });
+
+  // Initial fetch sync block data
+  syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
+  return function (props) {
+    return /*#__PURE__*/_react.default.createElement(_SyncedBlockNodeComponentRenderer.SyncedBlockNodeComponentRenderer, {
+      key: props.localId,
+      nodeProps: props,
+      syncBlockStoreManager: syncBlockStoreManager,
+      rendererOptions: syncBlockRendererOptions
+    });
+  };
+};

package/dist/cjs/index.js

@@ -6,7 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "getSyncBlockNodesFromDoc", {
   enumerable: true,
   get: function get() {
-    return _useSyncedBlockNodeComponent.getSyncBlockNodesFromDoc;
+    return _getSyncedBlockNodeComponent.getSyncBlockNodesFromDoc;
+  }
+});
+Object.defineProperty(exports, "getSyncedBlockNodeComponent", {
+  enumerable: true,
+  get: function get() {
+    return _getSyncedBlockNodeComponent.getSyncedBlockNodeComponent;
   }
 });
 Object.defineProperty(exports, "getSyncedBlockRenderer", {
@@ -22,4 +28,5 @@ Object.defineProperty(exports, "useMemoizedSyncedBlockNodeComponent", {
   }
 });
 var _useSyncedBlockNodeComponent = require("./useSyncedBlockNodeComponent");
+var _getSyncedBlockNodeComponent = require("./getSyncedBlockNodeComponent");
 var _getSyncedBlockRenderer = require("./getSyncedBlockRenderer");

package/dist/cjs/ui/AKRendererWrapper.js

@@ -51,6 +51,7 @@ var DisabledTaskWithTooltip = function DisabledTaskWithTooltip(_ref2) {
   });
 };
 var defaultOptions = {
+  appearance: 'full-width',
   allowAltTextOnImages: true,
   allowAnnotations: true,
   allowColumnSorting: true,
@@ -77,6 +78,7 @@ var AKRendererWrapper = exports.AKRendererWrapper = /*#__PURE__*/(0, _react.memo
     options = _ref3.options;
   var mergedOptions = _objectSpread(_objectSpread({}, defaultOptions), options);
   var _ref4 = mergedOptions !== null && mergedOptions !== void 0 ? mergedOptions : {},
+    appearance = _ref4.appearance,
     allowAltTextOnImages = _ref4.allowAltTextOnImages,
     allowAnnotations = _ref4.allowAnnotations,
     allowColumnSorting = _ref4.allowColumnSorting,
@@ -111,7 +113,7 @@ var AKRendererWrapper = exports.AKRendererWrapper = /*#__PURE__*/(0, _react.memo
   return /*#__PURE__*/_react.default.createElement(_actions.RendererActionsContext, null, /*#__PURE__*/_react.default.createElement(ValidationContextWrapper, null, /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "sync-block-renderer-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_renderer.ReactRenderer, {
-    appearance: "full-width",
+    appearance: appearance,
     adfStage: "stage0",
     document: doc,
     disableHeadingIDs: true,

package/dist/cjs/useSyncedBlockNodeComponent.js

@@ -4,21 +4,11 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useMemoizedSyncedBlockNodeComponent = exports.getSyncBlockNodesFromDoc = void 0;
+exports.useMemoizedSyncedBlockNodeComponent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
 var _SyncedBlockNodeComponentRenderer = require("./ui/SyncedBlockNodeComponentRenderer");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var getSyncBlockNodesFromDoc = exports.getSyncBlockNodesFromDoc = function getSyncBlockNodesFromDoc(doc) {
-  var content = doc.content;
-  var isEmpty = !content || !Array.isArray(content) || content.length === 0;
-  var syncBlockNodes = isEmpty ? [] : content.map(function (node) {
-    return (0, _editorSyncedBlockProvider.convertSyncBlockJSONNodeToSyncBlockNode)(node);
-  }).filter(function (node) {
-    return node !== undefined;
-  });
-  return syncBlockNodes;
-};
 var useMemoizedSyncedBlockNodeComponent = exports.useMemoizedSyncedBlockNodeComponent = function useMemoizedSyncedBlockNodeComponent(_ref) {
   var syncBlockNodes = _ref.syncBlockNodes,
     syncBlockProvider = _ref.syncBlockProvider,

package/dist/es2019/getSyncedBlockNodeComponent.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { convertSyncBlockJSONNodeToSyncBlockNode, createAndInitializeSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import { SyncedBlockNodeComponentRenderer } from './ui/SyncedBlockNodeComponentRenderer';
+export const getSyncBlockNodesFromDoc = doc => {
+  const {
+    content
+  } = doc;
+  const isEmpty = !content || !Array.isArray(content) || content.length === 0;
+  const syncBlockNodes = isEmpty ? [] : content.map(node => convertSyncBlockJSONNodeToSyncBlockNode(node)).filter(node => node !== undefined);
+  return syncBlockNodes;
+};
+export const getSyncedBlockNodeComponent = ({
+  syncBlockNodes,
+  syncBlockProvider,
+  syncBlockRendererOptions,
+  fireAnalyticsEvent
+}) => {
+  const syncBlockStoreManager = createAndInitializeSyncBlockStoreManager({
+    dataProvider: syncBlockProvider,
+    fireAnalyticsEvent
+  });
+
+  // Initial fetch sync block data
+  syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
+  return props => /*#__PURE__*/React.createElement(SyncedBlockNodeComponentRenderer, {
+    key: props.localId,
+    nodeProps: props,
+    syncBlockStoreManager: syncBlockStoreManager,
+    rendererOptions: syncBlockRendererOptions
+  });
+};

package/dist/es2019/index.js

@@ -1,3 +1,4 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { useMemoizedSyncedBlockNodeComponent, getSyncBlockNodesFromDoc } from './useSyncedBlockNodeComponent';
+export { useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
+export { getSyncedBlockNodeComponent, getSyncBlockNodesFromDoc } from './getSyncedBlockNodeComponent';
 export { getSyncedBlockRenderer } from './getSyncedBlockRenderer';

package/dist/es2019/ui/AKRendererWrapper.js

@@ -35,6 +35,7 @@ const DisabledTaskWithTooltip = ({
   }))));
 };
 const defaultOptions = {
+  appearance: 'full-width',
   allowAltTextOnImages: true,
   allowAnnotations: true,
   allowColumnSorting: true,
@@ -65,6 +66,7 @@ export const AKRendererWrapper = /*#__PURE__*/memo(({
     ...options
   };
   const {
+    appearance,
     allowAltTextOnImages,
     allowAnnotations,
     allowColumnSorting,
@@ -100,7 +102,7 @@ export const AKRendererWrapper = /*#__PURE__*/memo(({
   return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement(ValidationContextWrapper, null, /*#__PURE__*/React.createElement("div", {
     "data-testid": "sync-block-renderer-wrapper"
   }, /*#__PURE__*/React.createElement(ReactRenderer, {
-    appearance: "full-width",
+    appearance: appearance,
     adfStage: "stage0",
     document: doc,
     disableHeadingIDs: true,

package/dist/es2019/useSyncedBlockNodeComponent.js

@@ -1,14 +1,6 @@
 import React, { useCallback, useEffect } from 'react';
-import { convertSyncBlockJSONNodeToSyncBlockNode, useMemoizedSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import { useMemoizedSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import { SyncedBlockNodeComponentRenderer } from './ui/SyncedBlockNodeComponentRenderer';
-export const getSyncBlockNodesFromDoc = doc => {
-  const {
-    content
-  } = doc;
-  const isEmpty = !content || !Array.isArray(content) || content.length === 0;
-  const syncBlockNodes = isEmpty ? [] : content.map(node => convertSyncBlockJSONNodeToSyncBlockNode(node)).filter(node => node !== undefined);
-  return syncBlockNodes;
-};
 export const useMemoizedSyncedBlockNodeComponent = ({
   syncBlockNodes,
   syncBlockProvider,

package/dist/esm/getSyncedBlockNodeComponent.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { convertSyncBlockJSONNodeToSyncBlockNode, createAndInitializeSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import { SyncedBlockNodeComponentRenderer } from './ui/SyncedBlockNodeComponentRenderer';
+export var getSyncBlockNodesFromDoc = function getSyncBlockNodesFromDoc(doc) {
+  var content = doc.content;
+  var isEmpty = !content || !Array.isArray(content) || content.length === 0;
+  var syncBlockNodes = isEmpty ? [] : content.map(function (node) {
+    return convertSyncBlockJSONNodeToSyncBlockNode(node);
+  }).filter(function (node) {
+    return node !== undefined;
+  });
+  return syncBlockNodes;
+};
+export var getSyncedBlockNodeComponent = function getSyncedBlockNodeComponent(_ref) {
+  var syncBlockNodes = _ref.syncBlockNodes,
+    syncBlockProvider = _ref.syncBlockProvider,
+    syncBlockRendererOptions = _ref.syncBlockRendererOptions,
+    fireAnalyticsEvent = _ref.fireAnalyticsEvent;
+  var syncBlockStoreManager = createAndInitializeSyncBlockStoreManager({
+    dataProvider: syncBlockProvider,
+    fireAnalyticsEvent: fireAnalyticsEvent
+  });
+
+  // Initial fetch sync block data
+  syncBlockStoreManager.referenceManager.fetchSyncBlocksData(syncBlockNodes);
+  return function (props) {
+    return /*#__PURE__*/React.createElement(SyncedBlockNodeComponentRenderer, {
+      key: props.localId,
+      nodeProps: props,
+      syncBlockStoreManager: syncBlockStoreManager,
+      rendererOptions: syncBlockRendererOptions
+    });
+  };
+};

package/dist/esm/index.js

@@ -1,3 +1,4 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { useMemoizedSyncedBlockNodeComponent, getSyncBlockNodesFromDoc } from './useSyncedBlockNodeComponent';
+export { useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
+export { getSyncedBlockNodeComponent, getSyncBlockNodesFromDoc } from './getSyncedBlockNodeComponent';
 export { getSyncedBlockRenderer } from './getSyncedBlockRenderer';

package/dist/esm/ui/AKRendererWrapper.js

@@ -42,6 +42,7 @@ var DisabledTaskWithTooltip = function DisabledTaskWithTooltip(_ref2) {
   });
 };
 var defaultOptions = {
+  appearance: 'full-width',
   allowAltTextOnImages: true,
   allowAnnotations: true,
   allowColumnSorting: true,
@@ -68,6 +69,7 @@ export var AKRendererWrapper = /*#__PURE__*/memo(function (_ref3) {
     options = _ref3.options;
   var mergedOptions = _objectSpread(_objectSpread({}, defaultOptions), options);
   var _ref4 = mergedOptions !== null && mergedOptions !== void 0 ? mergedOptions : {},
+    appearance = _ref4.appearance,
     allowAltTextOnImages = _ref4.allowAltTextOnImages,
     allowAnnotations = _ref4.allowAnnotations,
     allowColumnSorting = _ref4.allowColumnSorting,
@@ -102,7 +104,7 @@ export var AKRendererWrapper = /*#__PURE__*/memo(function (_ref3) {
   return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement(ValidationContextWrapper, null, /*#__PURE__*/React.createElement("div", {
     "data-testid": "sync-block-renderer-wrapper"
   }, /*#__PURE__*/React.createElement(ReactRenderer, {
-    appearance: "full-width",
+    appearance: appearance,
     adfStage: "stage0",
     document: doc,
     disableHeadingIDs: true,

package/dist/esm/useSyncedBlockNodeComponent.js

@@ -1,16 +1,6 @@
 import React, { useCallback, useEffect } from 'react';
-import { convertSyncBlockJSONNodeToSyncBlockNode, useMemoizedSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import { useMemoizedSyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import { SyncedBlockNodeComponentRenderer } from './ui/SyncedBlockNodeComponentRenderer';
-export var getSyncBlockNodesFromDoc = function getSyncBlockNodesFromDoc(doc) {
-  var content = doc.content;
-  var isEmpty = !content || !Array.isArray(content) || content.length === 0;
-  var syncBlockNodes = isEmpty ? [] : content.map(function (node) {
-    return convertSyncBlockJSONNodeToSyncBlockNode(node);
-  }).filter(function (node) {
-    return node !== undefined;
-  });
-  return syncBlockNodes;
-};
 export var useMemoizedSyncedBlockNodeComponent = function useMemoizedSyncedBlockNodeComponent(_ref) {
   var syncBlockNodes = _ref.syncBlockNodes,
     syncBlockProvider = _ref.syncBlockProvider,

package/dist/types/getSyncedBlockNodeComponent.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { DocNode } from '@atlaskit/adf-schema';
+import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
+import { type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
+import type { SyncedBlockProvider } from '@atlaskit/editor-synced-block-provider';
+import type { SyncedBlockRendererOptions } from './types';
+import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
+export type GetSyncedBlockNodeComponentProps = {
+    fireAnalyticsEvent?: (payload: SyncBlockEventPayload) => void;
+    syncBlockNodes: SyncBlockNode[];
+    syncBlockProvider: SyncedBlockProvider;
+    syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
+};
+export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
+export declare const getSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, }: GetSyncedBlockNodeComponentProps) => (props: SyncedBlockNodeProps) => React.JSX.Element;

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
-export { useMemoizedSyncedBlockNodeComponent, getSyncBlockNodesFromDoc, } from './useSyncedBlockNodeComponent';
+export { useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
+export { getSyncedBlockNodeComponent, getSyncBlockNodesFromDoc, } from './getSyncedBlockNodeComponent';
 export { getSyncedBlockRenderer } from './getSyncedBlockRenderer';
 export type { SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';

package/dist/types/types.d.ts

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

package/dist/types/useSyncedBlockNodeComponent.d.ts

@@ -1,16 +1,4 @@
 import React from 'react';
-import type { DocNode } from '@atlaskit/adf-schema';
-import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
-import type { SyncedBlockProvider } from '@atlaskit/editor-synced-block-provider';
-import type { SyncedBlockRendererOptions } from './types';
+import type { GetSyncedBlockNodeComponentProps } from './getSyncedBlockNodeComponent';
 import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
-type GetSyncedBlockNodeComponentProps = {
-    fireAnalyticsEvent?: (payload: SyncBlockEventPayload) => void;
-    syncBlockNodes: SyncBlockNode[];
-    syncBlockProvider: SyncedBlockProvider;
-    syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
-};
-export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
 export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);
-export {};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { DocNode } from '@atlaskit/adf-schema';
+import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
+import { type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
+import type { SyncedBlockProvider } from '@atlaskit/editor-synced-block-provider';
+import type { SyncedBlockRendererOptions } from './types';
+import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
+export type GetSyncedBlockNodeComponentProps = {
+    fireAnalyticsEvent?: (payload: SyncBlockEventPayload) => void;
+    syncBlockNodes: SyncBlockNode[];
+    syncBlockProvider: SyncedBlockProvider;
+    syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
+};
+export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
+export declare const getSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, }: GetSyncedBlockNodeComponentProps) => (props: SyncedBlockNodeProps) => React.JSX.Element;

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

@@ -1,3 +1,4 @@
-export { useMemoizedSyncedBlockNodeComponent, getSyncBlockNodesFromDoc, } from './useSyncedBlockNodeComponent';
+export { useMemoizedSyncedBlockNodeComponent } from './useSyncedBlockNodeComponent';
+export { getSyncedBlockNodeComponent, getSyncBlockNodesFromDoc, } from './getSyncedBlockNodeComponent';
 export { getSyncedBlockRenderer } from './getSyncedBlockRenderer';
 export type { SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';

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

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

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

@@ -1,16 +1,4 @@
 import React from 'react';
-import type { DocNode } from '@atlaskit/adf-schema';
-import type { SyncBlockEventPayload } from '@atlaskit/editor-common/analytics';
-import { type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
-import type { SyncedBlockProvider } from '@atlaskit/editor-synced-block-provider';
-import type { SyncedBlockRendererOptions } from './types';
+import type { GetSyncedBlockNodeComponentProps } from './getSyncedBlockNodeComponent';
 import { type SyncedBlockNodeProps } from './ui/SyncedBlockNodeComponentRenderer';
-type GetSyncedBlockNodeComponentProps = {
-    fireAnalyticsEvent?: (payload: SyncBlockEventPayload) => void;
-    syncBlockNodes: SyncBlockNode[];
-    syncBlockProvider: SyncedBlockProvider;
-    syncBlockRendererOptions: SyncedBlockRendererOptions | undefined;
-};
-export declare const getSyncBlockNodesFromDoc: (doc: DocNode) => SyncBlockNode[];
 export declare const useMemoizedSyncedBlockNodeComponent: ({ syncBlockNodes, syncBlockProvider, syncBlockRendererOptions, fireAnalyticsEvent, }: GetSyncedBlockNodeComponentProps) => ((props: SyncedBlockNodeProps) => React.JSX.Element);
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-synced-block-renderer",
-	"version": "5.0.0",
+	"version": "5.0.2",
 	"description": "SyncedBlockRenderer for @atlaskit/editor-plugin-synced-block",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,23 +30,23 @@
 	"dependencies": {
 		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/editor-plugin-synced-block": "^5.0.0",
-		"@atlaskit/editor-synced-block-provider": "^3.0.0",
+		"@atlaskit/editor-plugin-synced-block": "^5.1.0",
+		"@atlaskit/editor-synced-block-provider": "^3.5.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^29.3.0",
 		"@atlaskit/icon-lab": "^5.13.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/renderer": "^125.0.0",
+		"@atlaskit/renderer": "^125.1.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/tokens": "^9.0.0",
+		"@atlaskit/tokens": "^9.1.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@babel/runtime": "^7.0.0",
 		"react-relay": "npm:atl-react-relay@0.0.0-main-39e79f66",
 		"relay-runtime": "npm:atl-relay-runtime@0.0.0-main-39e79f66"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.0.0",
+		"@atlaskit/editor-common": "^111.4.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},