@atlaskit/editor-plugin-synced-block 4.2.2 → 4.2.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 4.2.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.2.3
+
+### Patch Changes
+
+- [`9aaeaa5054b55`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9aaeaa5054b55) -
+  EDITOR-2863 Add copy sync block option to block menu
+- Updated dependencies
+
 ## 4.2.2
 
 ### Patch Changes

package/dist/cjs/editor-commands/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeSyncedBlock = exports.editSyncedBlockSource = exports.createSyncedBlock = exports.copySyncedBlockReferenceToClipboard = void 0;
+exports.removeSyncedBlock = exports.editSyncedBlockSource = exports.createSyncedBlock = exports.copySyncedBlockReferenceToClipboardEditorCommand = exports.copySyncedBlockReferenceToClipboard = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _copyButton = require("@atlaskit/editor-common/copy-button");
 var _state = require("@atlaskit/editor-prosemirror/state");
@@ -59,42 +59,47 @@ var createSyncedBlock = exports.createSyncedBlock = function createSyncedBlock(_
   // see filterTransaction for more details
   return tr;
 };
-var copySyncedBlockReferenceToClipboard = exports.copySyncedBlockReferenceToClipboard = function copySyncedBlockReferenceToClipboard(api) {
-  return function (state, _dispatch, _view) {
-    if (!(api !== null && api !== void 0 && api.floatingToolbar)) {
-      return false;
-    }
-    var syncBlockFindResult = (0, _utils2.findSyncBlockOrBodiedSyncBlock)(state);
-    if (!syncBlockFindResult) {
-      return false;
-    }
-    var isBodiedSyncBlock = (0, _utils2.isBodiedSyncBlockNode)(syncBlockFindResult.node, state.schema.nodes.bodiedSyncBlock);
-    var referenceSyncBlockNode = null;
-    if (isBodiedSyncBlock) {
-      var syncBlock = state.tr.doc.type.schema.nodes.syncBlock;
+var copySyncedBlockReferenceToClipboardEditorCommand = exports.copySyncedBlockReferenceToClipboardEditorCommand = function copySyncedBlockReferenceToClipboardEditorCommand(_ref2) {
+  var tr = _ref2.tr;
+  if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection)) {
+    return tr;
+  }
+  return null;
+};
+var copySyncedBlockReferenceToClipboard = exports.copySyncedBlockReferenceToClipboard = function copySyncedBlockReferenceToClipboard(state, _dispatch, _view) {
+  return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection);
+};
+var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockReferenceToClipboardInternal(schema, selection) {
+  var syncBlockFindResult = (0, _utils2.findSyncBlockOrBodiedSyncBlock)(schema, selection);
+  if (!syncBlockFindResult) {
+    return false;
+  }
+  var isBodiedSyncBlock = (0, _utils2.isBodiedSyncBlockNode)(syncBlockFindResult.node, schema.nodes.bodiedSyncBlock);
+  var referenceSyncBlockNode = null;
+  if (isBodiedSyncBlock) {
+    var syncBlock = schema.nodes.syncBlock;
 
-      // create sync block reference node
-      referenceSyncBlockNode = syncBlock.createAndFill({
-        resourceId: syncBlockFindResult.node.attrs.resourceId
-      });
-      if (!referenceSyncBlockNode) {
-        return false;
-      }
-    } else {
-      referenceSyncBlockNode = syncBlockFindResult.node;
-    }
+    // create sync block reference node
+    referenceSyncBlockNode = syncBlock.createAndFill({
+      resourceId: syncBlockFindResult.node.attrs.resourceId
+    });
     if (!referenceSyncBlockNode) {
       return false;
     }
-    var domNode = (0, _copyButton.toDOM)(referenceSyncBlockNode, state.tr.doc.type.schema);
-    (0, _copyButton.copyDomNode)(domNode, referenceSyncBlockNode.type, state.tr.selection);
-    return true;
-  };
+  } else {
+    referenceSyncBlockNode = syncBlockFindResult.node;
+  }
+  if (!referenceSyncBlockNode) {
+    return false;
+  }
+  var domNode = (0, _copyButton.toDOM)(referenceSyncBlockNode, schema);
+  (0, _copyButton.copyDomNode)(domNode, referenceSyncBlockNode.type, selection);
+  return true;
 };
 var editSyncedBlockSource = exports.editSyncedBlockSource = function editSyncedBlockSource(syncBlockStore, api) {
   return function (state, dispatch, _view) {
     var _syncBlock$node;
-    var syncBlock = (0, _utils2.findSyncBlock)(state);
+    var syncBlock = (0, _utils2.findSyncBlock)(state.schema, state.selection);
     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) {
       return false;

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

@@ -8,16 +8,15 @@ var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorTables = require("@atlaskit/editor-tables");
-var findSyncBlock = exports.findSyncBlock = function findSyncBlock(state, selection) {
-  var syncBlock = state.schema.nodes.syncBlock;
-  return (0, _utils.findSelectedNodeOfType)(syncBlock)(selection || state.selection);
+var findSyncBlock = exports.findSyncBlock = function findSyncBlock(schema, selection) {
+  var syncBlock = schema.nodes.syncBlock;
+  return (0, _utils.findSelectedNodeOfType)(syncBlock)(selection);
 };
-var findBodiedSyncBlock = exports.findBodiedSyncBlock = function findBodiedSyncBlock(state, selection) {
-  var bodiedSyncBlock = state.schema.nodes.bodiedSyncBlock;
-  return (0, _utils.findSelectedNodeOfType)(bodiedSyncBlock)(selection || state.selection) || (0, _utils.findParentNodeOfType)(bodiedSyncBlock)(selection || state.selection);
+var findBodiedSyncBlock = exports.findBodiedSyncBlock = function findBodiedSyncBlock(schema, selection) {
+  return (0, _utils.findSelectedNodeOfType)(schema.nodes.bodiedSyncBlock)(selection) || (0, _utils.findParentNodeOfType)(schema.nodes.bodiedSyncBlock)(selection);
 };
-var findSyncBlockOrBodiedSyncBlock = exports.findSyncBlockOrBodiedSyncBlock = function findSyncBlockOrBodiedSyncBlock(state, selection) {
-  return findSyncBlock(state, selection) || findBodiedSyncBlock(state, selection);
+var findSyncBlockOrBodiedSyncBlock = exports.findSyncBlockOrBodiedSyncBlock = function findSyncBlockOrBodiedSyncBlock(schema, selection) {
+  return findSyncBlock(schema, selection) || findBodiedSyncBlock(schema, selection);
 };
 var isBodiedSyncBlockNode = exports.isBodiedSyncBlockNode = function isBodiedSyncBlockNode(node, bodiedSyncBlock) {
   return node.type === bodiedSyncBlock;
@@ -25,13 +24,13 @@ var isBodiedSyncBlockNode = exports.isBodiedSyncBlockNode = function isBodiedSyn
 var UNSUPPORTED_NODE_TYPES = new Set(['inlineExtension', 'extension', 'bodiedExtension', 'syncBlock', 'bodiedSyncBlock']);
 
 /**
-* Checks whether the selection can be converted to sync block
-*
-* @param selection - the current editor selection to validate for sync block conversion
-* @returns A fragment containing the content to include in the synced block,
-* stripping out unsupported marks (breakout on codeblock/expand/layout), as well as from and to positions,
-* or false if conversion is not possible
-*/
+ * Checks whether the selection can be converted to sync block
+ *
+ * @param selection - the current editor selection to validate for sync block conversion
+ * @returns A fragment containing the content to include in the synced block,
+ * stripping out unsupported marks (breakout on codeblock/expand/layout), as well as from and to positions,
+ * or false if conversion is not possible
+ */
 var canBeConvertedToSyncBlock = exports.canBeConvertedToSyncBlock = function canBeConvertedToSyncBlock(selection) {
   var schema = selection.$from.doc.type.schema;
   var nodes = schema.nodes;

package/dist/cjs/syncedBlockPlugin.js

@@ -45,6 +45,9 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
       }];
     },
     commands: {
+      copySyncedBlockReferenceToClipboard: function copySyncedBlockReferenceToClipboard() {
+        return _editorCommands.copySyncedBlockReferenceToClipboardEditorCommand;
+      },
       insertSyncedBlock: function insertSyncedBlock() {
         return function (_ref2) {
           var tr = _ref2.tr;

package/dist/cjs/ui/CreateSyncedBlockDropdownItem.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CreateSyncedBlockDropdownItem = void 0;
+exports.CreateOrCopySyncedBlockDropdownItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _hooks = require("@atlaskit/editor-common/hooks");
@@ -15,7 +15,7 @@ var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
 var _compiled = require("@atlaskit/primitives/compiled");
 var _utils = require("../pm-plugins/utils/utils");
 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 CreateSyncedBlockDropdownItem = exports.CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref) {
+var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref) {
   var api = _ref.api;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
@@ -53,4 +53,46 @@ var CreateSyncedBlockDropdownItem = exports.CreateSyncedBlockDropdownItem = func
   }, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, formatMessage(_messages.blockMenuMessages.createSyncedBlock)), /*#__PURE__*/_react.default.createElement(_lozenge.default, {
     appearance: "new"
   }, formatMessage(_messages.blockMenuMessages.newLozenge))));
+};
+var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
+  var api = _ref2.api;
+  var _useIntl2 = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl2.formatMessage;
+  var onClick = function onClick() {
+    var _api$core3, _api$core4, _api$blockControls2;
+    api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(api === null || api === void 0 ? void 0 : api.syncedBlock.commands.copySyncedBlockReferenceToClipboard());
+    api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || (_api$blockControls2 = _api$blockControls2.commands) === null || _api$blockControls2 === void 0 ? void 0 : _api$blockControls2.toggleBlockMenu({
+      closeMenu: true
+    }));
+  };
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.SyncBlocksIcon, {
+      label: ""
+    }),
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
+    alignItems: "center",
+    gap: "space.050"
+  }, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, formatMessage(_messages.blockMenuMessages.copySyncedBlock)), /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+    appearance: "new"
+  }, formatMessage(_messages.blockMenuMessages.newLozenge))));
+};
+var CreateOrCopySyncedBlockDropdownItem = exports.CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref3) {
+  var api = _ref3.api;
+  var _useSharedPluginState2 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
+      var _states$blockControls2;
+      return {
+        menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
+      };
+    }),
+    menuTriggerBy = _useSharedPluginState2.menuTriggerBy;
+  if (menuTriggerBy === 'syncBlock' || menuTriggerBy === 'bodiedSyncBlock') {
+    return /*#__PURE__*/_react.default.createElement(CopySyncedBlockDropdownItem, {
+      api: api
+    });
+  } else {
+    return /*#__PURE__*/_react.default.createElement(CreateSyncedBlockDropdownItem, {
+      api: api
+    });
+  }
 };

package/dist/cjs/ui/block-menu-components.js

@@ -18,7 +18,7 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
       rank: _blockMenu.ADD_BLOCKS_MENU_SECTION_RANK[_blockMenu.CREATE_SYNCED_BLOCK_MENU_ITEM.key]
     },
     component: function component() {
-      return /*#__PURE__*/_react.default.createElement(_CreateSyncedBlockDropdownItem.CreateSyncedBlockDropdownItem, {
+      return /*#__PURE__*/_react.default.createElement(_CreateSyncedBlockDropdownItem.CreateOrCopySyncedBlockDropdownItem, {
         api: api
       });
     }

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

@@ -21,7 +21,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(state, intl, api, syncBlockStore) {
   var _api$decorations;
-  var syncBlockObject = (0, _utils2.findSyncBlockOrBodiedSyncBlock)(state);
+  var syncBlockObject = (0, _utils2.findSyncBlockOrBodiedSyncBlock)(state.schema, state.selection);
   if (!syncBlockObject) {
     return;
   }
@@ -47,7 +47,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(stat
     title: formatMessage(_messages.syncBlockMessages.copySyncBlockLabel),
     showTitle: false,
     tooltipContent: formatMessage(_messages.syncBlockMessages.copySyncBlockTooltip),
-    onClick: (0, _editorCommands.copySyncedBlockReferenceToClipboard)(api)
+    onClick: _editorCommands.copySyncedBlockReferenceToClipboard
   }, hoverDecorationProps(nodeType, _consts.akEditorSelectedNodeClassName));
   items.push(copyButton);
   var disabled = !syncBlockStore.getSyncBlockURL(syncBlockObject.node.attrs.resourceId);

package/dist/es2019/editor-commands/index.js

@@ -59,24 +59,30 @@ export const createSyncedBlock = ({
   // see filterTransaction for more details
   return tr;
 };
-export const copySyncedBlockReferenceToClipboard = api => (state, _dispatch, _view) => {
-  if (!(api !== null && api !== void 0 && api.floatingToolbar)) {
-    return false;
+export const copySyncedBlockReferenceToClipboardEditorCommand = ({
+  tr
+}) => {
+  if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection)) {
+    return tr;
   }
-  const syncBlockFindResult = findSyncBlockOrBodiedSyncBlock(state);
+  return null;
+};
+export const copySyncedBlockReferenceToClipboard = (state, _dispatch, _view) => {
+  return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection);
+};
+const copySyncedBlockReferenceToClipboardInternal = (schema, selection) => {
+  const syncBlockFindResult = findSyncBlockOrBodiedSyncBlock(schema, selection);
   if (!syncBlockFindResult) {
     return false;
   }
-  const isBodiedSyncBlock = isBodiedSyncBlockNode(syncBlockFindResult.node, state.schema.nodes.bodiedSyncBlock);
+  const isBodiedSyncBlock = isBodiedSyncBlockNode(syncBlockFindResult.node, schema.nodes.bodiedSyncBlock);
   let referenceSyncBlockNode = null;
   if (isBodiedSyncBlock) {
     const {
-      schema: {
-        nodes: {
-          syncBlock
-        }
+      nodes: {
+        syncBlock
       }
-    } = state.tr.doc.type;
+    } = schema;
 
     // create sync block reference node
     referenceSyncBlockNode = syncBlock.createAndFill({
@@ -91,13 +97,13 @@ export const copySyncedBlockReferenceToClipboard = api => (state, _dispatch, _vi
   if (!referenceSyncBlockNode) {
     return false;
   }
-  const domNode = toDOM(referenceSyncBlockNode, state.tr.doc.type.schema);
-  copyDomNode(domNode, referenceSyncBlockNode.type, state.tr.selection);
+  const domNode = toDOM(referenceSyncBlockNode, schema);
+  copyDomNode(domNode, referenceSyncBlockNode.type, selection);
   return true;
 };
 export const editSyncedBlockSource = (syncBlockStore, api) => (state, dispatch, _view) => {
   var _syncBlock$node, _syncBlock$node$attrs;
-  const syncBlock = findSyncBlock(state);
+  const syncBlock = findSyncBlock(state.schema, state.selection);
   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) {
     return false;

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

@@ -2,32 +2,29 @@ import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection, findTable } from '@atlaskit/editor-tables';
-export const findSyncBlock = (state, selection) => {
+export const findSyncBlock = (schema, selection) => {
   const {
     syncBlock
-  } = state.schema.nodes;
-  return findSelectedNodeOfType(syncBlock)(selection || state.selection);
+  } = schema.nodes;
+  return findSelectedNodeOfType(syncBlock)(selection);
 };
-export const findBodiedSyncBlock = (state, selection) => {
-  const {
-    bodiedSyncBlock
-  } = state.schema.nodes;
-  return findSelectedNodeOfType(bodiedSyncBlock)(selection || state.selection) || findParentNodeOfType(bodiedSyncBlock)(selection || state.selection);
+export const findBodiedSyncBlock = (schema, selection) => {
+  return findSelectedNodeOfType(schema.nodes.bodiedSyncBlock)(selection) || findParentNodeOfType(schema.nodes.bodiedSyncBlock)(selection);
 };
-export const findSyncBlockOrBodiedSyncBlock = (state, selection) => {
-  return findSyncBlock(state, selection) || findBodiedSyncBlock(state, selection);
+export const findSyncBlockOrBodiedSyncBlock = (schema, selection) => {
+  return findSyncBlock(schema, selection) || findBodiedSyncBlock(schema, selection);
 };
 export const isBodiedSyncBlockNode = (node, bodiedSyncBlock) => node.type === bodiedSyncBlock;
 const UNSUPPORTED_NODE_TYPES = new Set(['inlineExtension', 'extension', 'bodiedExtension', 'syncBlock', 'bodiedSyncBlock']);
 
 /**
-* Checks whether the selection can be converted to sync block
-*
-* @param selection - the current editor selection to validate for sync block conversion
-* @returns A fragment containing the content to include in the synced block,
-* stripping out unsupported marks (breakout on codeblock/expand/layout), as well as from and to positions,
-* or false if conversion is not possible
-*/
+ * Checks whether the selection can be converted to sync block
+ *
+ * @param selection - the current editor selection to validate for sync block conversion
+ * @returns A fragment containing the content to include in the synced block,
+ * stripping out unsupported marks (breakout on codeblock/expand/layout), as well as from and to positions,
+ * or false if conversion is not possible
+ */
 export const canBeConvertedToSyncBlock = selection => {
   const schema = selection.$from.doc.type.schema;
   const {

package/dist/es2019/syncedBlockPlugin.js

@@ -4,7 +4,7 @@ import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconSyncBlock } from '@atlaskit/editor-common/quick-insert';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import { flushBodiedSyncBlocks } from './editor-actions';
-import { createSyncedBlock } from './editor-commands';
+import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
 import { createPlugin } from './pm-plugins/main';
 import { getBlockMenuComponents } from './ui/block-menu-components';
 import { DeleteConfirmationModal } from './ui/DeleteConfirmationModal';
@@ -37,6 +37,7 @@ export const syncedBlockPlugin = ({
       }];
     },
     commands: {
+      copySyncedBlockReferenceToClipboard: () => copySyncedBlockReferenceToClipboardEditorCommand,
       insertSyncedBlock: () => ({
         tr
       }) => createSyncedBlock({

package/dist/es2019/ui/CreateSyncedBlockDropdownItem.js

@@ -6,7 +6,7 @@ import { SyncBlocksIcon, ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import Lozenge from '@atlaskit/lozenge';
 import { Flex, Text } from '@atlaskit/primitives/compiled';
 import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
-export const CreateSyncedBlockDropdownItem = ({
+const CreateSyncedBlockDropdownItem = ({
   api
 }) => {
   const {
@@ -45,4 +45,50 @@ export const CreateSyncedBlockDropdownItem = ({
   }, /*#__PURE__*/React.createElement(Text, null, formatMessage(blockMenuMessages.createSyncedBlock)), /*#__PURE__*/React.createElement(Lozenge, {
     appearance: "new"
   }, formatMessage(blockMenuMessages.newLozenge))));
+};
+const CopySyncedBlockDropdownItem = ({
+  api
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const onClick = () => {
+    var _api$core3, _api$core4, _api$blockControls2, _api$blockControls2$c;
+    api === null || api === void 0 ? void 0 : (_api$core3 = api.core) === null || _api$core3 === void 0 ? void 0 : _api$core3.actions.execute(api === null || api === void 0 ? void 0 : api.syncedBlock.commands.copySyncedBlockReferenceToClipboard());
+    api === null || api === void 0 ? void 0 : (_api$core4 = api.core) === null || _api$core4 === void 0 ? void 0 : _api$core4.actions.execute(api === null || api === void 0 ? void 0 : (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 ? void 0 : (_api$blockControls2$c = _api$blockControls2.commands) === null || _api$blockControls2$c === void 0 ? void 0 : _api$blockControls2$c.toggleBlockMenu({
+      closeMenu: true
+    }));
+  };
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/React.createElement(SyncBlocksIcon, {
+      label: ""
+    }),
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(Flex, {
+    alignItems: "center",
+    gap: "space.050"
+  }, /*#__PURE__*/React.createElement(Text, null, formatMessage(blockMenuMessages.copySyncedBlock)), /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: "new"
+  }, formatMessage(blockMenuMessages.newLozenge))));
+};
+export const CreateOrCopySyncedBlockDropdownItem = ({
+  api
+}) => {
+  const {
+    menuTriggerBy
+  } = useSharedPluginStateWithSelector(api, ['blockControls'], states => {
+    var _states$blockControls2;
+    return {
+      menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
+    };
+  });
+  if (menuTriggerBy === 'syncBlock' || menuTriggerBy === 'bodiedSyncBlock') {
+    return /*#__PURE__*/React.createElement(CopySyncedBlockDropdownItem, {
+      api: api
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(CreateSyncedBlockDropdownItem, {
+      api: api
+    });
+  }
 };

package/dist/es2019/ui/block-menu-components.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ADD_BLOCKS_MENU_SECTION, ADD_BLOCKS_MENU_SECTION_RANK, CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
-import { CreateSyncedBlockDropdownItem } from './CreateSyncedBlockDropdownItem';
+import { CreateOrCopySyncedBlockDropdownItem } from './CreateSyncedBlockDropdownItem';
 export const getBlockMenuComponents = api => {
   return [{
     type: 'block-menu-item',
@@ -10,7 +10,7 @@ export const getBlockMenuComponents = api => {
       key: ADD_BLOCKS_MENU_SECTION.key,
       rank: ADD_BLOCKS_MENU_SECTION_RANK[CREATE_SYNCED_BLOCK_MENU_ITEM.key]
     },
-    component: () => /*#__PURE__*/React.createElement(CreateSyncedBlockDropdownItem, {
+    component: () => /*#__PURE__*/React.createElement(CreateOrCopySyncedBlockDropdownItem, {
       api: api
     })
   }];

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

@@ -9,7 +9,7 @@ import { copySyncedBlockReferenceToClipboard, editSyncedBlockSource, removeSynce
 import { findSyncBlockOrBodiedSyncBlock, isBodiedSyncBlockNode } from '../pm-plugins/utils/utils';
 export const getToolbarConfig = (state, intl, api, syncBlockStore) => {
   var _api$decorations;
-  const syncBlockObject = findSyncBlockOrBodiedSyncBlock(state);
+  const syncBlockObject = findSyncBlockOrBodiedSyncBlock(state.schema, state.selection);
   if (!syncBlockObject) {
     return;
   }
@@ -41,7 +41,7 @@ export const getToolbarConfig = (state, intl, api, syncBlockStore) => {
     title: formatMessage(messages.copySyncBlockLabel),
     showTitle: false,
     tooltipContent: formatMessage(messages.copySyncBlockTooltip),
-    onClick: copySyncedBlockReferenceToClipboard(api),
+    onClick: copySyncedBlockReferenceToClipboard,
     ...hoverDecorationProps(nodeType, akEditorSelectedNodeClassName)
   };
   items.push(copyButton);

package/dist/esm/editor-commands/index.js

@@ -53,42 +53,47 @@ export var createSyncedBlock = function createSyncedBlock(_ref) {
   // see filterTransaction for more details
   return tr;
 };
-export var copySyncedBlockReferenceToClipboard = function copySyncedBlockReferenceToClipboard(api) {
-  return function (state, _dispatch, _view) {
-    if (!(api !== null && api !== void 0 && api.floatingToolbar)) {
-      return false;
-    }
-    var syncBlockFindResult = findSyncBlockOrBodiedSyncBlock(state);
-    if (!syncBlockFindResult) {
-      return false;
-    }
-    var isBodiedSyncBlock = isBodiedSyncBlockNode(syncBlockFindResult.node, state.schema.nodes.bodiedSyncBlock);
-    var referenceSyncBlockNode = null;
-    if (isBodiedSyncBlock) {
-      var syncBlock = state.tr.doc.type.schema.nodes.syncBlock;
+export var copySyncedBlockReferenceToClipboardEditorCommand = function copySyncedBlockReferenceToClipboardEditorCommand(_ref2) {
+  var tr = _ref2.tr;
+  if (copySyncedBlockReferenceToClipboardInternal(tr.doc.type.schema, tr.selection)) {
+    return tr;
+  }
+  return null;
+};
+export var copySyncedBlockReferenceToClipboard = function copySyncedBlockReferenceToClipboard(state, _dispatch, _view) {
+  return copySyncedBlockReferenceToClipboardInternal(state.tr.doc.type.schema, state.tr.selection);
+};
+var copySyncedBlockReferenceToClipboardInternal = function copySyncedBlockReferenceToClipboardInternal(schema, selection) {
+  var syncBlockFindResult = findSyncBlockOrBodiedSyncBlock(schema, selection);
+  if (!syncBlockFindResult) {
+    return false;
+  }
+  var isBodiedSyncBlock = isBodiedSyncBlockNode(syncBlockFindResult.node, schema.nodes.bodiedSyncBlock);
+  var referenceSyncBlockNode = null;
+  if (isBodiedSyncBlock) {
+    var syncBlock = schema.nodes.syncBlock;
 
-      // create sync block reference node
-      referenceSyncBlockNode = syncBlock.createAndFill({
-        resourceId: syncBlockFindResult.node.attrs.resourceId
-      });
-      if (!referenceSyncBlockNode) {
-        return false;
-      }
-    } else {
-      referenceSyncBlockNode = syncBlockFindResult.node;
-    }
+    // create sync block reference node
+    referenceSyncBlockNode = syncBlock.createAndFill({
+      resourceId: syncBlockFindResult.node.attrs.resourceId
+    });
     if (!referenceSyncBlockNode) {
       return false;
     }
-    var domNode = toDOM(referenceSyncBlockNode, state.tr.doc.type.schema);
-    copyDomNode(domNode, referenceSyncBlockNode.type, state.tr.selection);
-    return true;
-  };
+  } else {
+    referenceSyncBlockNode = syncBlockFindResult.node;
+  }
+  if (!referenceSyncBlockNode) {
+    return false;
+  }
+  var domNode = toDOM(referenceSyncBlockNode, schema);
+  copyDomNode(domNode, referenceSyncBlockNode.type, selection);
+  return true;
 };
 export var editSyncedBlockSource = function editSyncedBlockSource(syncBlockStore, api) {
   return function (state, dispatch, _view) {
     var _syncBlock$node;
-    var syncBlock = findSyncBlock(state);
+    var syncBlock = findSyncBlock(state.schema, state.selection);
     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) {
       return false;

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

@@ -2,16 +2,15 @@ import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { CellSelection, findTable } from '@atlaskit/editor-tables';
-export var findSyncBlock = function findSyncBlock(state, selection) {
-  var syncBlock = state.schema.nodes.syncBlock;
-  return findSelectedNodeOfType(syncBlock)(selection || state.selection);
+export var findSyncBlock = function findSyncBlock(schema, selection) {
+  var syncBlock = schema.nodes.syncBlock;
+  return findSelectedNodeOfType(syncBlock)(selection);
 };
-export var findBodiedSyncBlock = function findBodiedSyncBlock(state, selection) {
-  var bodiedSyncBlock = state.schema.nodes.bodiedSyncBlock;
-  return findSelectedNodeOfType(bodiedSyncBlock)(selection || state.selection) || findParentNodeOfType(bodiedSyncBlock)(selection || state.selection);
+export var findBodiedSyncBlock = function findBodiedSyncBlock(schema, selection) {
+  return findSelectedNodeOfType(schema.nodes.bodiedSyncBlock)(selection) || findParentNodeOfType(schema.nodes.bodiedSyncBlock)(selection);
 };
-export var findSyncBlockOrBodiedSyncBlock = function findSyncBlockOrBodiedSyncBlock(state, selection) {
-  return findSyncBlock(state, selection) || findBodiedSyncBlock(state, selection);
+export var findSyncBlockOrBodiedSyncBlock = function findSyncBlockOrBodiedSyncBlock(schema, selection) {
+  return findSyncBlock(schema, selection) || findBodiedSyncBlock(schema, selection);
 };
 export var isBodiedSyncBlockNode = function isBodiedSyncBlockNode(node, bodiedSyncBlock) {
   return node.type === bodiedSyncBlock;
@@ -19,13 +18,13 @@ export var isBodiedSyncBlockNode = function isBodiedSyncBlockNode(node, bodiedSy
 var UNSUPPORTED_NODE_TYPES = new Set(['inlineExtension', 'extension', 'bodiedExtension', 'syncBlock', 'bodiedSyncBlock']);
 
 /**
-* Checks whether the selection can be converted to sync block
-*
-* @param selection - the current editor selection to validate for sync block conversion
-* @returns A fragment containing the content to include in the synced block,
-* stripping out unsupported marks (breakout on codeblock/expand/layout), as well as from and to positions,
-* or false if conversion is not possible
-*/
+ * Checks whether the selection can be converted to sync block
+ *
+ * @param selection - the current editor selection to validate for sync block conversion
+ * @returns A fragment containing the content to include in the synced block,
+ * stripping out unsupported marks (breakout on codeblock/expand/layout), as well as from and to positions,
+ * or false if conversion is not possible
+ */
 export var canBeConvertedToSyncBlock = function canBeConvertedToSyncBlock(selection) {
   var schema = selection.$from.doc.type.schema;
   var nodes = schema.nodes;

package/dist/esm/syncedBlockPlugin.js

@@ -4,7 +4,7 @@ import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconSyncBlock } from '@atlaskit/editor-common/quick-insert';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import { flushBodiedSyncBlocks as _flushBodiedSyncBlocks } from './editor-actions';
-import { createSyncedBlock } from './editor-commands';
+import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
 import { createPlugin } from './pm-plugins/main';
 import { getBlockMenuComponents } from './ui/block-menu-components';
 import { DeleteConfirmationModal } from './ui/DeleteConfirmationModal';
@@ -38,6 +38,9 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
       }];
     },
     commands: {
+      copySyncedBlockReferenceToClipboard: function copySyncedBlockReferenceToClipboard() {
+        return copySyncedBlockReferenceToClipboardEditorCommand;
+      },
       insertSyncedBlock: function insertSyncedBlock() {
         return function (_ref2) {
           var tr = _ref2.tr;

package/dist/esm/ui/CreateSyncedBlockDropdownItem.js

@@ -6,7 +6,7 @@ import { SyncBlocksIcon, ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
 import Lozenge from '@atlaskit/lozenge';
 import { Flex, Text } from '@atlaskit/primitives/compiled';
 import { canBeConvertedToSyncBlock } from '../pm-plugins/utils/utils';
-export var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref) {
+var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownItem(_ref) {
   var api = _ref.api;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
@@ -44,4 +44,46 @@ export var CreateSyncedBlockDropdownItem = function CreateSyncedBlockDropdownIte
   }, /*#__PURE__*/React.createElement(Text, null, formatMessage(blockMenuMessages.createSyncedBlock)), /*#__PURE__*/React.createElement(Lozenge, {
     appearance: "new"
   }, formatMessage(blockMenuMessages.newLozenge))));
+};
+var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
+  var api = _ref2.api;
+  var _useIntl2 = useIntl(),
+    formatMessage = _useIntl2.formatMessage;
+  var onClick = function onClick() {
+    var _api$core3, _api$core4, _api$blockControls2;
+    api === null || api === void 0 || (_api$core3 = api.core) === null || _api$core3 === void 0 || _api$core3.actions.execute(api === null || api === void 0 ? void 0 : api.syncedBlock.commands.copySyncedBlockReferenceToClipboard());
+    api === null || api === void 0 || (_api$core4 = api.core) === null || _api$core4 === void 0 || _api$core4.actions.execute(api === null || api === void 0 || (_api$blockControls2 = api.blockControls) === null || _api$blockControls2 === void 0 || (_api$blockControls2 = _api$blockControls2.commands) === null || _api$blockControls2 === void 0 ? void 0 : _api$blockControls2.toggleBlockMenu({
+      closeMenu: true
+    }));
+  };
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    elemBefore: /*#__PURE__*/React.createElement(SyncBlocksIcon, {
+      label: ""
+    }),
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(Flex, {
+    alignItems: "center",
+    gap: "space.050"
+  }, /*#__PURE__*/React.createElement(Text, null, formatMessage(blockMenuMessages.copySyncedBlock)), /*#__PURE__*/React.createElement(Lozenge, {
+    appearance: "new"
+  }, formatMessage(blockMenuMessages.newLozenge))));
+};
+export var CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref3) {
+  var api = _ref3.api;
+  var _useSharedPluginState2 = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
+      var _states$blockControls2;
+      return {
+        menuTriggerBy: (_states$blockControls2 = states.blockControlsState) === null || _states$blockControls2 === void 0 ? void 0 : _states$blockControls2.menuTriggerBy
+      };
+    }),
+    menuTriggerBy = _useSharedPluginState2.menuTriggerBy;
+  if (menuTriggerBy === 'syncBlock' || menuTriggerBy === 'bodiedSyncBlock') {
+    return /*#__PURE__*/React.createElement(CopySyncedBlockDropdownItem, {
+      api: api
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(CreateSyncedBlockDropdownItem, {
+      api: api
+    });
+  }
 };

package/dist/esm/ui/block-menu-components.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ADD_BLOCKS_MENU_SECTION, ADD_BLOCKS_MENU_SECTION_RANK, CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
-import { CreateSyncedBlockDropdownItem } from './CreateSyncedBlockDropdownItem';
+import { CreateOrCopySyncedBlockDropdownItem } from './CreateSyncedBlockDropdownItem';
 export var getBlockMenuComponents = function getBlockMenuComponents(api) {
   return [{
     type: 'block-menu-item',
@@ -11,7 +11,7 @@ export var getBlockMenuComponents = function getBlockMenuComponents(api) {
       rank: ADD_BLOCKS_MENU_SECTION_RANK[CREATE_SYNCED_BLOCK_MENU_ITEM.key]
     },
     component: function component() {
-      return /*#__PURE__*/React.createElement(CreateSyncedBlockDropdownItem, {
+      return /*#__PURE__*/React.createElement(CreateOrCopySyncedBlockDropdownItem, {
         api: api
       });
     }

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

@@ -12,7 +12,7 @@ import { copySyncedBlockReferenceToClipboard, editSyncedBlockSource, removeSynce
 import { findSyncBlockOrBodiedSyncBlock, isBodiedSyncBlockNode } from '../pm-plugins/utils/utils';
 export var getToolbarConfig = function getToolbarConfig(state, intl, api, syncBlockStore) {
   var _api$decorations;
-  var syncBlockObject = findSyncBlockOrBodiedSyncBlock(state);
+  var syncBlockObject = findSyncBlockOrBodiedSyncBlock(state.schema, state.selection);
   if (!syncBlockObject) {
     return;
   }
@@ -38,7 +38,7 @@ export var getToolbarConfig = function getToolbarConfig(state, intl, api, syncBl
     title: formatMessage(messages.copySyncBlockLabel),
     showTitle: false,
     tooltipContent: formatMessage(messages.copySyncBlockTooltip),
-    onClick: copySyncedBlockReferenceToClipboard(api)
+    onClick: copySyncedBlockReferenceToClipboard
   }, hoverDecorationProps(nodeType, akEditorSelectedNodeClassName));
   items.push(copyButton);
   var disabled = !syncBlockStore.getSyncBlockURL(syncBlockObject.node.attrs.resourceId);

package/dist/types/editor-commands/index.d.ts

@@ -1,4 +1,4 @@
-import type { Command, ExtractInjectionAPI, TypeAheadInsert } from '@atlaskit/editor-common/types';
+import type { Command, EditorCommand, ExtractInjectionAPI, TypeAheadInsert } from '@atlaskit/editor-common/types';
 import { type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
@@ -8,7 +8,8 @@ type createSyncedBlockProps = {
     typeAheadInsert?: TypeAheadInsert;
 };
 export declare const createSyncedBlock: ({ tr, syncBlockStore, typeAheadInsert, }: createSyncedBlockProps) => false | Transaction;
-export declare const copySyncedBlockReferenceToClipboard: (api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
+export declare const copySyncedBlockReferenceToClipboardEditorCommand: EditorCommand;
+export declare const copySyncedBlockReferenceToClipboard: Command;
 export declare const editSyncedBlockSource: (syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export declare const removeSyncedBlock: (api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export {};

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

@@ -1,10 +1,10 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
-import type { NodeType, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { type EditorState, type Selection } from '@atlaskit/editor-prosemirror/state';
+import type { NodeType, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
+import { type Selection } from '@atlaskit/editor-prosemirror/state';
 import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-export declare const findSyncBlock: (state: EditorState, selection?: Selection | null) => ContentNodeWithPos | undefined;
-export declare const findBodiedSyncBlock: (state: EditorState, selection?: Selection | null) => ContentNodeWithPos | undefined;
-export declare const findSyncBlockOrBodiedSyncBlock: (state: EditorState, selection?: Selection | null) => ContentNodeWithPos | undefined;
+export declare const findSyncBlock: (schema: Schema, selection: Selection) => ContentNodeWithPos | undefined;
+export declare const findBodiedSyncBlock: (schema: Schema, selection: Selection) => ContentNodeWithPos | undefined;
+export declare const findSyncBlockOrBodiedSyncBlock: (schema: Schema, selection: Selection) => ContentNodeWithPos | undefined;
 export declare const isBodiedSyncBlockNode: (node: PMNode, bodiedSyncBlock: NodeType) => boolean;
 export interface SyncBlockConversionInfo {
     contentToInclude: Fragment;
@@ -12,11 +12,11 @@ export interface SyncBlockConversionInfo {
     to: number;
 }
 /**
-* Checks whether the selection can be converted to sync block
-*
-* @param selection - the current editor selection to validate for sync block conversion
-* @returns A fragment containing the content to include in the synced block,
-* stripping out unsupported marks (breakout on codeblock/expand/layout), as well as from and to positions,
-* or false if conversion is not possible
-*/
+ * Checks whether the selection can be converted to sync block
+ *
+ * @param selection - the current editor selection to validate for sync block conversion
+ * @returns A fragment containing the content to include in the synced block,
+ * stripping out unsupported marks (breakout on codeblock/expand/layout), as well as from and to positions,
+ * or false if conversion is not possible
+ */
 export declare const canBeConvertedToSyncBlock: (selection: Selection) => SyncBlockConversionInfo | false;

package/dist/types/syncedBlockPluginType.d.ts

@@ -51,6 +51,7 @@ export type SyncedBlockPlugin = NextEditorPlugin<'syncedBlock', {
         flushBodiedSyncBlocks: () => Promise<boolean>;
     };
     commands: {
+        copySyncedBlockReferenceToClipboard: () => EditorCommand;
         insertSyncedBlock: () => EditorCommand;
     };
     dependencies: [

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
-export declare const CreateSyncedBlockDropdownItem: ({ api, }: {
+export declare const CreateOrCopySyncedBlockDropdownItem: ({ api, }: {
     api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined;
-}) => React.JSX.Element | null;
+}) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import type { Command, ExtractInjectionAPI, TypeAheadInsert } from '@atlaskit/editor-common/types';
+import type { Command, EditorCommand, ExtractInjectionAPI, TypeAheadInsert } from '@atlaskit/editor-common/types';
 import { type Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
@@ -8,7 +8,8 @@ type createSyncedBlockProps = {
     typeAheadInsert?: TypeAheadInsert;
 };
 export declare const createSyncedBlock: ({ tr, syncBlockStore, typeAheadInsert, }: createSyncedBlockProps) => false | Transaction;
-export declare const copySyncedBlockReferenceToClipboard: (api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
+export declare const copySyncedBlockReferenceToClipboardEditorCommand: EditorCommand;
+export declare const copySyncedBlockReferenceToClipboard: Command;
 export declare const editSyncedBlockSource: (syncBlockStore: SyncBlockStoreManager, api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export declare const removeSyncedBlock: (api?: ExtractInjectionAPI<SyncedBlockPlugin>) => Command;
 export {};

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

@@ -1,10 +1,10 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
-import type { NodeType, Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import { type EditorState, type Selection } from '@atlaskit/editor-prosemirror/state';
+import type { NodeType, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
+import { type Selection } from '@atlaskit/editor-prosemirror/state';
 import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-export declare const findSyncBlock: (state: EditorState, selection?: Selection | null) => ContentNodeWithPos | undefined;
-export declare const findBodiedSyncBlock: (state: EditorState, selection?: Selection | null) => ContentNodeWithPos | undefined;
-export declare const findSyncBlockOrBodiedSyncBlock: (state: EditorState, selection?: Selection | null) => ContentNodeWithPos | undefined;
+export declare const findSyncBlock: (schema: Schema, selection: Selection) => ContentNodeWithPos | undefined;
+export declare const findBodiedSyncBlock: (schema: Schema, selection: Selection) => ContentNodeWithPos | undefined;
+export declare const findSyncBlockOrBodiedSyncBlock: (schema: Schema, selection: Selection) => ContentNodeWithPos | undefined;
 export declare const isBodiedSyncBlockNode: (node: PMNode, bodiedSyncBlock: NodeType) => boolean;
 export interface SyncBlockConversionInfo {
     contentToInclude: Fragment;
@@ -12,11 +12,11 @@ export interface SyncBlockConversionInfo {
     to: number;
 }
 /**
-* Checks whether the selection can be converted to sync block
-*
-* @param selection - the current editor selection to validate for sync block conversion
-* @returns A fragment containing the content to include in the synced block,
-* stripping out unsupported marks (breakout on codeblock/expand/layout), as well as from and to positions,
-* or false if conversion is not possible
-*/
+ * Checks whether the selection can be converted to sync block
+ *
+ * @param selection - the current editor selection to validate for sync block conversion
+ * @returns A fragment containing the content to include in the synced block,
+ * stripping out unsupported marks (breakout on codeblock/expand/layout), as well as from and to positions,
+ * or false if conversion is not possible
+ */
 export declare const canBeConvertedToSyncBlock: (selection: Selection) => SyncBlockConversionInfo | false;

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

@@ -51,6 +51,7 @@ export type SyncedBlockPlugin = NextEditorPlugin<'syncedBlock', {
         flushBodiedSyncBlocks: () => Promise<boolean>;
     };
     commands: {
+        copySyncedBlockReferenceToClipboard: () => EditorCommand;
         insertSyncedBlock: () => EditorCommand;
     };
     dependencies: [

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
-export declare const CreateSyncedBlockDropdownItem: ({ api, }: {
+export declare const CreateOrCopySyncedBlockDropdownItem: ({ api, }: {
     api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined;
-}) => React.JSX.Element | null;
+}) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "4.2.2",
+	"version": "4.2.4",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,7 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/adf-schema": "^51.3.2",
-		"@atlaskit/button": "23.6.0",
+		"@atlaskit/button": "23.6.1",
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-plugin-analytics": "^6.2.0",
 		"@atlaskit/editor-plugin-block-menu": "^5.0.0",
@@ -37,11 +37,11 @@
 		"@atlaskit/editor-plugin-floating-toolbar": "^8.2.0",
 		"@atlaskit/editor-plugin-selection": "^6.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/editor-shared-styles": "^3.8.0",
+		"@atlaskit/editor-shared-styles": "^3.9.0",
 		"@atlaskit/editor-synced-block-provider": "^2.7.0",
 		"@atlaskit/editor-tables": "^2.9.0",
 		"@atlaskit/editor-toolbar": "^0.17.0",
-		"@atlaskit/icon": "28.5.4",
+		"@atlaskit/icon": "29.0.0",
 		"@atlaskit/icon-lab": "^5.12.0",
 		"@atlaskit/logo": "^19.9.0",
 		"@atlaskit/lozenge": "^13.1.0",
@@ -53,7 +53,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.25.0",
+		"@atlaskit/editor-common": "^110.27.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {