@atlaskit/editor-plugin-synced-block 3.6.1 → 3.7.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 3.7.1
+
+### Patch Changes
+
+- [`cdf397d4529c6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cdf397d4529c6) -
+  EDITOR-2443 Temporary fix for inserting 'random' node into sync block on enter
+- Updated dependencies
+
+## 3.7.0
+
+### Minor Changes
+
+- [`7b80545f98f03`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7b80545f98f03) -
+  Refactor to suit provider changes
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.6.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/bodiedSyncedBlock.js

@@ -28,7 +28,7 @@ var BodiedSyncBlock = /*#__PURE__*/function (_ReactNodeView) {
     var _this;
     (0, _classCallCheck2.default)(this, BodiedSyncBlock);
     _this = _callSuper(this, BodiedSyncBlock, [props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props]);
-    _this.pluginOptions = props.pluginOptions;
+    _this.syncBlockStore = props.syncBlockStore;
     return _this;
   }
   (0, _inherits2.default)(BodiedSyncBlock, _ReactNodeView);
@@ -42,10 +42,9 @@ var BodiedSyncBlock = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "render",
     value: function render(_props, forwardRef) {
-      var _this$pluginOptions;
       return /*#__PURE__*/_react.default.createElement(_BodiedSyncBlockWrapper.BodiedSyncBlockWrapper, {
         ref: forwardRef,
-        dataProvider: (_this$pluginOptions = this.pluginOptions) === null || _this$pluginOptions === void 0 ? void 0 : _this$pluginOptions.dataProvider,
+        syncBlockStore: this.syncBlockStore,
         node: this.node
       });
     }

package/dist/cjs/nodeviews/syncedBlock.js

@@ -37,7 +37,6 @@ var SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
     _this = _callSuper(this, SyncBlock, [props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props]);
     _this.options = props.options;
     _this.syncBlockStore = props.syncBlockStore;
-    _this.syncBlockStore.updateSyncBlockNode(_this.node);
     return _this;
   }
   (0, _inherits2.default)(SyncBlock, _ReactNodeView);
@@ -62,8 +61,7 @@ var SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
 
       return /*#__PURE__*/_react.default.createElement(_SyncBlockRendererWrapper.SyncBlockRendererWrapper, {
         useFetchDocNode: function useFetchDocNode() {
-          var _this2$options;
-          return (0, _editorSyncedBlockProvider.useFetchDocNode)(_this2.view, _this2.node, defaultSyncBlockRendererDocument, (_this2$options = _this2.options) === null || _this2$options === void 0 ? void 0 : _this2$options.dataProvider);
+          return (0, _editorSyncedBlockProvider.useFetchDocNode)(_this2.syncBlockStore, _this2.node, defaultSyncBlockRendererDocument);
         },
         getSyncedBlockRenderer: (_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : _this$options2.getSyncedBlockRenderer
       });

package/dist/cjs/pm-plugins/actions.js

@@ -84,11 +84,11 @@ var editSyncedBlockSource = exports.editSyncedBlockSource = function editSyncedB
   return function (state, dispatch, _view) {
     var _syncBlock$node;
     var syncBlock = (0, _utils.findSyncBlock)(state);
-    var resourceId = syncBlock === null || syncBlock === void 0 || (_syncBlock$node = syncBlock.node) === null || _syncBlock$node === void 0 || (_syncBlock$node = _syncBlock$node.attrs) === null || _syncBlock$node === void 0 ? void 0 : _syncBlock$node.resourceId;
-    if (!resourceId) {
+    var localId = syncBlock === null || syncBlock === void 0 || (_syncBlock$node = syncBlock.node) === null || _syncBlock$node === void 0 || (_syncBlock$node = _syncBlock$node.attrs) === null || _syncBlock$node === void 0 ? void 0 : _syncBlock$node.localId;
+    if (!localId) {
       return false;
     }
-    var syncBlockURL = syncBlockStore.getSyncBlockURL(resourceId);
+    var syncBlockURL = syncBlockStore.getSyncBlockURL(localId);
     if (syncBlockURL) {
       window.open(syncBlockURL, '_blank');
     } else {

package/dist/cjs/pm-plugins/main.js

@@ -9,10 +9,14 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _bodiedLazySyncedBlock = require("../nodeviews/bodiedLazySyncedBlock");
 var _lazySyncedBlock = require("../nodeviews/lazySyncedBlock");
 var _trackSyncBlocks2 = require("./utils/track-sync-blocks");
+var _utils = require("./utils/utils");
 var syncedBlockPluginKey = exports.syncedBlockPluginKey = new _state.PluginKey('syncedBlockPlugin');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 
+function isInsideBodiedSyncBlock(state, selection) {
+  return (0, _utils.findBodiedSyncBlock)(state, selection) !== undefined;
+}
 var createPlugin = exports.createPlugin = function createPlugin(options, pmPluginFactoryParams, syncBlockStore, api) {
   return new _safePlugin.SafePlugin({
     key: syncedBlockPluginKey,
@@ -42,6 +46,17 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
           api: api,
           syncBlockStore: syncBlockStore
         })
+      },
+      handleKeyDown: function handleKeyDown(view, event) {
+        if (event.key === 'Enter' && isInsideBodiedSyncBlock(view.state, view.state.selection)) {
+          event.preventDefault();
+          // Insert a new paragraph instead of letting browser handle it
+          var tr = view.state.tr;
+          tr.split(view.state.selection.from);
+          view.dispatch(tr);
+          return true;
+        }
+        return false;
       }
     },
     view: function view(editorView) {

package/dist/cjs/syncedBlockPlugin.js

@@ -46,8 +46,7 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
           var tr = _ref2.tr;
           return (0, _actions.createSyncedBlock)({
             tr: tr,
-            syncBlockStore: syncBlockStore,
-            dataProvider: config === null || config === void 0 ? void 0 : config.dataProvider
+            syncBlockStore: syncBlockStore
           }) || null;
         };
       }
@@ -71,7 +70,6 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
             return (0, _actions.createSyncedBlock)({
               tr: state.tr,
               syncBlockStore: syncBlockStore,
-              dataProvider: config === null || config === void 0 ? void 0 : config.dataProvider,
               typeAheadInsert: insert
             });
           }

package/dist/cjs/ui/BodiedSyncBlockWrapper.js

@@ -10,14 +10,9 @@ var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider
 var _SyncBlockLabel = require("./SyncBlockLabel");
 var BodiedSyncBlockWrapper = exports.BodiedSyncBlockWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var node = _ref.node,
-    dataProvider = _ref.dataProvider;
+    syncBlockStore = _ref.syncBlockStore;
   // TODO: EDITOR-2429 - this should be debounced (either here or in the data provider) to avoid excessive API writes
-  var docJSON = {
-    version: 1,
-    type: 'doc',
-    content: node.content.toJSON()
-  };
-  (0, _editorSyncedBlockProvider.useHandleContentChanges)(docJSON, true, node, dataProvider);
+  (0, _editorSyncedBlockProvider.useHandleContentChanges)(syncBlockStore, node);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_SyncBlockLabel.SyncBlockLabel, null), /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "bodied-sync-block-wrapper",
     ref: ref

package/dist/cjs/ui/floating-toolbar.js

@@ -54,7 +54,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
     onClick: (0, _actions.copySyncedBlockReferenceToClipboard)(api)
   }, hoverDecorationProps(nodeType, _consts.akEditorSelectedNodeClassName));
   items.push(copyButton);
-  var disabled = !syncBlockStore.getSyncBlockURL(syncBlockObject.node.attrs.resourceId);
+  var disabled = !syncBlockStore.getSyncBlockURL(syncBlockObject.node.attrs.localId);
   if (!isBodiedSyncBlock) {
     var editSourceButton = _objectSpread({
       id: 'editor.syncedBlock.editSource',

package/dist/es2019/nodeviews/bodiedSyncedBlock.js

@@ -10,7 +10,7 @@ const toDOM = () => ['div', {
 class BodiedSyncBlock extends ReactNodeView {
   constructor(props) {
     super(props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props);
-    this.pluginOptions = props.pluginOptions;
+    this.syncBlockStore = props.syncBlockStore;
   }
   createDomRef() {
     const domRef = document.createElement('div');
@@ -18,10 +18,9 @@ class BodiedSyncBlock extends ReactNodeView {
     return domRef;
   }
   render(_props, forwardRef) {
-    var _this$pluginOptions;
     return /*#__PURE__*/React.createElement(BodiedSyncBlockWrapper, {
       ref: forwardRef,
-      dataProvider: (_this$pluginOptions = this.pluginOptions) === null || _this$pluginOptions === void 0 ? void 0 : _this$pluginOptions.dataProvider,
+      syncBlockStore: this.syncBlockStore,
       node: this.node
     });
   }

package/dist/es2019/nodeviews/syncedBlock.js

@@ -19,7 +19,6 @@ class SyncBlock extends ReactNodeView {
     super(props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props);
     this.options = props.options;
     this.syncBlockStore = props.syncBlockStore;
-    this.syncBlockStore.updateSyncBlockNode(this.node);
   }
   createDomRef() {
     const domRef = document.createElement('div');
@@ -27,7 +26,7 @@ class SyncBlock extends ReactNodeView {
     return domRef;
   }
   render() {
-    var _this$options, _this$options3;
+    var _this$options, _this$options2;
     if (!((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.getSyncedBlockRenderer)) {
       return null;
     }
@@ -35,11 +34,8 @@ class SyncBlock extends ReactNodeView {
     // get document node from data provider
 
     return /*#__PURE__*/React.createElement(SyncBlockRendererWrapper, {
-      useFetchDocNode: () => {
-        var _this$options2;
-        return useFetchDocNode(this.view, this.node, defaultSyncBlockRendererDocument, (_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : _this$options2.dataProvider);
-      },
-      getSyncedBlockRenderer: (_this$options3 = this.options) === null || _this$options3 === void 0 ? void 0 : _this$options3.getSyncedBlockRenderer
+      useFetchDocNode: () => useFetchDocNode(this.syncBlockStore, this.node, defaultSyncBlockRendererDocument),
+      getSyncedBlockRenderer: (_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : _this$options2.getSyncedBlockRenderer
     });
   }
   destroy() {

package/dist/es2019/pm-plugins/actions.js

@@ -87,11 +87,11 @@ export const copySyncedBlockReferenceToClipboard = api => (state, _dispatch, _vi
 export const editSyncedBlockSource = (syncBlockStore, api) => (state, dispatch, _view) => {
   var _syncBlock$node, _syncBlock$node$attrs;
   const syncBlock = findSyncBlock(state);
-  const resourceId = syncBlock === null || syncBlock === void 0 ? void 0 : (_syncBlock$node = syncBlock.node) === null || _syncBlock$node === void 0 ? void 0 : (_syncBlock$node$attrs = _syncBlock$node.attrs) === null || _syncBlock$node$attrs === void 0 ? void 0 : _syncBlock$node$attrs.resourceId;
-  if (!resourceId) {
+  const localId = syncBlock === null || syncBlock === void 0 ? void 0 : (_syncBlock$node = syncBlock.node) === null || _syncBlock$node === void 0 ? void 0 : (_syncBlock$node$attrs = _syncBlock$node.attrs) === null || _syncBlock$node$attrs === void 0 ? void 0 : _syncBlock$node$attrs.localId;
+  if (!localId) {
     return false;
   }
-  const syncBlockURL = syncBlockStore.getSyncBlockURL(resourceId);
+  const syncBlockURL = syncBlockStore.getSyncBlockURL(localId);
   if (syncBlockURL) {
     window.open(syncBlockURL, '_blank');
   } else {

package/dist/es2019/pm-plugins/main.js

@@ -3,10 +3,14 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { lazyBodiedSyncBlockView } from '../nodeviews/bodiedLazySyncedBlock';
 import { lazySyncBlockView } from '../nodeviews/lazySyncedBlock';
 import { trackSyncBlocks } from './utils/track-sync-blocks';
+import { findBodiedSyncBlock } from './utils/utils';
 export const syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 
+function isInsideBodiedSyncBlock(state, selection) {
+  return findBodiedSyncBlock(state, selection) !== undefined;
+}
 export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api) => {
   return new SafePlugin({
     key: syncedBlockPluginKey,
@@ -36,6 +40,17 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
           api,
           syncBlockStore
         })
+      },
+      handleKeyDown: (view, event) => {
+        if (event.key === 'Enter' && isInsideBodiedSyncBlock(view.state, view.state.selection)) {
+          event.preventDefault();
+          // Insert a new paragraph instead of letting browser handle it
+          const tr = view.state.tr;
+          tr.split(view.state.selection.from);
+          view.dispatch(tr);
+          return true;
+        }
+        return false;
       }
     },
     view: editorView => {

package/dist/es2019/syncedBlockPlugin.js

@@ -37,8 +37,7 @@ export const syncedBlockPlugin = ({
         tr
       }) => createSyncedBlock({
         tr,
-        syncBlockStore,
-        dataProvider: config === null || config === void 0 ? void 0 : config.dataProvider
+        syncBlockStore
       }) || null
     },
     pluginsOptions: {
@@ -58,7 +57,6 @@ export const syncedBlockPlugin = ({
           return createSyncedBlock({
             tr: state.tr,
             syncBlockStore,
-            dataProvider: config === null || config === void 0 ? void 0 : config.dataProvider,
             typeAheadInsert: insert
           });
         }

package/dist/es2019/ui/BodiedSyncBlockWrapper.js

@@ -3,15 +3,10 @@ import { useHandleContentChanges } from '@atlaskit/editor-synced-block-provider'
 import { SyncBlockLabel } from './SyncBlockLabel';
 export const BodiedSyncBlockWrapper = /*#__PURE__*/React.forwardRef(({
   node,
-  dataProvider
+  syncBlockStore
 }, ref) => {
   // TODO: EDITOR-2429 - this should be debounced (either here or in the data provider) to avoid excessive API writes
-  const docJSON = {
-    version: 1,
-    type: 'doc',
-    content: node.content.toJSON()
-  };
-  useHandleContentChanges(docJSON, true, node, dataProvider);
+  useHandleContentChanges(syncBlockStore, node);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SyncBlockLabel, null), /*#__PURE__*/React.createElement("div", {
     "data-testid": "bodied-sync-block-wrapper",
     ref: ref

package/dist/es2019/ui/floating-toolbar.js

@@ -45,7 +45,7 @@ export const getToolbarConfig = (state, intl, _options = {}, _providerFactory, a
     ...hoverDecorationProps(nodeType, akEditorSelectedNodeClassName)
   };
   items.push(copyButton);
-  const disabled = !syncBlockStore.getSyncBlockURL(syncBlockObject.node.attrs.resourceId);
+  const disabled = !syncBlockStore.getSyncBlockURL(syncBlockObject.node.attrs.localId);
   if (!isBodiedSyncBlock) {
     const editSourceButton = {
       id: 'editor.syncedBlock.editSource',

package/dist/esm/nodeviews/bodiedSyncedBlock.js

@@ -21,7 +21,7 @@ var BodiedSyncBlock = /*#__PURE__*/function (_ReactNodeView) {
     var _this;
     _classCallCheck(this, BodiedSyncBlock);
     _this = _callSuper(this, BodiedSyncBlock, [props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props]);
-    _this.pluginOptions = props.pluginOptions;
+    _this.syncBlockStore = props.syncBlockStore;
     return _this;
   }
   _inherits(BodiedSyncBlock, _ReactNodeView);
@@ -35,10 +35,9 @@ var BodiedSyncBlock = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "render",
     value: function render(_props, forwardRef) {
-      var _this$pluginOptions;
       return /*#__PURE__*/React.createElement(BodiedSyncBlockWrapper, {
         ref: forwardRef,
-        dataProvider: (_this$pluginOptions = this.pluginOptions) === null || _this$pluginOptions === void 0 ? void 0 : _this$pluginOptions.dataProvider,
+        syncBlockStore: this.syncBlockStore,
         node: this.node
       });
     }

package/dist/esm/nodeviews/syncedBlock.js

@@ -30,7 +30,6 @@ var SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
     _this = _callSuper(this, SyncBlock, [props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props]);
     _this.options = props.options;
     _this.syncBlockStore = props.syncBlockStore;
-    _this.syncBlockStore.updateSyncBlockNode(_this.node);
     return _this;
   }
   _inherits(SyncBlock, _ReactNodeView);
@@ -55,8 +54,7 @@ var SyncBlock = /*#__PURE__*/function (_ReactNodeView) {
 
       return /*#__PURE__*/React.createElement(SyncBlockRendererWrapper, {
         useFetchDocNode: function useFetchDocNode() {
-          var _this2$options;
-          return _useFetchDocNode(_this2.view, _this2.node, defaultSyncBlockRendererDocument, (_this2$options = _this2.options) === null || _this2$options === void 0 ? void 0 : _this2$options.dataProvider);
+          return _useFetchDocNode(_this2.syncBlockStore, _this2.node, defaultSyncBlockRendererDocument);
         },
         getSyncedBlockRenderer: (_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : _this$options2.getSyncedBlockRenderer
       });

package/dist/esm/pm-plugins/actions.js

@@ -77,11 +77,11 @@ export var editSyncedBlockSource = function editSyncedBlockSource(syncBlockStore
   return function (state, dispatch, _view) {
     var _syncBlock$node;
     var syncBlock = findSyncBlock(state);
-    var resourceId = syncBlock === null || syncBlock === void 0 || (_syncBlock$node = syncBlock.node) === null || _syncBlock$node === void 0 || (_syncBlock$node = _syncBlock$node.attrs) === null || _syncBlock$node === void 0 ? void 0 : _syncBlock$node.resourceId;
-    if (!resourceId) {
+    var localId = syncBlock === null || syncBlock === void 0 || (_syncBlock$node = syncBlock.node) === null || _syncBlock$node === void 0 || (_syncBlock$node = _syncBlock$node.attrs) === null || _syncBlock$node === void 0 ? void 0 : _syncBlock$node.localId;
+    if (!localId) {
       return false;
     }
-    var syncBlockURL = syncBlockStore.getSyncBlockURL(resourceId);
+    var syncBlockURL = syncBlockStore.getSyncBlockURL(localId);
     if (syncBlockURL) {
       window.open(syncBlockURL, '_blank');
     } else {

package/dist/esm/pm-plugins/main.js

@@ -3,10 +3,14 @@ import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { lazyBodiedSyncBlockView } from '../nodeviews/bodiedLazySyncedBlock';
 import { lazySyncBlockView } from '../nodeviews/lazySyncedBlock';
 import { trackSyncBlocks } from './utils/track-sync-blocks';
+import { findBodiedSyncBlock } from './utils/utils';
 export var syncedBlockPluginKey = new PluginKey('syncedBlockPlugin');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 
+function isInsideBodiedSyncBlock(state, selection) {
+  return findBodiedSyncBlock(state, selection) !== undefined;
+}
 export var createPlugin = function createPlugin(options, pmPluginFactoryParams, syncBlockStore, api) {
   return new SafePlugin({
     key: syncedBlockPluginKey,
@@ -36,6 +40,17 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
           api: api,
           syncBlockStore: syncBlockStore
         })
+      },
+      handleKeyDown: function handleKeyDown(view, event) {
+        if (event.key === 'Enter' && isInsideBodiedSyncBlock(view.state, view.state.selection)) {
+          event.preventDefault();
+          // Insert a new paragraph instead of letting browser handle it
+          var tr = view.state.tr;
+          tr.split(view.state.selection.from);
+          view.dispatch(tr);
+          return true;
+        }
+        return false;
       }
     },
     view: function view(editorView) {

package/dist/esm/syncedBlockPlugin.js

@@ -39,8 +39,7 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
           var tr = _ref2.tr;
           return createSyncedBlock({
             tr: tr,
-            syncBlockStore: syncBlockStore,
-            dataProvider: config === null || config === void 0 ? void 0 : config.dataProvider
+            syncBlockStore: syncBlockStore
           }) || null;
         };
       }
@@ -64,7 +63,6 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
             return createSyncedBlock({
               tr: state.tr,
               syncBlockStore: syncBlockStore,
-              dataProvider: config === null || config === void 0 ? void 0 : config.dataProvider,
               typeAheadInsert: insert
             });
           }

package/dist/esm/ui/BodiedSyncBlockWrapper.js

@@ -3,14 +3,9 @@ import { useHandleContentChanges } from '@atlaskit/editor-synced-block-provider'
 import { SyncBlockLabel } from './SyncBlockLabel';
 export var BodiedSyncBlockWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var node = _ref.node,
-    dataProvider = _ref.dataProvider;
+    syncBlockStore = _ref.syncBlockStore;
   // TODO: EDITOR-2429 - this should be debounced (either here or in the data provider) to avoid excessive API writes
-  var docJSON = {
-    version: 1,
-    type: 'doc',
-    content: node.content.toJSON()
-  };
-  useHandleContentChanges(docJSON, true, node, dataProvider);
+  useHandleContentChanges(syncBlockStore, node);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SyncBlockLabel, null), /*#__PURE__*/React.createElement("div", {
     "data-testid": "bodied-sync-block-wrapper",
     ref: ref

package/dist/esm/ui/floating-toolbar.js

@@ -45,7 +45,7 @@ export var getToolbarConfig = function getToolbarConfig(state, intl) {
     onClick: copySyncedBlockReferenceToClipboard(api)
   }, hoverDecorationProps(nodeType, akEditorSelectedNodeClassName));
   items.push(copyButton);
-  var disabled = !syncBlockStore.getSyncBlockURL(syncBlockObject.node.attrs.resourceId);
+  var disabled = !syncBlockStore.getSyncBlockURL(syncBlockObject.node.attrs.localId);
   if (!isBodiedSyncBlock) {
     var editSourceButton = _objectSpread({
       id: 'editor.syncedBlock.editSource',

package/dist/types/nodeviews/bodiedSyncedBlock.d.ts

@@ -15,6 +15,7 @@ export interface BodiedSyncBlockNodeViewProps extends ReactComponentProps {
     pluginOptions: SyncedBlockPluginOptions | undefined;
     portalProviderAPI: PortalProviderAPI;
     view: EditorView;
+    syncBlockStore: SyncBlockStoreManager;
 }
 export interface BodiedSyncBlockNodeViewProperties {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;

package/dist/types/pm-plugins/actions.d.ts

@@ -1,9 +1,8 @@
 import type { Command, ExtractInjectionAPI, TypeAheadInsert } from '@atlaskit/editor-common/types';
 import { type Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { SyncBlockDataProvider, SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
 type createSyncedBlockProps = {
-    dataProvider?: SyncBlockDataProvider;
     syncBlockStore: SyncBlockStoreManager;
     tr: Transaction;
     typeAheadInsert?: TypeAheadInsert;

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { type SyncBlockDataProvider } from '@atlaskit/editor-synced-block-provider';
+import { type SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 interface BodiedSyncBlockWrapperProps {
-    dataProvider?: SyncBlockDataProvider | undefined;
     node: PMNode;
+    syncBlockStore: SyncBlockStoreManager;
 }
 export declare const BodiedSyncBlockWrapper: React.ForwardRefExoticComponent<BodiedSyncBlockWrapperProps & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -15,6 +15,7 @@ export interface BodiedSyncBlockNodeViewProps extends ReactComponentProps {
     pluginOptions: SyncedBlockPluginOptions | undefined;
     portalProviderAPI: PortalProviderAPI;
     view: EditorView;
+    syncBlockStore: SyncBlockStoreManager;
 }
 export interface BodiedSyncBlockNodeViewProperties {
     api?: ExtractInjectionAPI<SyncedBlockPlugin>;

package/dist/types-ts4.5/pm-plugins/actions.d.ts

@@ -1,9 +1,8 @@
 import type { Command, ExtractInjectionAPI, TypeAheadInsert } from '@atlaskit/editor-common/types';
 import { type Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { SyncBlockDataProvider, SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
 type createSyncedBlockProps = {
-    dataProvider?: SyncBlockDataProvider;
     syncBlockStore: SyncBlockStoreManager;
     tr: Transaction;
     typeAheadInsert?: TypeAheadInsert;

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { type SyncBlockDataProvider } from '@atlaskit/editor-synced-block-provider';
+import { type SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 interface BodiedSyncBlockWrapperProps {
-    dataProvider?: SyncBlockDataProvider | undefined;
     node: PMNode;
+    syncBlockStore: SyncBlockStoreManager;
 }
 export declare const BodiedSyncBlockWrapper: React.ForwardRefExoticComponent<BodiedSyncBlockWrapperProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "3.6.1",
+	"version": "3.7.1",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,7 +38,7 @@
 		"@atlaskit/editor-plugin-selection": "^6.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.8.0",
-		"@atlaskit/editor-synced-block-provider": "^1.0.0",
+		"@atlaskit/editor-synced-block-provider": "^2.0.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^0.15.0",
 		"@atlaskit/icon": "28.5.3",
@@ -47,7 +47,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.15.0",
+		"@atlaskit/editor-common": "^110.16.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {