@atlaskit/editor-synced-block-renderer 2.2.0 → 2.2.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-synced-block-renderer
 
+## 2.2.2
+
+### Patch Changes
+
+- [`62d0954696c7e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/62d0954696c7e) -
+  [ux] EDITOR-1648 handle permission denied, not found and any generic error for sync block
+- Updated dependencies
+
+## 2.2.1
+
+### Patch Changes
+
+- [`2261b8ade339b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2261b8ade339b) -
+  [ux] EDITOR-2255 integrate data provider for renderer sync block node
+- [`c28cd65d12c24`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c28cd65d12c24) -
+  EDITOR-2447 Bump adf-schema to 51.3.1
+- Updated dependencies
+
 ## 2.2.0
 
 ### Minor Changes

package/{afm-dev-agents → afm-products}/tsconfig.json

@@ -1,8 +1,8 @@
 {
-	"extends": "../../../../tsconfig.entry-points.dev-agents.json",
+	"extends": "../../../../tsconfig.entry-points.products.json",
 	"compilerOptions": {
 		"target": "es5",
-		"outDir": "../../../../../dev-agents/tsDist/@atlaskit__editor-synced-block-renderer/app",
+		"outDir": "../../../../../tsDist/@atlaskit__editor-synced-block-renderer/app",
 		"rootDir": "../",
 		"composite": true
 	},
@@ -23,13 +23,13 @@
 	],
 	"references": [
 		{
-			"path": "../../editor-synced-block-provider/afm-dev-agents/tsconfig.json"
+			"path": "../../editor-synced-block-provider/afm-products/tsconfig.json"
 		},
 		{
-			"path": "../../renderer/afm-dev-agents/tsconfig.json"
+			"path": "../../renderer/afm-products/tsconfig.json"
 		},
 		{
-			"path": "../../editor-common/afm-dev-agents/tsconfig.json"
+			"path": "../../editor-common/afm-products/tsconfig.json"
 		}
 	]
 }

package/dist/cjs/syncedBlockRenderer.js

@@ -12,27 +12,43 @@ var _react = _interopRequireWildcard(require("react"));
 var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
 var _renderer = require("@atlaskit/renderer");
 var _actions = require("@atlaskit/renderer/actions");
+var _SyncedBlockErrorComponent = require("./ui/SyncedBlockErrorComponent");
+var _SyncedBlockLoadingState = require("./ui/SyncedBlockLoadingState");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SyncedBlockRenderer = function SyncedBlockRenderer(_ref) {
-  var useFetchDocNode = _ref.useFetchDocNode,
+  var useFetchSyncBlockData = _ref.useFetchSyncBlockData,
     dataProviders = _ref.dataProviders;
-  var latestDocNode = useFetchDocNode();
+  var fetchResult = useFetchSyncBlockData();
+  if (!fetchResult) {
+    return /*#__PURE__*/_react.default.createElement(_SyncedBlockLoadingState.SyncedBlockLoadingState, null);
+  }
+  if ('status' in fetchResult) {
+    return /*#__PURE__*/_react.default.createElement(_SyncedBlockErrorComponent.SyncedBlockErrorComponent, {
+      status: fetchResult.status
+    });
+  }
+  var syncBlockData = fetchResult;
+  var syncBlockDoc = {
+    content: syncBlockData.content,
+    version: 1,
+    type: 'doc'
+  };
   return /*#__PURE__*/_react.default.createElement(_actions.RendererActionsContext, null, /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "sync-block-renderer-wrapper"
   }, /*#__PURE__*/_react.default.createElement(_renderer.ReactRenderer, {
     appearance: "full-width",
     adfStage: "stage0",
     schema: (0, _editorSyncedBlockProvider.getDefaultSyncBlockSchema)(),
-    document: latestDocNode,
+    document: syncBlockDoc,
     disableHeadingIDs: true,
     dataProviders: dataProviders
   })));
 };
 var getSyncedBlockRenderer = exports.getSyncedBlockRenderer = function getSyncedBlockRenderer(props) {
   return /*#__PURE__*/_react.default.createElement(SyncedBlockRenderer, {
-    useFetchDocNode: props.useFetchDocNode
+    useFetchSyncBlockData: props.useFetchSyncBlockData
   });
 };
 
@@ -63,21 +79,32 @@ var SyncBlockNodeComponent = function SyncBlockNodeComponent(props) {
     });
   }, [props.dataPromise, data]);
   if (!data) {
-    return /*#__PURE__*/_react.default.createElement("div", null, "loading...");
+    return /*#__PURE__*/_react.default.createElement(_SyncedBlockLoadingState.SyncedBlockLoadingState, null);
   }
-  var syncBlockData = data.find(function (item) {
+  var fetchResult = data.find(function (item) {
     return item.resourceId === props.resourceId;
   });
-  if (!(syncBlockData !== null && syncBlockData !== void 0 && syncBlockData.content)) {
-    return /*#__PURE__*/_react.default.createElement("div", null, "Sync block not found");
+  if (!fetchResult) {
+    return /*#__PURE__*/_react.default.createElement(_SyncedBlockErrorComponent.SyncedBlockErrorComponent, {
+      status: _editorSyncedBlockProvider.SyncBlockStatus.Errored
+    });
+  }
+  if ('status' in fetchResult) {
+    return /*#__PURE__*/_react.default.createElement(_SyncedBlockErrorComponent.SyncedBlockErrorComponent, {
+      status: fetchResult.status
+    });
   }
+  var syncBlockData = fetchResult;
   var syncBlockDoc = {
     content: syncBlockData.content,
     version: 1,
     type: 'doc'
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": "sync-block-renderer-wrapper"
+  return /*#__PURE__*/_react.default.createElement(_actions.RendererActionsContext, null, /*#__PURE__*/_react.default.createElement("div", {
+    "data-sync-block": true,
+    "data-testid": "sync-block-renderer-wrapper",
+    "data-resource-id": props.resourceId,
+    "data-local-id": props.localId
   }, /*#__PURE__*/_react.default.createElement(_renderer.ReactRenderer, {
     appearance: "full-width",
     adfStage: "stage0",
@@ -85,7 +112,7 @@ var SyncBlockNodeComponent = function SyncBlockNodeComponent(props) {
     document: syncBlockDoc,
     disableHeadingIDs: true,
     dataProviders: props.providers
-  }));
+  })));
 };
 var getSyncBlockNodeComponent = exports.getSyncBlockNodeComponent = function getSyncBlockNodeComponent(dataProvider, doc) {
   var content = doc.content;

package/dist/cjs/ui/SyncedBlockErrorComponent.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyncedBlockErrorComponent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
+var SyncedBlockErrorComponent = exports.SyncedBlockErrorComponent = function SyncedBlockErrorComponent(_ref) {
+  var status = _ref.status;
+  switch (status) {
+    case _editorSyncedBlockProvider.SyncBlockStatus.Unauthorized:
+      return /*#__PURE__*/_react.default.createElement("div", null, "You don't have permission to view this sync block");
+    case _editorSyncedBlockProvider.SyncBlockStatus.NotFound:
+      return /*#__PURE__*/_react.default.createElement("div", null, "Sync Block Not Found");
+    case _editorSyncedBlockProvider.SyncBlockStatus.Errored:
+    default:
+      return /*#__PURE__*/_react.default.createElement("div", null, "Something went wrong");
+  }
+};

package/dist/cjs/ui/SyncedBlockLoadingState.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyncedBlockLoadingState = void 0;
+var _react = _interopRequireDefault(require("react"));
+var SyncedBlockLoadingState = exports.SyncedBlockLoadingState = function SyncedBlockLoadingState() {
+  return /*#__PURE__*/_react.default.createElement("div", null, "Loading...");
+};

package/dist/es2019/syncedBlockRenderer.js

@@ -1,26 +1,42 @@
 import React, { useEffect, useState } from 'react';
-import { getDefaultSyncBlockSchema } from '@atlaskit/editor-synced-block-provider';
+import { getDefaultSyncBlockSchema, SyncBlockStatus } from '@atlaskit/editor-synced-block-provider';
 import { ReactRenderer } from '@atlaskit/renderer';
 import { RendererActionsContext } from '@atlaskit/renderer/actions';
+import { SyncedBlockErrorComponent } from './ui/SyncedBlockErrorComponent';
+import { SyncedBlockLoadingState } from './ui/SyncedBlockLoadingState';
 const SyncedBlockRenderer = ({
-  useFetchDocNode,
+  useFetchSyncBlockData,
   dataProviders
 }) => {
-  const latestDocNode = useFetchDocNode();
+  const fetchResult = useFetchSyncBlockData();
+  if (!fetchResult) {
+    return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
+  }
+  if ('status' in fetchResult) {
+    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
+      status: fetchResult.status
+    });
+  }
+  const syncBlockData = fetchResult;
+  const syncBlockDoc = {
+    content: syncBlockData.content,
+    version: 1,
+    type: 'doc'
+  };
   return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement("div", {
     "data-testid": "sync-block-renderer-wrapper"
   }, /*#__PURE__*/React.createElement(ReactRenderer, {
     appearance: "full-width",
     adfStage: "stage0",
     schema: getDefaultSyncBlockSchema(),
-    document: latestDocNode,
+    document: syncBlockDoc,
     disableHeadingIDs: true,
     dataProviders: dataProviders
   })));
 };
 export const getSyncedBlockRenderer = props => {
   return /*#__PURE__*/React.createElement(SyncedBlockRenderer, {
-    useFetchDocNode: props.useFetchDocNode
+    useFetchSyncBlockData: props.useFetchSyncBlockData
   });
 };
 
@@ -48,19 +64,30 @@ const SyncBlockNodeComponent = props => {
     });
   }, [props.dataPromise, data]);
   if (!data) {
-    return /*#__PURE__*/React.createElement("div", null, "loading...");
+    return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
+  }
+  const fetchResult = data.find(item => item.resourceId === props.resourceId);
+  if (!fetchResult) {
+    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
+      status: SyncBlockStatus.Errored
+    });
   }
-  const syncBlockData = data.find(item => item.resourceId === props.resourceId);
-  if (!(syncBlockData !== null && syncBlockData !== void 0 && syncBlockData.content)) {
-    return /*#__PURE__*/React.createElement("div", null, "Sync block not found");
+  if ('status' in fetchResult) {
+    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
+      status: fetchResult.status
+    });
   }
+  const syncBlockData = fetchResult;
   const syncBlockDoc = {
     content: syncBlockData.content,
     version: 1,
     type: 'doc'
   };
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "sync-block-renderer-wrapper"
+  return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement("div", {
+    "data-sync-block": true,
+    "data-testid": "sync-block-renderer-wrapper",
+    "data-resource-id": props.resourceId,
+    "data-local-id": props.localId
   }, /*#__PURE__*/React.createElement(ReactRenderer, {
     appearance: "full-width",
     adfStage: "stage0",
@@ -68,7 +95,7 @@ const SyncBlockNodeComponent = props => {
     document: syncBlockDoc,
     disableHeadingIDs: true,
     dataProviders: props.providers
-  }));
+  })));
 };
 export const getSyncBlockNodeComponent = (dataProvider, doc) => {
   const {

package/dist/es2019/ui/SyncedBlockErrorComponent.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SyncBlockStatus } from '@atlaskit/editor-synced-block-provider';
+export const SyncedBlockErrorComponent = ({
+  status
+}) => {
+  switch (status) {
+    case SyncBlockStatus.Unauthorized:
+      return /*#__PURE__*/React.createElement("div", null, "You don't have permission to view this sync block");
+    case SyncBlockStatus.NotFound:
+      return /*#__PURE__*/React.createElement("div", null, "Sync Block Not Found");
+    case SyncBlockStatus.Errored:
+    default:
+      return /*#__PURE__*/React.createElement("div", null, "Something went wrong");
+  }
+};

package/dist/es2019/ui/SyncedBlockLoadingState.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export const SyncedBlockLoadingState = () => {
+  return /*#__PURE__*/React.createElement("div", null, "Loading...");
+};

package/dist/esm/syncedBlockRenderer.js

@@ -3,27 +3,43 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useEffect, useState } from 'react';
-import { getDefaultSyncBlockSchema } from '@atlaskit/editor-synced-block-provider';
+import { getDefaultSyncBlockSchema, SyncBlockStatus } from '@atlaskit/editor-synced-block-provider';
 import { ReactRenderer } from '@atlaskit/renderer';
 import { RendererActionsContext } from '@atlaskit/renderer/actions';
+import { SyncedBlockErrorComponent } from './ui/SyncedBlockErrorComponent';
+import { SyncedBlockLoadingState } from './ui/SyncedBlockLoadingState';
 var SyncedBlockRenderer = function SyncedBlockRenderer(_ref) {
-  var useFetchDocNode = _ref.useFetchDocNode,
+  var useFetchSyncBlockData = _ref.useFetchSyncBlockData,
     dataProviders = _ref.dataProviders;
-  var latestDocNode = useFetchDocNode();
+  var fetchResult = useFetchSyncBlockData();
+  if (!fetchResult) {
+    return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
+  }
+  if ('status' in fetchResult) {
+    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
+      status: fetchResult.status
+    });
+  }
+  var syncBlockData = fetchResult;
+  var syncBlockDoc = {
+    content: syncBlockData.content,
+    version: 1,
+    type: 'doc'
+  };
   return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement("div", {
     "data-testid": "sync-block-renderer-wrapper"
   }, /*#__PURE__*/React.createElement(ReactRenderer, {
     appearance: "full-width",
     adfStage: "stage0",
     schema: getDefaultSyncBlockSchema(),
-    document: latestDocNode,
+    document: syncBlockDoc,
     disableHeadingIDs: true,
     dataProviders: dataProviders
   })));
 };
 export var getSyncedBlockRenderer = function getSyncedBlockRenderer(props) {
   return /*#__PURE__*/React.createElement(SyncedBlockRenderer, {
-    useFetchDocNode: props.useFetchDocNode
+    useFetchSyncBlockData: props.useFetchSyncBlockData
   });
 };
 
@@ -54,21 +70,32 @@ var SyncBlockNodeComponent = function SyncBlockNodeComponent(props) {
     });
   }, [props.dataPromise, data]);
   if (!data) {
-    return /*#__PURE__*/React.createElement("div", null, "loading...");
+    return /*#__PURE__*/React.createElement(SyncedBlockLoadingState, null);
   }
-  var syncBlockData = data.find(function (item) {
+  var fetchResult = data.find(function (item) {
     return item.resourceId === props.resourceId;
   });
-  if (!(syncBlockData !== null && syncBlockData !== void 0 && syncBlockData.content)) {
-    return /*#__PURE__*/React.createElement("div", null, "Sync block not found");
+  if (!fetchResult) {
+    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
+      status: SyncBlockStatus.Errored
+    });
+  }
+  if ('status' in fetchResult) {
+    return /*#__PURE__*/React.createElement(SyncedBlockErrorComponent, {
+      status: fetchResult.status
+    });
   }
+  var syncBlockData = fetchResult;
   var syncBlockDoc = {
     content: syncBlockData.content,
     version: 1,
     type: 'doc'
   };
-  return /*#__PURE__*/React.createElement("div", {
-    "data-testid": "sync-block-renderer-wrapper"
+  return /*#__PURE__*/React.createElement(RendererActionsContext, null, /*#__PURE__*/React.createElement("div", {
+    "data-sync-block": true,
+    "data-testid": "sync-block-renderer-wrapper",
+    "data-resource-id": props.resourceId,
+    "data-local-id": props.localId
   }, /*#__PURE__*/React.createElement(ReactRenderer, {
     appearance: "full-width",
     adfStage: "stage0",
@@ -76,7 +103,7 @@ var SyncBlockNodeComponent = function SyncBlockNodeComponent(props) {
     document: syncBlockDoc,
     disableHeadingIDs: true,
     dataProviders: props.providers
-  }));
+  })));
 };
 export var getSyncBlockNodeComponent = function getSyncBlockNodeComponent(dataProvider, doc) {
   var content = doc.content;

package/dist/esm/ui/SyncedBlockErrorComponent.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SyncBlockStatus } from '@atlaskit/editor-synced-block-provider';
+export var SyncedBlockErrorComponent = function SyncedBlockErrorComponent(_ref) {
+  var status = _ref.status;
+  switch (status) {
+    case SyncBlockStatus.Unauthorized:
+      return /*#__PURE__*/React.createElement("div", null, "You don't have permission to view this sync block");
+    case SyncBlockStatus.NotFound:
+      return /*#__PURE__*/React.createElement("div", null, "Sync Block Not Found");
+    case SyncBlockStatus.Errored:
+    default:
+      return /*#__PURE__*/React.createElement("div", null, "Something went wrong");
+  }
+};

package/dist/esm/ui/SyncedBlockLoadingState.js

@@ -0,0 +1,4 @@
+import React from 'react';
+export var SyncedBlockLoadingState = function SyncedBlockLoadingState() {
+  return /*#__PURE__*/React.createElement("div", null, "Loading...");
+};

package/dist/types/syncedBlockRenderer.d.ts

@@ -2,11 +2,11 @@ import React from 'react';
 import type { DocNode } from '@atlaskit/adf-schema';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { NodeType, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
-import { type SyncBlockData, type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
+import { type SyncBlockNode, type FetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
 import type { NodeDataProvider } from '@atlaskit/node-data-provider';
 export type SyncedBlockRendererProps = {
     dataProviders?: ProviderFactory;
-    useFetchDocNode: () => DocNode;
+    useFetchSyncBlockData: () => FetchSyncBlockDataResult | null;
 };
 export declare const getSyncedBlockRenderer: (props: SyncedBlockRendererProps) => React.JSX.Element;
 /**
@@ -35,4 +35,4 @@ export interface NodeMeta {
     rendererContext?: RendererContext;
     resourceId?: string;
 }
-export declare const getSyncBlockNodeComponent: (dataProvider: NodeDataProvider<SyncBlockNode, SyncBlockData>, doc: DocNode) => (props: NodeMeta) => React.JSX.Element;
+export declare const getSyncBlockNodeComponent: (dataProvider: NodeDataProvider<SyncBlockNode, FetchSyncBlockDataResult>, doc: DocNode) => (props: NodeMeta) => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SyncBlockStatus } from '@atlaskit/editor-synced-block-provider';
+export declare const SyncedBlockErrorComponent: ({ status }: {
+    status: SyncBlockStatus;
+}) => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SyncedBlockLoadingState: () => React.JSX.Element;

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

@@ -2,11 +2,11 @@ import React from 'react';
 import type { DocNode } from '@atlaskit/adf-schema';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { NodeType, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
-import { type SyncBlockData, type SyncBlockNode } from '@atlaskit/editor-synced-block-provider';
+import { type SyncBlockNode, type FetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
 import type { NodeDataProvider } from '@atlaskit/node-data-provider';
 export type SyncedBlockRendererProps = {
     dataProviders?: ProviderFactory;
-    useFetchDocNode: () => DocNode;
+    useFetchSyncBlockData: () => FetchSyncBlockDataResult | null;
 };
 export declare const getSyncedBlockRenderer: (props: SyncedBlockRendererProps) => React.JSX.Element;
 /**
@@ -35,4 +35,4 @@ export interface NodeMeta {
     rendererContext?: RendererContext;
     resourceId?: string;
 }
-export declare const getSyncBlockNodeComponent: (dataProvider: NodeDataProvider<SyncBlockNode, SyncBlockData>, doc: DocNode) => (props: NodeMeta) => React.JSX.Element;
+export declare const getSyncBlockNodeComponent: (dataProvider: NodeDataProvider<SyncBlockNode, FetchSyncBlockDataResult>, doc: DocNode) => (props: NodeMeta) => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SyncBlockStatus } from '@atlaskit/editor-synced-block-provider';
+export declare const SyncedBlockErrorComponent: ({ status }: {
+    status: SyncBlockStatus;
+}) => React.JSX.Element;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SyncedBlockLoadingState: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-synced-block-renderer",
-	"version": "2.2.0",
+	"version": "2.2.2",
 	"description": "SyncedBlockRenderer for @atlaskit/editor-plugin-synced-block",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,12 +29,12 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-synced-block-provider": "^2.0.0",
-		"@atlaskit/renderer": "^124.8.0",
+		"@atlaskit/editor-synced-block-provider": "^2.1.0",
+		"@atlaskit/renderer": "^124.9.0",
 		"@babel/runtime": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.15.0",
+		"@atlaskit/editor-common": "^110.18.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {

package/afm-passionfruit/tsconfig.json

@@ -1,35 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.passionfruit.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../passionfruit/tsDist/@atlaskit__editor-synced-block-renderer/app",
-		"rootDir": "../",
-		"composite": 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": "../../editor-synced-block-provider/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../renderer/afm-passionfruit/tsconfig.json"
-		},
-		{
-			"path": "../../editor-common/afm-passionfruit/tsconfig.json"
-		}
-	]
-}

package/afm-rovo-extension/tsconfig.json

@@ -1,35 +0,0 @@
-{
-	"extends": "../../../../tsconfig.entry-points.rovo-extension.json",
-	"compilerOptions": {
-		"target": "es5",
-		"outDir": "../../../../../rovo-extension/tsDist/@atlaskit__editor-synced-block-renderer/app",
-		"rootDir": "../",
-		"composite": 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": "../../editor-synced-block-provider/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../renderer/afm-rovo-extension/tsconfig.json"
-		},
-		{
-			"path": "../../editor-common/afm-rovo-extension/tsconfig.json"
-		}
-	]
-}