@atlaskit/editor-plugin-synced-block 4.8.0 → 4.8.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 4.8.2
+
+### Patch Changes
+
+- [`98568bfc82648`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/98568bfc82648) -
+  EDITOR-3594 Synced Block creation to be prop driven
+- Updated dependencies
+
+## 4.8.1
+
+### Patch Changes
+
+- [`36f3146f35457`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/36f3146f35457) -
+  Early return on transformCopied when action is not copy
+
 ## 4.8.0
 
 ### Minor Changes

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

@@ -141,14 +141,12 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
         var schema = state.schema;
         var isCopy = isCopyEvent;
         isCopyEvent = false;
-        if (!syncBlockStore) {
+        if (!syncBlockStore || !isCopy) {
           return slice;
         }
         return (0, _utils.mapSlice)(slice, function (node) {
           if (node.type.name === 'syncBlock') {
-            if (isCopy) {
-              showCopiedFlag(api);
-            }
+            showCopiedFlag(api);
             return node;
           }
           if (node.type.name === 'bodiedSyncBlock' && node.attrs.resourceId) {
@@ -157,9 +155,7 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pmPlugi
             if (!(0, _utils2.sliceFullyContainsNode)(slice, node)) {
               return node.content;
             }
-            if (isCopy) {
-              showCopiedFlag(api);
-            }
+            showCopiedFlag(api);
             var newResourceId = syncBlockStore.referenceManager.generateResourceIdForReference(node.attrs.resourceId);
             // Convert bodiedSyncBlock to syncBlock
             // The paste transformation will regenrate the localId

package/dist/cjs/syncedBlockPlugin.js

@@ -21,12 +21,12 @@ var _floatingToolbar = require("./ui/floating-toolbar");
 var _SyncBlockRefresher = require("./ui/SyncBlockRefresher");
 var _toolbarComponents = require("./ui/toolbar-components");
 var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_ref) {
-  var _api$analytics, _api$blockMenu, _api$toolbar;
+  var _api$analytics, _api$blockMenu, _config$enableSourceC, _api$toolbar, _config$enableSourceC2;
   var config = _ref.config,
     api = _ref.api;
   var syncBlockStore = new _editorSyncedBlockProvider.SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.fireAnalyticsEvent);
-  api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents((0, _blockMenuComponents.getBlockMenuComponents)(api));
-  api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents((0, _toolbarComponents.getToolbarComponents)(api));
+  api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents((0, _blockMenuComponents.getBlockMenuComponents)(api, (_config$enableSourceC = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC !== void 0 ? _config$enableSourceC : false));
+  api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents((0, _toolbarComponents.getToolbarComponents)(api, (_config$enableSourceC2 = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC2 !== void 0 ? _config$enableSourceC2 : false));
   return {
     name: 'syncedBlock',
     nodes: function nodes() {
@@ -53,6 +53,9 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
       insertSyncedBlock: function insertSyncedBlock() {
         return function (_ref2) {
           var tr = _ref2.tr;
+          if (!(config !== null && config !== void 0 && config.enableSourceCreation)) {
+            return null;
+          }
           return (0, _editorCommands.createSyncedBlock)({
             tr: tr,
             syncBlockStore: syncBlockStore
@@ -71,6 +74,9 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
     pluginsOptions: {
       quickInsert: function quickInsert(_ref3) {
         var formatMessage = _ref3.formatMessage;
+        if (!(config !== null && config !== void 0 && config.enableSourceCreation)) {
+          return [];
+        }
         return [{
           id: 'syncBlock',
           title: formatMessage(_messages.blockTypeMessages.syncedBlock),

package/dist/cjs/ui/CreateSyncedBlockDropdownItem.js

@@ -86,7 +86,8 @@ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
   }, formatMessage(_messages.blockMenuMessages.copySyncedBlock));
 };
 var CreateOrCopySyncedBlockDropdownItem = exports.CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref3) {
-  var api = _ref3.api;
+  var api = _ref3.api,
+    enableSourceSyncedBlockCreation = _ref3.enableSourceSyncedBlockCreation;
   var _useSharedPluginState3 = (0, _hooks.useSharedPluginStateWithSelector)(api, ['blockControls'], function (states) {
       var _states$blockControls3, _states$blockControls4;
       return {
@@ -98,9 +99,11 @@ var CreateOrCopySyncedBlockDropdownItem = exports.CreateOrCopySyncedBlockDropdow
     return /*#__PURE__*/_react.default.createElement(CopySyncedBlockDropdownItem, {
       api: api
     });
-  } else {
+  } else if (enableSourceSyncedBlockCreation) {
     return /*#__PURE__*/_react.default.createElement(CreateSyncedBlockDropdownItem, {
       api: api
     });
+  } else {
+    return null;
   }
 };

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

@@ -8,7 +8,7 @@ exports.getBlockMenuComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
 var _CreateSyncedBlockDropdownItem = require("./CreateSyncedBlockDropdownItem");
-var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockMenuComponents(api) {
+var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockMenuComponents(api, enableSourceSyncedBlockCreation) {
   return [{
     type: 'block-menu-item',
     key: _blockMenu.BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key,
@@ -19,7 +19,8 @@ var getBlockMenuComponents = exports.getBlockMenuComponents = function getBlockM
     },
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_CreateSyncedBlockDropdownItem.CreateOrCopySyncedBlockDropdownItem, {
-        api: api
+        api: api,
+        enableSourceSyncedBlockCreation: enableSourceSyncedBlockCreation
       });
     }
   }];

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

@@ -25,7 +25,10 @@ var SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
     rank: _toolbar.INSERT_BLOCK_SECTION_RANK[_toolbar.SYNCED_BLOCK_GROUP.key]
   }]
 };
-var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api) {
+var getToolbarComponents = exports.getToolbarComponents = function getToolbarComponents(api, enableSourceSyncedBlockCreation) {
+  if (!enableSourceSyncedBlockCreation) {
+    return [];
+  }
   return [SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP, {
     type: _toolbar.SYNCED_BLOCK_BUTTON.type,
     key: _toolbar.SYNCED_BLOCK_BUTTON.key,

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

@@ -132,14 +132,12 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
         } = state;
         const isCopy = isCopyEvent;
         isCopyEvent = false;
-        if (!syncBlockStore) {
+        if (!syncBlockStore || !isCopy) {
           return slice;
         }
         return mapSlice(slice, node => {
           if (node.type.name === 'syncBlock') {
-            if (isCopy) {
-              showCopiedFlag(api);
-            }
+            showCopiedFlag(api);
             return node;
           }
           if (node.type.name === 'bodiedSyncBlock' && node.attrs.resourceId) {
@@ -148,9 +146,7 @@ export const createPlugin = (options, pmPluginFactoryParams, syncBlockStore, api
             if (!sliceFullyContainsNode(slice, node)) {
               return node.content;
             }
-            if (isCopy) {
-              showCopiedFlag(api);
-            }
+            showCopiedFlag(api);
             const newResourceId = syncBlockStore.referenceManager.generateResourceIdForReference(node.attrs.resourceId);
             // Convert bodiedSyncBlock to syncBlock
             // The paste transformation will regenrate the localId

package/dist/es2019/syncedBlockPlugin.js

@@ -17,10 +17,10 @@ export const syncedBlockPlugin = ({
   config,
   api
 }) => {
-  var _api$analytics, _api$analytics$action, _api$blockMenu, _api$toolbar;
+  var _api$analytics, _api$analytics$action, _api$blockMenu, _config$enableSourceC, _api$toolbar, _config$enableSourceC2;
   const syncBlockStore = new SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : _api$analytics$action.fireAnalyticsEvent);
-  api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.registerBlockMenuComponents(getBlockMenuComponents(api));
-  api === null || api === void 0 ? void 0 : (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 ? void 0 : _api$toolbar.actions.registerComponents(getToolbarComponents(api));
+  api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.registerBlockMenuComponents(getBlockMenuComponents(api, (_config$enableSourceC = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC !== void 0 ? _config$enableSourceC : false));
+  api === null || api === void 0 ? void 0 : (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 ? void 0 : _api$toolbar.actions.registerComponents(getToolbarComponents(api, (_config$enableSourceC2 = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC2 !== void 0 ? _config$enableSourceC2 : false));
   return {
     name: 'syncedBlock',
     nodes() {
@@ -42,10 +42,15 @@ export const syncedBlockPlugin = ({
       copySyncedBlockReferenceToClipboard: () => copySyncedBlockReferenceToClipboardEditorCommand(syncBlockStore, api),
       insertSyncedBlock: () => ({
         tr
-      }) => createSyncedBlock({
-        tr,
-        syncBlockStore
-      }) || null
+      }) => {
+        if (!(config !== null && config !== void 0 && config.enableSourceCreation)) {
+          return null;
+        }
+        return createSyncedBlock({
+          tr,
+          syncBlockStore
+        }) || null;
+      }
     },
     actions: {
       flushBodiedSyncBlocks: () => {
@@ -58,28 +63,33 @@ export const syncedBlockPlugin = ({
     pluginsOptions: {
       quickInsert: ({
         formatMessage
-      }) => [{
-        id: 'syncBlock',
-        title: formatMessage(blockTypeMessages.syncedBlock),
-        description: formatMessage(blockTypeMessages.syncedBlockDescription),
-        priority: 800,
-        keywords: ['synced', 'block', 'synced-block', 'sync', 'sync-block', 'auto', 'update', 'excerpt', 'connect'],
-        isDisabledOffline: true,
-        keyshortcut: '',
-        lozenge: /*#__PURE__*/React.createElement(Lozenge, {
-          appearance: "new"
-        }, formatMessage(blockTypeMessages.newLozenge)),
-        icon: () => /*#__PURE__*/React.createElement(IconSyncBlock, {
-          label: formatMessage(blockTypeMessages.syncedBlock)
-        }),
-        action: (insert, state) => {
-          return createSyncedBlock({
-            tr: state.tr,
-            syncBlockStore,
-            typeAheadInsert: insert
-          });
+      }) => {
+        if (!(config !== null && config !== void 0 && config.enableSourceCreation)) {
+          return [];
         }
-      }],
+        return [{
+          id: 'syncBlock',
+          title: formatMessage(blockTypeMessages.syncedBlock),
+          description: formatMessage(blockTypeMessages.syncedBlockDescription),
+          priority: 800,
+          keywords: ['synced', 'block', 'synced-block', 'sync', 'sync-block', 'auto', 'update', 'excerpt', 'connect'],
+          isDisabledOffline: true,
+          keyshortcut: '',
+          lozenge: /*#__PURE__*/React.createElement(Lozenge, {
+            appearance: "new"
+          }, formatMessage(blockTypeMessages.newLozenge)),
+          icon: () => /*#__PURE__*/React.createElement(IconSyncBlock, {
+            label: formatMessage(blockTypeMessages.syncedBlock)
+          }),
+          action: (insert, state) => {
+            return createSyncedBlock({
+              tr: state.tr,
+              syncBlockStore,
+              typeAheadInsert: insert
+            });
+          }
+        }];
+      },
       floatingToolbar: (state, intl) => getToolbarConfig(state, intl, api, syncBlockStore)
     },
     contentComponent: () => {

package/dist/es2019/ui/CreateSyncedBlockDropdownItem.js

@@ -81,7 +81,8 @@ const CopySyncedBlockDropdownItem = ({
   }, formatMessage(blockMenuMessages.copySyncedBlock));
 };
 export const CreateOrCopySyncedBlockDropdownItem = ({
-  api
+  api,
+  enableSourceSyncedBlockCreation
 }) => {
   const {
     menuTriggerByNode
@@ -95,9 +96,11 @@ export const CreateOrCopySyncedBlockDropdownItem = ({
     return /*#__PURE__*/React.createElement(CopySyncedBlockDropdownItem, {
       api: api
     });
-  } else {
+  } else if (enableSourceSyncedBlockCreation) {
     return /*#__PURE__*/React.createElement(CreateSyncedBlockDropdownItem, {
       api: api
     });
+  } else {
+    return null;
   }
 };

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

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

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

@@ -17,7 +17,10 @@ const SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
     rank: INSERT_BLOCK_SECTION_RANK[SYNCED_BLOCK_GROUP.key]
   }]
 };
-export const getToolbarComponents = api => {
+export const getToolbarComponents = (api, enableSourceSyncedBlockCreation) => {
+  if (!enableSourceSyncedBlockCreation) {
+    return [];
+  }
   return [SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP, {
     type: SYNCED_BLOCK_BUTTON.type,
     key: SYNCED_BLOCK_BUTTON.key,

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

@@ -134,14 +134,12 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
         var schema = state.schema;
         var isCopy = isCopyEvent;
         isCopyEvent = false;
-        if (!syncBlockStore) {
+        if (!syncBlockStore || !isCopy) {
           return slice;
         }
         return mapSlice(slice, function (node) {
           if (node.type.name === 'syncBlock') {
-            if (isCopy) {
-              showCopiedFlag(api);
-            }
+            showCopiedFlag(api);
             return node;
           }
           if (node.type.name === 'bodiedSyncBlock' && node.attrs.resourceId) {
@@ -150,9 +148,7 @@ export var createPlugin = function createPlugin(options, pmPluginFactoryParams,
             if (!sliceFullyContainsNode(slice, node)) {
               return node.content;
             }
-            if (isCopy) {
-              showCopiedFlag(api);
-            }
+            showCopiedFlag(api);
             var newResourceId = syncBlockStore.referenceManager.generateResourceIdForReference(node.attrs.resourceId);
             // Convert bodiedSyncBlock to syncBlock
             // The paste transformation will regenrate the localId

package/dist/esm/syncedBlockPlugin.js

@@ -14,12 +14,12 @@ import { getToolbarConfig } from './ui/floating-toolbar';
 import { SyncBlockRefresher } from './ui/SyncBlockRefresher';
 import { getToolbarComponents } from './ui/toolbar-components';
 export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
-  var _api$analytics, _api$blockMenu, _api$toolbar;
+  var _api$analytics, _api$blockMenu, _config$enableSourceC, _api$toolbar, _config$enableSourceC2;
   var config = _ref.config,
     api = _ref.api;
   var syncBlockStore = new SyncBlockStoreManager(config === null || config === void 0 ? void 0 : config.syncBlockDataProvider, api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || (_api$analytics = _api$analytics.actions) === null || _api$analytics === void 0 ? void 0 : _api$analytics.fireAnalyticsEvent);
-  api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents(getBlockMenuComponents(api));
-  api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(getToolbarComponents(api));
+  api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents(getBlockMenuComponents(api, (_config$enableSourceC = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC !== void 0 ? _config$enableSourceC : false));
+  api === null || api === void 0 || (_api$toolbar = api.toolbar) === null || _api$toolbar === void 0 || _api$toolbar.actions.registerComponents(getToolbarComponents(api, (_config$enableSourceC2 = config === null || config === void 0 ? void 0 : config.enableSourceCreation) !== null && _config$enableSourceC2 !== void 0 ? _config$enableSourceC2 : false));
   return {
     name: 'syncedBlock',
     nodes: function nodes() {
@@ -46,6 +46,9 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
       insertSyncedBlock: function insertSyncedBlock() {
         return function (_ref2) {
           var tr = _ref2.tr;
+          if (!(config !== null && config !== void 0 && config.enableSourceCreation)) {
+            return null;
+          }
           return createSyncedBlock({
             tr: tr,
             syncBlockStore: syncBlockStore
@@ -64,6 +67,9 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref) {
     pluginsOptions: {
       quickInsert: function quickInsert(_ref3) {
         var formatMessage = _ref3.formatMessage;
+        if (!(config !== null && config !== void 0 && config.enableSourceCreation)) {
+          return [];
+        }
         return [{
           id: 'syncBlock',
           title: formatMessage(blockTypeMessages.syncedBlock),

package/dist/esm/ui/CreateSyncedBlockDropdownItem.js

@@ -77,7 +77,8 @@ var CopySyncedBlockDropdownItem = function CopySyncedBlockDropdownItem(_ref2) {
   }, formatMessage(blockMenuMessages.copySyncedBlock));
 };
 export var CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBlockDropdownItem(_ref3) {
-  var api = _ref3.api;
+  var api = _ref3.api,
+    enableSourceSyncedBlockCreation = _ref3.enableSourceSyncedBlockCreation;
   var _useSharedPluginState3 = useSharedPluginStateWithSelector(api, ['blockControls'], function (states) {
       var _states$blockControls3, _states$blockControls4;
       return {
@@ -89,9 +90,11 @@ export var CreateOrCopySyncedBlockDropdownItem = function CreateOrCopySyncedBloc
     return /*#__PURE__*/React.createElement(CopySyncedBlockDropdownItem, {
       api: api
     });
-  } else {
+  } else if (enableSourceSyncedBlockCreation) {
     return /*#__PURE__*/React.createElement(CreateSyncedBlockDropdownItem, {
       api: api
     });
+  } else {
+    return null;
   }
 };

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BLOCK_ACTIONS_MENU_SECTION, BLOCK_ACTIONS_MENU_SECTION_RANK, BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/block-menu';
 import { CreateOrCopySyncedBlockDropdownItem } from './CreateSyncedBlockDropdownItem';
-export var getBlockMenuComponents = function getBlockMenuComponents(api) {
+export var getBlockMenuComponents = function getBlockMenuComponents(api, enableSourceSyncedBlockCreation) {
   return [{
     type: 'block-menu-item',
     key: BLOCK_ACTIONS_CREATE_SYNCED_BLOCK_MENU_ITEM.key,
@@ -12,7 +12,8 @@ export var getBlockMenuComponents = function getBlockMenuComponents(api) {
     },
     component: function component() {
       return /*#__PURE__*/React.createElement(CreateOrCopySyncedBlockDropdownItem, {
-        api: api
+        api: api,
+        enableSourceSyncedBlockCreation: enableSourceSyncedBlockCreation
       });
     }
   }];

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

@@ -18,7 +18,10 @@ var SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP = {
     rank: INSERT_BLOCK_SECTION_RANK[SYNCED_BLOCK_GROUP.key]
   }]
 };
-export var getToolbarComponents = function getToolbarComponents(api) {
+export var getToolbarComponents = function getToolbarComponents(api, enableSourceSyncedBlockCreation) {
+  if (!enableSourceSyncedBlockCreation) {
+    return [];
+  }
   return [SYNCED_BLOCK_PRIMARY_TOOLBAR_GROUP, {
     type: SYNCED_BLOCK_BUTTON.type,
     key: SYNCED_BLOCK_BUTTON.key,

package/dist/types/syncedBlockPluginType.d.ts

@@ -40,6 +40,7 @@ export type SyncedBlockRendererProps = {
     useFetchSyncBlockData: () => UseFetchSyncBlockDataResult;
 };
 export interface SyncedBlockPluginOptions extends LongPressSelectionPluginOptions {
+    enableSourceCreation?: boolean;
     syncBlockDataProvider: SyncBlockDataProvider;
     syncedBlockRenderer: (props: SyncedBlockRendererProps) => React.JSX.Element;
 }

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

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

package/dist/types/ui/block-menu-components.d.ts

@@ -1,4 +1,4 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { RegisterBlockMenuComponent } from '@atlaskit/editor-plugin-block-menu';
 import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
-export declare const getBlockMenuComponents: (api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined) => RegisterBlockMenuComponent[];
+export declare const getBlockMenuComponents: (api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined, enableSourceSyncedBlockCreation: boolean) => RegisterBlockMenuComponent[];

package/dist/types/ui/toolbar-components.d.ts

@@ -1,4 +1,4 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
 import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
-export declare const getToolbarComponents: (api?: ExtractInjectionAPI<SyncedBlockPlugin>) => RegisterComponent[];
+export declare const getToolbarComponents: (api?: ExtractInjectionAPI<SyncedBlockPlugin>, enableSourceSyncedBlockCreation?: boolean) => RegisterComponent[];

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

@@ -40,6 +40,7 @@ export type SyncedBlockRendererProps = {
     useFetchSyncBlockData: () => UseFetchSyncBlockDataResult;
 };
 export interface SyncedBlockPluginOptions extends LongPressSelectionPluginOptions {
+    enableSourceCreation?: boolean;
     syncBlockDataProvider: SyncBlockDataProvider;
     syncedBlockRenderer: (props: SyncedBlockRendererProps) => React.JSX.Element;
 }

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

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

package/dist/types-ts4.5/ui/block-menu-components.d.ts

@@ -1,4 +1,4 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { RegisterBlockMenuComponent } from '@atlaskit/editor-plugin-block-menu';
 import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
-export declare const getBlockMenuComponents: (api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined) => RegisterBlockMenuComponent[];
+export declare const getBlockMenuComponents: (api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined, enableSourceSyncedBlockCreation: boolean) => RegisterBlockMenuComponent[];

package/dist/types-ts4.5/ui/toolbar-components.d.ts

@@ -1,4 +1,4 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
 import type { SyncedBlockPlugin } from '../syncedBlockPluginType';
-export declare const getToolbarComponents: (api?: ExtractInjectionAPI<SyncedBlockPlugin>) => RegisterComponent[];
+export declare const getToolbarComponents: (api?: ExtractInjectionAPI<SyncedBlockPlugin>, enableSourceSyncedBlockCreation?: boolean) => RegisterComponent[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "4.8.0",
+	"version": "4.8.2",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/lozenge": "^13.3.0",
 		"@atlaskit/modal-dialog": "^14.9.0",
 		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.2.0",
+		"@atlaskit/tmp-editor-statsig": "^16.3.0",
 		"@atlaskit/tokens": "9.0.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -56,7 +56,7 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.49.0",
+		"@atlaskit/editor-common": "^110.50.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {