@atlaskit/editor-plugin-synced-block 12.1.0 → 13.0.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 13.0.1
+
+### Patch Changes
+
+- [`4273da2e1a648`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4273da2e1a648) -
+  Register native Quick Insert items behind `platform_editor_slash_command`.
+- Updated dependencies
+
+## 13.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.1.0
 
 ### Minor Changes

package/afm-cc/tsconfig.json

@@ -49,6 +49,9 @@
 		{
 			"path": "../../editor-plugin-decorations/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../editor-plugin-editor-disabled/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../editor-plugin-floating-toolbar/afm-cc/tsconfig.json"
 		},
@@ -91,6 +94,9 @@
 		{
 			"path": "../../../design-system/modal-dialog/afm-cc/tsconfig.json"
 		},
+		{
+			"path": "../../../platform/feature-experiments/afm-cc/tsconfig.json"
+		},
 		{
 			"path": "../../../platform/feature-flags/afm-cc/tsconfig.json"
 		},

package/dist/cjs/syncedBlockPlugin.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.syncedBlockPlugin = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _editorSyncedBlockProvider = require("@atlaskit/editor-synced-block-provider");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _editorActions = require("./editor-actions");
 var _editorCommands = require("./editor-commands");
@@ -19,9 +21,12 @@ var _DeleteConfirmationModal = require("./ui/DeleteConfirmationModal");
 var _Flag = require("./ui/Flag");
 var _floatingToolbar = require("./ui/floating-toolbar");
 var _quickInsert = require("./ui/quick-insert");
+var _getSyncedBlockQuickInsertComponents = require("./ui/quick-insert/getSyncedBlockQuickInsertComponents");
 var _SourceSyncBlockPlaceholder = require("./ui/SourceSyncBlockPlaceholder");
 var _SyncBlockRefresher = require("./ui/SyncBlockRefresher");
 var _toolbarComponents = require("./ui/toolbar-components");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * EDITOR-6929 / PR-G: Guard contentComponent rendering.
  * When `hasSyncedBlocks` is false return null
@@ -73,6 +78,14 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
   var cachedSharedState;
   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));
+  var isRegisteredSlashCommandEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command');
+  if (isRegisteredSlashCommandEnabled && (0, _isExperimentEnabled.isExperimentEnabled)('platform_synced_block') && config !== null && config !== void 0 && config.enableSourceCreation) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register((0, _getSyncedBlockQuickInsertComponents.getSyncedBlockQuickInsertComponents)({
+      api: api,
+      syncBlockStore: syncBlockStore
+    }));
+  }
   return {
     name: 'syncedBlock',
     nodes: function nodes() {
@@ -134,8 +147,9 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
         return (0, _editorActions.discardUnpublishedSyncBlocks)(syncBlockStore);
       }
     },
-    pluginsOptions: {
-      quickInsert: (0, _quickInsert.getQuickInsertConfig)(config, api, syncBlockStore),
+    pluginsOptions: _objectSpread(_objectSpread({}, !isRegisteredSlashCommandEnabled && {
+      quickInsert: (0, _quickInsert.getQuickInsertConfig)(config, api, syncBlockStore)
+    }), {}, {
       floatingToolbar: function floatingToolbar(state, intl) {
         var _syncedBlockPluginKey;
         // When the experiment is ON and the document has no synced blocks,
@@ -146,7 +160,7 @@ var syncedBlockPlugin = exports.syncedBlockPlugin = function syncedBlockPlugin(_
         }
         return (0, _floatingToolbar.getToolbarConfig)(state, intl, api, syncBlockStore, config === null || config === void 0 ? void 0 : config.__livePage, config === null || config === void 0 ? void 0 : config.onGiveFeedback);
       }
-    },
+    }),
     contentComponent: function contentComponent(_ref4) {
       var containerElement = _ref4.containerElement,
         wrapperElement = _ref4.wrapperElement,

package/dist/cjs/ui/quick-insert/SyncedBlockQuickInsertMenuItem.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SyncedBlockQuickInsertMenuItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _messages = require("@atlaskit/editor-common/messages");
+var _assets = require("@atlaskit/editor-common/assets");
+var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
+var _editorCommands = require("../../editor-commands");
+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 SyncedBlockQuickInsertMenuItem = exports.SyncedBlockQuickInsertMenuItem = function SyncedBlockQuickInsertMenuItem(_ref) {
+  var api = _ref.api,
+    syncBlockStore = _ref.syncBlockStore;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['editorDisabled'], function (states) {
+      var _states$editorDisable;
+      return {
+        editorDisabled: (_states$editorDisable = states.editorDisabledState) === null || _states$editorDisable === void 0 ? void 0 : _states$editorDisable.editorDisabled
+      };
+    }),
+    editorDisabled = _useSharedPluginState.editorDisabled;
+  var onSelect = (0, _react.useCallback)(function (_ref2) {
+    var _api$analytics;
+    var editorView = _ref2.editorView,
+      insert = _ref2.insert,
+      source = _ref2.source;
+    return (0, _editorCommands.createSyncedBlock)({
+      tr: editorView.state.tr,
+      syncBlockStore: syncBlockStore,
+      typeAheadInsert: insert,
+      fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent,
+      inputMethod: source !== null && source !== void 0 ? source : _analytics.INPUT_METHOD.QUICK_INSERT
+    });
+  }, [api, syncBlockStore]);
+  return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/_react.default.createElement(_assets.IconSyncBlock, {
+      label: ""
+    }),
+    isDisabled: editorDisabled,
+    onSelect: onSelect,
+    title: formatMessage(_messages.blockTypeMessages.syncedBlockQuickInsertTitle)
+  });
+};

package/dist/cjs/ui/quick-insert/getSyncedBlockQuickInsertComponents.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSyncedBlockQuickInsertComponents = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _messages = require("@atlaskit/editor-common/messages");
+var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/create-quick-insert-matcher");
+var _keys = require("@atlaskit/editor-common/quick-insert/keys");
+var _rank = require("@atlaskit/editor-common/quick-insert/rank");
+var _SyncedBlockQuickInsertMenuItem = require("./SyncedBlockQuickInsertMenuItem");
+var getSyncedBlockQuickInsertComponents = exports.getSyncedBlockQuickInsertComponents = function getSyncedBlockQuickInsertComponents(_ref) {
+  var api = _ref.api,
+    syncBlockStore = _ref.syncBlockStore;
+  return [{
+    key: _keys.SYNCED_BLOCK_MENU_ITEM.key,
+    type: _keys.SYNCED_BLOCK_MENU_ITEM.type,
+    parents: [{
+      key: _keys.STRUCTURE_SECTION.key,
+      type: _keys.STRUCTURE_SECTION.type,
+      rank: _rank.STRUCTURE_SECTION_RANK[_keys.SYNCED_BLOCK_MENU_ITEM.key]
+    }],
+    match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function (_ref2) {
+      var formatMessage = _ref2.formatMessage;
+      return {
+        description: formatMessage(_messages.blockTypeMessages.syncedBlockDescription),
+        keywords: ['synced', 'block', 'synced-block', 'sync', 'sync-block', 'auto', 'update', 'excerpt', 'connect', 'create'],
+        shortcut: '',
+        title: formatMessage(_messages.blockTypeMessages.syncedBlockQuickInsertTitle)
+      };
+    }),
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_SyncedBlockQuickInsertMenuItem.SyncedBlockQuickInsertMenuItem, {
+        api: api,
+        syncBlockStore: syncBlockStore
+      });
+    }
+  }];
+};

package/dist/es2019/syncedBlockPlugin.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { syncBlock, bodiedSyncBlock } from '@atlaskit/adf-schema';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { flushBodiedSyncBlocks, flushSyncBlocks, discardUnpublishedSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
@@ -12,6 +13,7 @@ import { DeleteConfirmationModal } from './ui/DeleteConfirmationModal';
 import { Flag } from './ui/Flag';
 import { getToolbarConfig } from './ui/floating-toolbar';
 import { getQuickInsertConfig } from './ui/quick-insert';
+import { getSyncedBlockQuickInsertComponents } from './ui/quick-insert/getSyncedBlockQuickInsertComponents';
 import { SourceSyncBlockPlaceholder } from './ui/SourceSyncBlockPlaceholder';
 import { SyncBlockRefresher } from './ui/SyncBlockRefresher';
 import { getToolbarComponents } from './ui/toolbar-components';
@@ -69,6 +71,14 @@ export const syncedBlockPlugin = ({
   let cachedSharedState;
   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));
+  const isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
+  if (isRegisteredSlashCommandEnabled && isExperimentEnabled('platform_synced_block') && config !== null && config !== void 0 && config.enableSourceCreation) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 ? void 0 : (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 ? void 0 : _api$uiControlRegistr.actions.register(getSyncedBlockQuickInsertComponents({
+      api,
+      syncBlockStore
+    }));
+  }
   return {
     name: 'syncedBlock',
     nodes() {
@@ -124,7 +134,9 @@ export const syncedBlockPlugin = ({
       }
     },
     pluginsOptions: {
-      quickInsert: getQuickInsertConfig(config, api, syncBlockStore),
+      ...(!isRegisteredSlashCommandEnabled && {
+        quickInsert: getQuickInsertConfig(config, api, syncBlockStore)
+      }),
       floatingToolbar: (state, intl) => {
         var _syncedBlockPluginKey;
         // When the experiment is ON and the document has no synced blocks,

package/dist/es2019/ui/quick-insert/SyncedBlockQuickInsertMenuItem.js

@@ -0,0 +1,46 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { IconSyncBlock } from '@atlaskit/editor-common/assets';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { createSyncedBlock } from '../../editor-commands';
+export const SyncedBlockQuickInsertMenuItem = ({
+  api,
+  syncBlockStore
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    editorDisabled
+  } = useSharedPluginStateWithSelector(api, ['editorDisabled'], states => {
+    var _states$editorDisable;
+    return {
+      editorDisabled: (_states$editorDisable = states.editorDisabledState) === null || _states$editorDisable === void 0 ? void 0 : _states$editorDisable.editorDisabled
+    };
+  });
+  const onSelect = useCallback(({
+    editorView,
+    insert,
+    source
+  }) => {
+    var _api$analytics;
+    return createSyncedBlock({
+      tr: editorView.state.tr,
+      syncBlockStore,
+      typeAheadInsert: insert,
+      fireAnalyticsEvent: api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent,
+      inputMethod: source !== null && source !== void 0 ? source : INPUT_METHOD.QUICK_INSERT
+    });
+  }, [api, syncBlockStore]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/React.createElement(IconSyncBlock, {
+      label: ""
+    }),
+    isDisabled: editorDisabled,
+    onSelect: onSelect,
+    title: formatMessage(blockTypeMessages.syncedBlockQuickInsertTitle)
+  });
+};

package/dist/es2019/ui/quick-insert/getSyncedBlockQuickInsertComponents.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
+import { STRUCTURE_SECTION, SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/quick-insert/keys';
+import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { SyncedBlockQuickInsertMenuItem } from './SyncedBlockQuickInsertMenuItem';
+export const getSyncedBlockQuickInsertComponents = ({
+  api,
+  syncBlockStore
+}) => [{
+  key: SYNCED_BLOCK_MENU_ITEM.key,
+  type: SYNCED_BLOCK_MENU_ITEM.type,
+  parents: [{
+    key: STRUCTURE_SECTION.key,
+    type: STRUCTURE_SECTION.type,
+    rank: STRUCTURE_SECTION_RANK[SYNCED_BLOCK_MENU_ITEM.key]
+  }],
+  match: createQuickInsertMatcher(({
+    formatMessage
+  }) => ({
+    description: formatMessage(blockTypeMessages.syncedBlockDescription),
+    keywords: ['synced', 'block', 'synced-block', 'sync', 'sync-block', 'auto', 'update', 'excerpt', 'connect', 'create'],
+    shortcut: '',
+    title: formatMessage(blockTypeMessages.syncedBlockQuickInsertTitle)
+  })),
+  component: () => /*#__PURE__*/React.createElement(SyncedBlockQuickInsertMenuItem, {
+    api: api,
+    syncBlockStore: syncBlockStore
+  })
+}];

package/dist/esm/syncedBlockPlugin.js

@@ -1,7 +1,11 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { syncBlock, bodiedSyncBlock } from '@atlaskit/adf-schema';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { flushBodiedSyncBlocks as _flushBodiedSyncBlocks, flushSyncBlocks, discardUnpublishedSyncBlocks as _discardUnpublishedSyncBlocks } from './editor-actions';
 import { copySyncedBlockReferenceToClipboardEditorCommand, createSyncedBlock } from './editor-commands';
@@ -12,6 +16,7 @@ import { DeleteConfirmationModal } from './ui/DeleteConfirmationModal';
 import { Flag } from './ui/Flag';
 import { getToolbarConfig } from './ui/floating-toolbar';
 import { getQuickInsertConfig } from './ui/quick-insert';
+import { getSyncedBlockQuickInsertComponents } from './ui/quick-insert/getSyncedBlockQuickInsertComponents';
 import { SourceSyncBlockPlaceholder } from './ui/SourceSyncBlockPlaceholder';
 import { SyncBlockRefresher } from './ui/SyncBlockRefresher';
 import { getToolbarComponents } from './ui/toolbar-components';
@@ -67,6 +72,14 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref2) {
   var cachedSharedState;
   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));
+  var isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
+  if (isRegisteredSlashCommandEnabled && isExperimentEnabled('platform_synced_block') && config !== null && config !== void 0 && config.enableSourceCreation) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register(getSyncedBlockQuickInsertComponents({
+      api: api,
+      syncBlockStore: syncBlockStore
+    }));
+  }
   return {
     name: 'syncedBlock',
     nodes: function nodes() {
@@ -128,8 +141,9 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref2) {
         return _discardUnpublishedSyncBlocks(syncBlockStore);
       }
     },
-    pluginsOptions: {
-      quickInsert: getQuickInsertConfig(config, api, syncBlockStore),
+    pluginsOptions: _objectSpread(_objectSpread({}, !isRegisteredSlashCommandEnabled && {
+      quickInsert: getQuickInsertConfig(config, api, syncBlockStore)
+    }), {}, {
       floatingToolbar: function floatingToolbar(state, intl) {
         var _syncedBlockPluginKey;
         // When the experiment is ON and the document has no synced blocks,
@@ -140,7 +154,7 @@ export var syncedBlockPlugin = function syncedBlockPlugin(_ref2) {
         }
         return getToolbarConfig(state, intl, api, syncBlockStore, config === null || config === void 0 ? void 0 : config.__livePage, config === null || config === void 0 ? void 0 : config.onGiveFeedback);
       }
-    },
+    }),
     contentComponent: function contentComponent(_ref4) {
       var containerElement = _ref4.containerElement,
         wrapperElement = _ref4.wrapperElement,

package/dist/esm/ui/quick-insert/SyncedBlockQuickInsertMenuItem.js

@@ -0,0 +1,42 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { IconSyncBlock } from '@atlaskit/editor-common/assets';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { createSyncedBlock } from '../../editor-commands';
+export var SyncedBlockQuickInsertMenuItem = function SyncedBlockQuickInsertMenuItem(_ref) {
+  var api = _ref.api,
+    syncBlockStore = _ref.syncBlockStore;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['editorDisabled'], function (states) {
+      var _states$editorDisable;
+      return {
+        editorDisabled: (_states$editorDisable = states.editorDisabledState) === null || _states$editorDisable === void 0 ? void 0 : _states$editorDisable.editorDisabled
+      };
+    }),
+    editorDisabled = _useSharedPluginState.editorDisabled;
+  var onSelect = useCallback(function (_ref2) {
+    var _api$analytics;
+    var editorView = _ref2.editorView,
+      insert = _ref2.insert,
+      source = _ref2.source;
+    return createSyncedBlock({
+      tr: editorView.state.tr,
+      syncBlockStore: syncBlockStore,
+      typeAheadInsert: insert,
+      fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent,
+      inputMethod: source !== null && source !== void 0 ? source : INPUT_METHOD.QUICK_INSERT
+    });
+  }, [api, syncBlockStore]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/React.createElement(IconSyncBlock, {
+      label: ""
+    }),
+    isDisabled: editorDisabled,
+    onSelect: onSelect,
+    title: formatMessage(blockTypeMessages.syncedBlockQuickInsertTitle)
+  });
+};

package/dist/esm/ui/quick-insert/getSyncedBlockQuickInsertComponents.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { blockTypeMessages } from '@atlaskit/editor-common/messages';
+import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
+import { STRUCTURE_SECTION, SYNCED_BLOCK_MENU_ITEM } from '@atlaskit/editor-common/quick-insert/keys';
+import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { SyncedBlockQuickInsertMenuItem } from './SyncedBlockQuickInsertMenuItem';
+export var getSyncedBlockQuickInsertComponents = function getSyncedBlockQuickInsertComponents(_ref) {
+  var api = _ref.api,
+    syncBlockStore = _ref.syncBlockStore;
+  return [{
+    key: SYNCED_BLOCK_MENU_ITEM.key,
+    type: SYNCED_BLOCK_MENU_ITEM.type,
+    parents: [{
+      key: STRUCTURE_SECTION.key,
+      type: STRUCTURE_SECTION.type,
+      rank: STRUCTURE_SECTION_RANK[SYNCED_BLOCK_MENU_ITEM.key]
+    }],
+    match: createQuickInsertMatcher(function (_ref2) {
+      var formatMessage = _ref2.formatMessage;
+      return {
+        description: formatMessage(blockTypeMessages.syncedBlockDescription),
+        keywords: ['synced', 'block', 'synced-block', 'sync', 'sync-block', 'auto', 'update', 'excerpt', 'connect', 'create'],
+        shortcut: '',
+        title: formatMessage(blockTypeMessages.syncedBlockQuickInsertTitle)
+      };
+    }),
+    component: function component() {
+      return /*#__PURE__*/React.createElement(SyncedBlockQuickInsertMenuItem, {
+        api: api,
+        syncBlockStore: syncBlockStore
+      });
+    }
+  }];
+};

package/dist/types/syncedBlockPluginType.d.ts

@@ -8,12 +8,14 @@ import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
 import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
 import type { ContentFormatPlugin } from '@atlaskit/editor-plugin-content-format';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
 import type { FocusPlugin } from '@atlaskit/editor-plugin-focus';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
+import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SyncBlockDataProviderInterface, UseFetchSyncBlockDataResult } from '@atlaskit/editor-synced-block-provider';
 import type { SyncedBlockSharedState } from './types';
@@ -121,10 +123,12 @@ export type SyncedBlockPlugin = NextEditorPlugin<'syncedBlock', {
         OptionalPlugin<BlockMenuPlugin>,
         OptionalPlugin<AnalyticsPlugin>,
         OptionalPlugin<ConnectivityPlugin>,
+        OptionalPlugin<EditorDisabledPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
         OptionalPlugin<ContentFormatPlugin>,
         OptionalPlugin<UserIntentPlugin>,
-        OptionalPlugin<FocusPlugin>
+        OptionalPlugin<FocusPlugin>,
+        OptionalPlugin<UiControlRegistryPlugin>
     ];
     pluginConfiguration: SyncedBlockPluginOptions | undefined;
     sharedState: SyncedBlockSharedState | undefined;

package/dist/types/ui/quick-insert/SyncedBlockQuickInsertMenuItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import type { SyncedBlockPlugin } from '../../syncedBlockPluginType';
+export declare const SyncedBlockQuickInsertMenuItem: ({ api, syncBlockStore, }: {
+    api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined;
+    syncBlockStore: SyncBlockStoreManager;
+}) => React.JSX.Element;

package/dist/types/ui/quick-insert/getSyncedBlockQuickInsertComponents.d.ts

@@ -0,0 +1,8 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { SyncBlockStoreManager } from '@atlaskit/editor-synced-block-provider';
+import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
+import type { SyncedBlockPlugin } from '../../syncedBlockPluginType';
+export declare const getSyncedBlockQuickInsertComponents: ({ api, syncBlockStore, }: {
+    api: ExtractInjectionAPI<SyncedBlockPlugin> | undefined;
+    syncBlockStore: SyncBlockStoreManager;
+}) => RegisterMenuItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "12.1.0",
+	"version": "13.0.1",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -24,18 +24,19 @@
 		"@atlaskit/button": "25.0.4",
 		"@atlaskit/dropdown-menu": "18.0.3",
 		"@atlaskit/editor-json-transformer": "^9.2.0",
-		"@atlaskit/editor-plugin-analytics": "^14.0.0",
-		"@atlaskit/editor-plugin-block-menu": "^13.0.0",
-		"@atlaskit/editor-plugin-connectivity": "14.0.0",
-		"@atlaskit/editor-plugin-content-format": "^8.0.0",
-		"@atlaskit/editor-plugin-decorations": "^14.0.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^16.0.0",
-		"@atlaskit/editor-plugin-focus": "^13.0.0",
-		"@atlaskit/editor-plugin-selection": "^14.0.0",
-		"@atlaskit/editor-plugin-user-intent": "^12.0.0",
+		"@atlaskit/editor-plugin-analytics": "^15.0.0",
+		"@atlaskit/editor-plugin-block-menu": "^14.0.0",
+		"@atlaskit/editor-plugin-connectivity": "15.0.0",
+		"@atlaskit/editor-plugin-content-format": "^9.0.0",
+		"@atlaskit/editor-plugin-decorations": "^15.0.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^15.0.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^17.0.0",
+		"@atlaskit/editor-plugin-focus": "^14.0.0",
+		"@atlaskit/editor-plugin-selection": "^15.0.0",
+		"@atlaskit/editor-plugin-user-intent": "^13.0.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
-		"@atlaskit/editor-synced-block-provider": "^10.0.0",
+		"@atlaskit/editor-synced-block-provider": "^11.0.0",
 		"@atlaskit/editor-toolbar": "^2.4.0",
 		"@atlaskit/flag": "^18.2.0",
 		"@atlaskit/icon": "37.3.0",
@@ -43,6 +44,7 @@
 		"@atlaskit/logo": "^21.4.0",
 		"@atlaskit/lozenge": "^15.0.0",
 		"@atlaskit/modal-dialog": "^16.3.0",
+		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/primitives": "^22.2.0",
 		"@atlaskit/spinner": "20.1.2",
@@ -58,7 +60,7 @@
 		"memoize-one": "^6.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^118.12.0",
+		"@atlaskit/editor-common": "^119.1.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},