@atlaskit/editor-plugin-block-type 18.0.5 → 19.0.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-block-type
 
+## 19.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
+
+## 19.0.0
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 18.0.5
 
 ### Patch Changes

package/compass.yml

@@ -1,7 +1,7 @@
 configVersion: 1
 id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/cb1603f9-3837-498f-a3d0-4452521a95a9
 name: '@atlaskit/editor-plugin-block-type'
-ownerId: ari:cloud:identity::team/ce353f56-2a90-491b-b272-b90dca4fffa2 # Editor FE Platform
+ownerId: ari:cloud:identity::team/cf6a670b-5252-4c68-a769-9207de366beb # Editor Developers
 labels:
   - platform-code
   - platform-afm
@@ -16,14 +16,14 @@ links:
     url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
   - name: Slack Channel
     type: CHAT_CHANNEL
-    url: https://atlassian.enterprise.slack.com/archives/C03SD6QJWPP # #cc-editor-lego
+    url: https://atlassian.enterprise.slack.com/archives/CFG3PSQ9E # #help-editor
   - name: Editor Plugin Block Type
     type: REPOSITORY
     url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/editor/editor-plugin-block-type
 customFields:
   - name: Department
     type: text
-    value: Eng - Editor Frontend Platform
+    value: Editor Developers
   - name: Trusted Reviewer Teams
     type: text
     value: ari:cloud:identity::team/cf6a670b-5252-4c68-a769-9207de366beb

package/dist/cjs/blockTypePlugin.js

@@ -12,9 +12,10 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _messages = require("@atlaskit/editor-common/messages");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _assets = require("@atlaskit/editor-common/assets");
 var _types = require("@atlaskit/editor-common/types");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _blockType = require("./pm-plugins/commands/block-type");
@@ -25,6 +26,7 @@ var _FloatingToolbarComponent = require("./pm-plugins/ui/FloatingToolbarComponen
 var _PrimaryToolbarComponent = require("./pm-plugins/ui/PrimaryToolbarComponent");
 var _toolbarComponents = require("./pm-plugins/ui/toolbar-components");
 var _ui = require("./ui");
+var _getBlockTypeQuickInsertComponents = require("./ui/quick-insert/getBlockTypeQuickInsertComponents");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var headingPluginOptions = function headingPluginOptions(_ref, isAllowed, editorAnalyticsApi) {
@@ -50,7 +52,7 @@ var headingPluginOptions = function headingPluginOptions(_ref, isAllowed, editor
       keywords: ["h".concat(level)],
       keyshortcut: keyshortcut,
       icon: function icon() {
-        return /*#__PURE__*/_react.default.createElement(_quickInsert.IconHeading, {
+        return /*#__PURE__*/_react.default.createElement(_assets.IconHeading, {
           level: level
         });
       },
@@ -85,7 +87,7 @@ var blockquotePluginOptions = function blockquotePluginOptions(_ref2, isAllowed,
     priority: 1300,
     keyshortcut: '>',
     icon: function icon() {
-      return /*#__PURE__*/_react.default.createElement(_quickInsert.IconQuote, null);
+      return /*#__PURE__*/_react.default.createElement(_assets.IconQuote, null);
     },
     action: function action(insert, state) {
       var tr = insert(state.schema.nodes.blockquote.createChecked({}, state.schema.nodes.paragraph.createChecked()));
@@ -106,6 +108,7 @@ var blockTypePlugin = exports.blockTypePlugin = function blockTypePlugin(_ref3)
   var options = _ref3.config,
     api = _ref3.api;
   var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
+  var isRegisteredSlashCommandEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command');
   var primaryToolbarComponent = function primaryToolbarComponent(_ref4) {
     var popupsMountPoint = _ref4.popupsMountPoint,
       popupsBoundariesElement = _ref4.popupsBoundariesElement,
@@ -114,7 +117,7 @@ var blockTypePlugin = exports.blockTypePlugin = function blockTypePlugin(_ref3)
       disabled = _ref4.disabled,
       isToolbarReducedSpacing = _ref4.isToolbarReducedSpacing;
     var isSmall = options && options.isUndoRedoButtonsEnabled ? toolbarSize < _types.ToolbarSize.XXL : toolbarSize < _types.ToolbarSize.XL;
-    if ((0, _platformFeatureFlags.fg)('platform_editor_toolbar_responsive_fixes')) {
+    if ((0, _fg.fg)('platform_editor_toolbar_responsive_fixes')) {
       isSmall = toolbarSize < _types.ToolbarSize.XXL;
     }
     return /*#__PURE__*/_react.default.createElement(_PrimaryToolbarComponent.PrimaryToolbarComponent, {
@@ -142,6 +145,13 @@ var blockTypePlugin = exports.blockTypePlugin = function blockTypePlugin(_ref3)
     var _api$blockMenu;
     api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents((0, _ui.getBlockTypeComponents)(api));
   }
+  if (isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr, _options$allowBlockTy, _options$allowBlockTy2;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register((0, _getBlockTypeQuickInsertComponents.getBlockTypeQuickInsertComponents)({
+      api: api,
+      exclude: (_options$allowBlockTy = options === null || options === void 0 || (_options$allowBlockTy2 = options.allowBlockType) === null || _options$allowBlockTy2 === void 0 ? void 0 : _options$allowBlockTy2.exclude) !== null && _options$allowBlockTy !== void 0 ? _options$allowBlockTy : []
+    }));
+  }
   return {
     name: 'blockType',
     nodes: function nodes() {
@@ -150,7 +160,7 @@ var blockTypePlugin = exports.blockTypePlugin = function blockTypePlugin(_ref3)
         node: _adfSchema.heading
       }, {
         name: 'blockquote',
-        node: (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? _adfSchema.extendedBlockquoteWithLocalId : _adfSchema.extendedBlockquote
+        node: (0, _fg.fg)('platform_editor_adf_with_localid') ? _adfSchema.extendedBlockquoteWithLocalId : _adfSchema.extendedBlockquote
       }, {
         name: 'hardBreak',
         node: _adfSchema.hardBreak
@@ -231,7 +241,7 @@ var blockTypePlugin = exports.blockTypePlugin = function blockTypePlugin(_ref3)
     pluginsOptions: _objectSpread(_objectSpread({}, !isToolbarAIFCEnabled && {
       selectionToolbar: function selectionToolbar() {
         var _api$userPreferences, _api$selectionToolbar;
-        var toolbarDocking = (0, _platformFeatureFlags.fg)('platform_editor_use_preferences_plugin') ? api === null || api === void 0 || (_api$userPreferences = api.userPreferences) === null || _api$userPreferences === void 0 || (_api$userPreferences = _api$userPreferences.sharedState.currentState()) === null || _api$userPreferences === void 0 || (_api$userPreferences = _api$userPreferences.preferences) === null || _api$userPreferences === void 0 ? void 0 : _api$userPreferences.toolbarDockingPosition : api === null || api === void 0 || (_api$selectionToolbar = api.selectionToolbar) === null || _api$selectionToolbar === void 0 || (_api$selectionToolbar = _api$selectionToolbar.sharedState) === null || _api$selectionToolbar === void 0 || (_api$selectionToolbar = _api$selectionToolbar.currentState()) === null || _api$selectionToolbar === void 0 ? void 0 : _api$selectionToolbar.toolbarDocking;
+        var toolbarDocking = (0, _fg.fg)('platform_editor_use_preferences_plugin') ? api === null || api === void 0 || (_api$userPreferences = api.userPreferences) === null || _api$userPreferences === void 0 || (_api$userPreferences = _api$userPreferences.sharedState.currentState()) === null || _api$userPreferences === void 0 || (_api$userPreferences = _api$userPreferences.preferences) === null || _api$userPreferences === void 0 ? void 0 : _api$userPreferences.toolbarDockingPosition : api === null || api === void 0 || (_api$selectionToolbar = api.selectionToolbar) === null || _api$selectionToolbar === void 0 || (_api$selectionToolbar = _api$selectionToolbar.sharedState) === null || _api$selectionToolbar === void 0 || (_api$selectionToolbar = _api$selectionToolbar.currentState()) === null || _api$selectionToolbar === void 0 ? void 0 : _api$selectionToolbar.toolbarDocking;
         if (toolbarDocking === 'none' && (0, _experiments.editorExperiment)('platform_editor_controls', 'variant1', {
           exposure: true
         })) {
@@ -256,7 +266,7 @@ var blockTypePlugin = exports.blockTypePlugin = function blockTypePlugin(_ref3)
           return undefined;
         }
       }
-    }), {}, {
+    }), !isRegisteredSlashCommandEnabled && {
       quickInsert: function quickInsert(intl) {
         var _api$analytics7, _api$analytics8;
         var exclude = options && options.allowBlockType && options.allowBlockType.exclude ? options.allowBlockType.exclude : [];

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

@@ -0,0 +1,108 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHeadingQuickInsertShortcut = exports.getHeadingQuickInsertMessages = exports.BlockTypeQuickInsertMenuItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _keymaps = require("@atlaskit/editor-common/keymaps");
+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 _tooltip, _tooltip2, _tooltip3, _tooltip4, _tooltip5, _tooltip6;
+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 headingQuickInsertMessages = {
+  1: {
+    description: _messages.blockTypeMessages.heading1Description,
+    title: _messages.blockTypeMessages.heading1
+  },
+  2: {
+    description: _messages.blockTypeMessages.heading2Description,
+    title: _messages.blockTypeMessages.heading2
+  },
+  3: {
+    description: _messages.blockTypeMessages.heading3Description,
+    title: _messages.blockTypeMessages.heading3
+  },
+  4: {
+    description: _messages.blockTypeMessages.heading4Description,
+    title: _messages.blockTypeMessages.heading4
+  },
+  5: {
+    description: _messages.blockTypeMessages.heading5Description,
+    title: _messages.blockTypeMessages.heading5
+  },
+  6: {
+    description: _messages.blockTypeMessages.heading6Description,
+    title: _messages.blockTypeMessages.heading6
+  }
+};
+var headingQuickInsertShortcuts = {
+  1: (_tooltip = (0, _keymaps.tooltip)(_keymaps.toggleHeading1)) !== null && _tooltip !== void 0 ? _tooltip : '',
+  2: (_tooltip2 = (0, _keymaps.tooltip)(_keymaps.toggleHeading2)) !== null && _tooltip2 !== void 0 ? _tooltip2 : '',
+  3: (_tooltip3 = (0, _keymaps.tooltip)(_keymaps.toggleHeading3)) !== null && _tooltip3 !== void 0 ? _tooltip3 : '',
+  4: (_tooltip4 = (0, _keymaps.tooltip)(_keymaps.toggleHeading4)) !== null && _tooltip4 !== void 0 ? _tooltip4 : '',
+  5: (_tooltip5 = (0, _keymaps.tooltip)(_keymaps.toggleHeading5)) !== null && _tooltip5 !== void 0 ? _tooltip5 : '',
+  6: (_tooltip6 = (0, _keymaps.tooltip)(_keymaps.toggleHeading6)) !== null && _tooltip6 !== void 0 ? _tooltip6 : ''
+};
+var getHeadingQuickInsertMessages = exports.getHeadingQuickInsertMessages = function getHeadingQuickInsertMessages(level) {
+  return headingQuickInsertMessages[level];
+};
+var getHeadingQuickInsertShortcut = exports.getHeadingQuickInsertShortcut = function getHeadingQuickInsertShortcut(level) {
+  return headingQuickInsertShortcuts[level];
+};
+var BlockTypeQuickInsertMenuItem = exports.BlockTypeQuickInsertMenuItem = function BlockTypeQuickInsertMenuItem(_ref) {
+  var api = _ref.api,
+    item = _ref.item;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var isBlockquote = item === 'blockquote';
+  var shortcut = (0, _react.useMemo)(function () {
+    return isBlockquote ? '>' : getHeadingQuickInsertShortcut(item);
+  }, [isBlockquote, item]);
+  var title = formatMessage(item === 'blockquote' ? _messages.blockTypeMessages.blockquote : getHeadingQuickInsertMessages(item).title);
+  var onSelect = (0, _react.useCallback)(function (_ref2) {
+    var editorView = _ref2.editorView,
+      insert = _ref2.insert;
+    var schema = editorView.state.schema;
+    var tr = isBlockquote ? insert(schema.nodes.blockquote.createChecked({}, schema.nodes.paragraph.createChecked())) : insert(schema.nodes.heading.createChecked({
+      level: item
+    }));
+    if (item === 'blockquote') {
+      var _api$analytics;
+      api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
+        action: _analytics.ACTION.FORMATTED,
+        actionSubject: _analytics.ACTION_SUBJECT.TEXT,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_BLOCK_QUOTE,
+        attributes: {
+          inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT
+        },
+        eventType: _analytics.EVENT_TYPE.TRACK
+      })(tr);
+    } else {
+      var _api$analytics2;
+      api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
+        action: _analytics.ACTION.FORMATTED,
+        actionSubject: _analytics.ACTION_SUBJECT.TEXT,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.FORMAT_HEADING,
+        attributes: {
+          inputMethod: _analytics.INPUT_METHOD.QUICK_INSERT,
+          newHeadingLevel: item
+        },
+        eventType: _analytics.EVENT_TYPE.TRACK
+      })(tr);
+    }
+    return tr;
+  }, [api, isBlockquote, item]);
+  return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
+    iconBefore: isBlockquote ? /*#__PURE__*/_react.default.createElement(_assets.IconQuote, null) : /*#__PURE__*/_react.default.createElement(_assets.IconHeading, {
+      level: item
+    }),
+    onSelect: onSelect,
+    shortcut: shortcut,
+    title: title
+  });
+};

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

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBlockTypeQuickInsertComponents = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+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 _BlockTypeQuickInsertMenuItem = require("./BlockTypeQuickInsertMenuItem");
+var headingItems = [{
+  item: _keys.HEADING_1_MENU_ITEM,
+  level: 1
+}, {
+  item: _keys.HEADING_2_MENU_ITEM,
+  level: 2
+}, {
+  item: _keys.HEADING_3_MENU_ITEM,
+  level: 3
+}, {
+  item: _keys.HEADING_4_MENU_ITEM,
+  level: 4
+}, {
+  item: _keys.HEADING_5_MENU_ITEM,
+  level: 5
+}, {
+  item: _keys.HEADING_6_MENU_ITEM,
+  level: 6
+}];
+var getParent = function getParent(key) {
+  return [{
+    key: _keys.TEXT_FORMATTING_SECTION.key,
+    type: _keys.TEXT_FORMATTING_SECTION.type,
+    rank: _rank.TEXT_FORMATTING_SECTION_RANK[key]
+  }];
+};
+var getBlockTypeQuickInsertComponents = exports.getBlockTypeQuickInsertComponents = function getBlockTypeQuickInsertComponents(_ref) {
+  var api = _ref.api,
+    exclude = _ref.exclude;
+  return [].concat((0, _toConsumableArray2.default)(headingItems.filter(function () {
+    return !exclude.includes('heading');
+  }).map(function (_ref2) {
+    var item = _ref2.item,
+      headingLevel = _ref2.level;
+    var headingMessages = (0, _BlockTypeQuickInsertMenuItem.getHeadingQuickInsertMessages)(headingLevel);
+    return {
+      key: item.key,
+      type: item.type,
+      parents: getParent(item.key),
+      match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function (_ref3) {
+        var formatMessage = _ref3.formatMessage;
+        return {
+          description: formatMessage(headingMessages.description),
+          keywords: ["h".concat(headingLevel)],
+          shortcut: (0, _BlockTypeQuickInsertMenuItem.getHeadingQuickInsertShortcut)(headingLevel),
+          title: formatMessage(headingMessages.title)
+        };
+      }),
+      component: function component() {
+        return /*#__PURE__*/_react.default.createElement(_BlockTypeQuickInsertMenuItem.BlockTypeQuickInsertMenuItem, {
+          api: api,
+          item: headingLevel
+        });
+      }
+    };
+  })), (0, _toConsumableArray2.default)(!exclude.includes('blockquote') ? [{
+    key: _keys.BLOCKQUOTE_MENU_ITEM.key,
+    type: _keys.BLOCKQUOTE_MENU_ITEM.type,
+    parents: getParent(_keys.BLOCKQUOTE_MENU_ITEM.key),
+    match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function (_ref4) {
+      var formatMessage = _ref4.formatMessage;
+      return {
+        description: formatMessage(_messages.blockTypeMessages.blockquoteDescription),
+        shortcut: '>',
+        title: formatMessage(_messages.blockTypeMessages.blockquote)
+      };
+    }),
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_BlockTypeQuickInsertMenuItem.BlockTypeQuickInsertMenuItem, {
+        api: api,
+        item: "blockquote"
+      });
+    }
+  }] : []));
+};

package/dist/es2019/blockTypePlugin.js

@@ -3,9 +3,10 @@ import { extendedBlockquote, extendedBlockquoteWithLocalId, fontSize, hardBreak,
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { keymap, tooltip } from '@atlaskit/editor-common/keymaps';
 import { blockTypeMessages as messages } from '@atlaskit/editor-common/messages';
-import { IconHeading, IconQuote } from '@atlaskit/editor-common/quick-insert';
+import { IconHeading, IconQuote } from '@atlaskit/editor-common/assets';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { clearFormatting, insertBlockQuoteWithAnalytics, insertBlockQuoteWithAnalyticsCommand, setBlockTypeWithAnalytics } from './pm-plugins/commands/block-type';
@@ -16,6 +17,7 @@ import { FloatingToolbarComponent } from './pm-plugins/ui/FloatingToolbarCompone
 import { PrimaryToolbarComponent } from './pm-plugins/ui/PrimaryToolbarComponent';
 import { getToolbarComponents } from './pm-plugins/ui/toolbar-components';
 import { getBlockTypeComponents } from './ui';
+import { getBlockTypeQuickInsertComponents } from './ui/quick-insert/getBlockTypeQuickInsertComponents';
 const headingPluginOptions = ({
   formatMessage
 }, isAllowed, editorAnalyticsApi) => {
@@ -94,6 +96,7 @@ const blockTypePlugin = ({
   api
 }) => {
   const isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
+  const isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
   const primaryToolbarComponent = ({
     popupsMountPoint,
     popupsBoundariesElement,
@@ -131,6 +134,13 @@ const blockTypePlugin = ({
     var _api$blockMenu;
     api === null || api === void 0 ? void 0 : (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 ? void 0 : _api$blockMenu.actions.registerBlockMenuComponents(getBlockTypeComponents(api));
   }
+  if (isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr, _options$allowBlockTy, _options$allowBlockTy2;
+    api === null || api === void 0 ? void 0 : (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 ? void 0 : _api$uiControlRegistr.actions.register(getBlockTypeQuickInsertComponents({
+      api,
+      exclude: (_options$allowBlockTy = options === null || options === void 0 ? void 0 : (_options$allowBlockTy2 = options.allowBlockType) === null || _options$allowBlockTy2 === void 0 ? void 0 : _options$allowBlockTy2.exclude) !== null && _options$allowBlockTy !== void 0 ? _options$allowBlockTy : []
+    }));
+  }
   return {
     name: 'blockType',
     nodes() {
@@ -245,11 +255,13 @@ const blockTypePlugin = ({
           }
         }
       }),
-      quickInsert: intl => {
-        var _api$analytics7, _api$analytics8;
-        const exclude = options && options.allowBlockType && options.allowBlockType.exclude ? options.allowBlockType.exclude : [];
-        return [...blockquotePluginOptions(intl, exclude.indexOf('blockquote') === -1, api === null || api === void 0 ? void 0 : (_api$analytics7 = api.analytics) === null || _api$analytics7 === void 0 ? void 0 : _api$analytics7.actions), ...headingPluginOptions(intl, exclude.indexOf('heading') === -1, api === null || api === void 0 ? void 0 : (_api$analytics8 = api.analytics) === null || _api$analytics8 === void 0 ? void 0 : _api$analytics8.actions)];
-      }
+      ...(!isRegisteredSlashCommandEnabled && {
+        quickInsert: intl => {
+          var _api$analytics7, _api$analytics8;
+          const exclude = options && options.allowBlockType && options.allowBlockType.exclude ? options.allowBlockType.exclude : [];
+          return [...blockquotePluginOptions(intl, exclude.indexOf('blockquote') === -1, api === null || api === void 0 ? void 0 : (_api$analytics7 = api.analytics) === null || _api$analytics7 === void 0 ? void 0 : _api$analytics7.actions), ...headingPluginOptions(intl, exclude.indexOf('heading') === -1, api === null || api === void 0 ? void 0 : (_api$analytics8 = api.analytics) === null || _api$analytics8 === void 0 ? void 0 : _api$analytics8.actions)];
+        }
+      })
     }
   };
 };

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

@@ -0,0 +1,99 @@
+var _tooltip, _tooltip2, _tooltip3, _tooltip4, _tooltip5, _tooltip6;
+import React, { useCallback, useMemo } from 'react';
+import { useIntl } from 'react-intl';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, tooltip } from '@atlaskit/editor-common/keymaps';
+import { blockTypeMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconHeading, IconQuote } from '@atlaskit/editor-common/assets';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+const headingQuickInsertMessages = {
+  1: {
+    description: messages.heading1Description,
+    title: messages.heading1
+  },
+  2: {
+    description: messages.heading2Description,
+    title: messages.heading2
+  },
+  3: {
+    description: messages.heading3Description,
+    title: messages.heading3
+  },
+  4: {
+    description: messages.heading4Description,
+    title: messages.heading4
+  },
+  5: {
+    description: messages.heading5Description,
+    title: messages.heading5
+  },
+  6: {
+    description: messages.heading6Description,
+    title: messages.heading6
+  }
+};
+const headingQuickInsertShortcuts = {
+  1: (_tooltip = tooltip(toggleHeading1)) !== null && _tooltip !== void 0 ? _tooltip : '',
+  2: (_tooltip2 = tooltip(toggleHeading2)) !== null && _tooltip2 !== void 0 ? _tooltip2 : '',
+  3: (_tooltip3 = tooltip(toggleHeading3)) !== null && _tooltip3 !== void 0 ? _tooltip3 : '',
+  4: (_tooltip4 = tooltip(toggleHeading4)) !== null && _tooltip4 !== void 0 ? _tooltip4 : '',
+  5: (_tooltip5 = tooltip(toggleHeading5)) !== null && _tooltip5 !== void 0 ? _tooltip5 : '',
+  6: (_tooltip6 = tooltip(toggleHeading6)) !== null && _tooltip6 !== void 0 ? _tooltip6 : ''
+};
+export const getHeadingQuickInsertMessages = level => headingQuickInsertMessages[level];
+export const getHeadingQuickInsertShortcut = level => headingQuickInsertShortcuts[level];
+export const BlockTypeQuickInsertMenuItem = ({
+  api,
+  item
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const isBlockquote = item === 'blockquote';
+  const shortcut = useMemo(() => isBlockquote ? '>' : getHeadingQuickInsertShortcut(item), [isBlockquote, item]);
+  const title = formatMessage(item === 'blockquote' ? messages.blockquote : getHeadingQuickInsertMessages(item).title);
+  const onSelect = useCallback(({
+    editorView,
+    insert
+  }) => {
+    const {
+      schema
+    } = editorView.state;
+    const tr = isBlockquote ? insert(schema.nodes.blockquote.createChecked({}, schema.nodes.paragraph.createChecked())) : insert(schema.nodes.heading.createChecked({
+      level: item
+    }));
+    if (item === 'blockquote') {
+      var _api$analytics;
+      api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent({
+        action: ACTION.FORMATTED,
+        actionSubject: ACTION_SUBJECT.TEXT,
+        actionSubjectId: ACTION_SUBJECT_ID.FORMAT_BLOCK_QUOTE,
+        attributes: {
+          inputMethod: INPUT_METHOD.QUICK_INSERT
+        },
+        eventType: EVENT_TYPE.TRACK
+      })(tr);
+    } else {
+      var _api$analytics2;
+      api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions.attachAnalyticsEvent({
+        action: ACTION.FORMATTED,
+        actionSubject: ACTION_SUBJECT.TEXT,
+        actionSubjectId: ACTION_SUBJECT_ID.FORMAT_HEADING,
+        attributes: {
+          inputMethod: INPUT_METHOD.QUICK_INSERT,
+          newHeadingLevel: item
+        },
+        eventType: EVENT_TYPE.TRACK
+      })(tr);
+    }
+    return tr;
+  }, [api, isBlockquote, item]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: isBlockquote ? /*#__PURE__*/React.createElement(IconQuote, null) : /*#__PURE__*/React.createElement(IconHeading, {
+      level: item
+    }),
+    onSelect: onSelect,
+    shortcut: shortcut,
+    title: title
+  });
+};

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

@@ -0,0 +1,71 @@
+import React from 'react';
+import { blockTypeMessages as messages } from '@atlaskit/editor-common/messages';
+import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
+import { BLOCKQUOTE_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, TEXT_FORMATTING_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { TEXT_FORMATTING_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { BlockTypeQuickInsertMenuItem, getHeadingQuickInsertMessages, getHeadingQuickInsertShortcut } from './BlockTypeQuickInsertMenuItem';
+const headingItems = [{
+  item: HEADING_1_MENU_ITEM,
+  level: 1
+}, {
+  item: HEADING_2_MENU_ITEM,
+  level: 2
+}, {
+  item: HEADING_3_MENU_ITEM,
+  level: 3
+}, {
+  item: HEADING_4_MENU_ITEM,
+  level: 4
+}, {
+  item: HEADING_5_MENU_ITEM,
+  level: 5
+}, {
+  item: HEADING_6_MENU_ITEM,
+  level: 6
+}];
+const getParent = key => [{
+  key: TEXT_FORMATTING_SECTION.key,
+  type: TEXT_FORMATTING_SECTION.type,
+  rank: TEXT_FORMATTING_SECTION_RANK[key]
+}];
+export const getBlockTypeQuickInsertComponents = ({
+  api,
+  exclude
+}) => [...headingItems.filter(() => !exclude.includes('heading')).map(({
+  item,
+  level: headingLevel
+}) => {
+  const headingMessages = getHeadingQuickInsertMessages(headingLevel);
+  return {
+    key: item.key,
+    type: item.type,
+    parents: getParent(item.key),
+    match: createQuickInsertMatcher(({
+      formatMessage
+    }) => ({
+      description: formatMessage(headingMessages.description),
+      keywords: [`h${headingLevel}`],
+      shortcut: getHeadingQuickInsertShortcut(headingLevel),
+      title: formatMessage(headingMessages.title)
+    })),
+    component: () => /*#__PURE__*/React.createElement(BlockTypeQuickInsertMenuItem, {
+      api: api,
+      item: headingLevel
+    })
+  };
+}), ...(!exclude.includes('blockquote') ? [{
+  key: BLOCKQUOTE_MENU_ITEM.key,
+  type: BLOCKQUOTE_MENU_ITEM.type,
+  parents: getParent(BLOCKQUOTE_MENU_ITEM.key),
+  match: createQuickInsertMatcher(({
+    formatMessage
+  }) => ({
+    description: formatMessage(messages.blockquoteDescription),
+    shortcut: '>',
+    title: formatMessage(messages.blockquote)
+  })),
+  component: () => /*#__PURE__*/React.createElement(BlockTypeQuickInsertMenuItem, {
+    api: api,
+    item: "blockquote"
+  })
+}] : [])];

package/dist/esm/blockTypePlugin.js

@@ -7,9 +7,10 @@ import { extendedBlockquote, extendedBlockquoteWithLocalId, fontSize, hardBreak,
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { keymap, tooltip } from '@atlaskit/editor-common/keymaps';
 import { blockTypeMessages as messages } from '@atlaskit/editor-common/messages';
-import { IconHeading, IconQuote } from '@atlaskit/editor-common/quick-insert';
+import { IconHeading, IconQuote } from '@atlaskit/editor-common/assets';
 import { ToolbarSize } from '@atlaskit/editor-common/types';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { clearFormatting as _clearFormatting, insertBlockQuoteWithAnalytics, insertBlockQuoteWithAnalyticsCommand, setBlockTypeWithAnalytics } from './pm-plugins/commands/block-type';
@@ -20,6 +21,7 @@ import { FloatingToolbarComponent } from './pm-plugins/ui/FloatingToolbarCompone
 import { PrimaryToolbarComponent } from './pm-plugins/ui/PrimaryToolbarComponent';
 import { getToolbarComponents } from './pm-plugins/ui/toolbar-components';
 import { getBlockTypeComponents } from './ui';
+import { getBlockTypeQuickInsertComponents } from './ui/quick-insert/getBlockTypeQuickInsertComponents';
 var headingPluginOptions = function headingPluginOptions(_ref, isAllowed, editorAnalyticsApi) {
   var formatMessage = _ref.formatMessage;
   if (!isAllowed) {
@@ -99,6 +101,7 @@ var blockTypePlugin = function blockTypePlugin(_ref3) {
   var options = _ref3.config,
     api = _ref3.api;
   var isToolbarAIFCEnabled = Boolean(api === null || api === void 0 ? void 0 : api.toolbar);
+  var isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
   var primaryToolbarComponent = function primaryToolbarComponent(_ref4) {
     var popupsMountPoint = _ref4.popupsMountPoint,
       popupsBoundariesElement = _ref4.popupsBoundariesElement,
@@ -135,6 +138,13 @@ var blockTypePlugin = function blockTypePlugin(_ref3) {
     var _api$blockMenu;
     api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents(getBlockTypeComponents(api));
   }
+  if (isRegisteredSlashCommandEnabled) {
+    var _api$uiControlRegistr, _options$allowBlockTy, _options$allowBlockTy2;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register(getBlockTypeQuickInsertComponents({
+      api: api,
+      exclude: (_options$allowBlockTy = options === null || options === void 0 || (_options$allowBlockTy2 = options.allowBlockType) === null || _options$allowBlockTy2 === void 0 ? void 0 : _options$allowBlockTy2.exclude) !== null && _options$allowBlockTy !== void 0 ? _options$allowBlockTy : []
+    }));
+  }
   return {
     name: 'blockType',
     nodes: function nodes() {
@@ -249,7 +259,7 @@ var blockTypePlugin = function blockTypePlugin(_ref3) {
           return undefined;
         }
       }
-    }), {}, {
+    }), !isRegisteredSlashCommandEnabled && {
       quickInsert: function quickInsert(intl) {
         var _api$analytics7, _api$analytics8;
         var exclude = options && options.allowBlockType && options.allowBlockType.exclude ? options.allowBlockType.exclude : [];

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

@@ -0,0 +1,100 @@
+var _tooltip, _tooltip2, _tooltip3, _tooltip4, _tooltip5, _tooltip6;
+import React, { useCallback, useMemo } from 'react';
+import { useIntl } from 'react-intl';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, tooltip } from '@atlaskit/editor-common/keymaps';
+import { blockTypeMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconHeading, IconQuote } from '@atlaskit/editor-common/assets';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+var headingQuickInsertMessages = {
+  1: {
+    description: messages.heading1Description,
+    title: messages.heading1
+  },
+  2: {
+    description: messages.heading2Description,
+    title: messages.heading2
+  },
+  3: {
+    description: messages.heading3Description,
+    title: messages.heading3
+  },
+  4: {
+    description: messages.heading4Description,
+    title: messages.heading4
+  },
+  5: {
+    description: messages.heading5Description,
+    title: messages.heading5
+  },
+  6: {
+    description: messages.heading6Description,
+    title: messages.heading6
+  }
+};
+var headingQuickInsertShortcuts = {
+  1: (_tooltip = tooltip(toggleHeading1)) !== null && _tooltip !== void 0 ? _tooltip : '',
+  2: (_tooltip2 = tooltip(toggleHeading2)) !== null && _tooltip2 !== void 0 ? _tooltip2 : '',
+  3: (_tooltip3 = tooltip(toggleHeading3)) !== null && _tooltip3 !== void 0 ? _tooltip3 : '',
+  4: (_tooltip4 = tooltip(toggleHeading4)) !== null && _tooltip4 !== void 0 ? _tooltip4 : '',
+  5: (_tooltip5 = tooltip(toggleHeading5)) !== null && _tooltip5 !== void 0 ? _tooltip5 : '',
+  6: (_tooltip6 = tooltip(toggleHeading6)) !== null && _tooltip6 !== void 0 ? _tooltip6 : ''
+};
+export var getHeadingQuickInsertMessages = function getHeadingQuickInsertMessages(level) {
+  return headingQuickInsertMessages[level];
+};
+export var getHeadingQuickInsertShortcut = function getHeadingQuickInsertShortcut(level) {
+  return headingQuickInsertShortcuts[level];
+};
+export var BlockTypeQuickInsertMenuItem = function BlockTypeQuickInsertMenuItem(_ref) {
+  var api = _ref.api,
+    item = _ref.item;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var isBlockquote = item === 'blockquote';
+  var shortcut = useMemo(function () {
+    return isBlockquote ? '>' : getHeadingQuickInsertShortcut(item);
+  }, [isBlockquote, item]);
+  var title = formatMessage(item === 'blockquote' ? messages.blockquote : getHeadingQuickInsertMessages(item).title);
+  var onSelect = useCallback(function (_ref2) {
+    var editorView = _ref2.editorView,
+      insert = _ref2.insert;
+    var schema = editorView.state.schema;
+    var tr = isBlockquote ? insert(schema.nodes.blockquote.createChecked({}, schema.nodes.paragraph.createChecked())) : insert(schema.nodes.heading.createChecked({
+      level: item
+    }));
+    if (item === 'blockquote') {
+      var _api$analytics;
+      api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
+        action: ACTION.FORMATTED,
+        actionSubject: ACTION_SUBJECT.TEXT,
+        actionSubjectId: ACTION_SUBJECT_ID.FORMAT_BLOCK_QUOTE,
+        attributes: {
+          inputMethod: INPUT_METHOD.QUICK_INSERT
+        },
+        eventType: EVENT_TYPE.TRACK
+      })(tr);
+    } else {
+      var _api$analytics2;
+      api === null || api === void 0 || (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 || _api$analytics2.actions.attachAnalyticsEvent({
+        action: ACTION.FORMATTED,
+        actionSubject: ACTION_SUBJECT.TEXT,
+        actionSubjectId: ACTION_SUBJECT_ID.FORMAT_HEADING,
+        attributes: {
+          inputMethod: INPUT_METHOD.QUICK_INSERT,
+          newHeadingLevel: item
+        },
+        eventType: EVENT_TYPE.TRACK
+      })(tr);
+    }
+    return tr;
+  }, [api, isBlockquote, item]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: isBlockquote ? /*#__PURE__*/React.createElement(IconQuote, null) : /*#__PURE__*/React.createElement(IconHeading, {
+      level: item
+    }),
+    onSelect: onSelect,
+    shortcut: shortcut,
+    title: title
+  });
+};

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

@@ -0,0 +1,82 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import React from 'react';
+import { blockTypeMessages as messages } from '@atlaskit/editor-common/messages';
+import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
+import { BLOCKQUOTE_MENU_ITEM, HEADING_1_MENU_ITEM, HEADING_2_MENU_ITEM, HEADING_3_MENU_ITEM, HEADING_4_MENU_ITEM, HEADING_5_MENU_ITEM, HEADING_6_MENU_ITEM, TEXT_FORMATTING_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { TEXT_FORMATTING_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { BlockTypeQuickInsertMenuItem, getHeadingQuickInsertMessages, getHeadingQuickInsertShortcut } from './BlockTypeQuickInsertMenuItem';
+var headingItems = [{
+  item: HEADING_1_MENU_ITEM,
+  level: 1
+}, {
+  item: HEADING_2_MENU_ITEM,
+  level: 2
+}, {
+  item: HEADING_3_MENU_ITEM,
+  level: 3
+}, {
+  item: HEADING_4_MENU_ITEM,
+  level: 4
+}, {
+  item: HEADING_5_MENU_ITEM,
+  level: 5
+}, {
+  item: HEADING_6_MENU_ITEM,
+  level: 6
+}];
+var getParent = function getParent(key) {
+  return [{
+    key: TEXT_FORMATTING_SECTION.key,
+    type: TEXT_FORMATTING_SECTION.type,
+    rank: TEXT_FORMATTING_SECTION_RANK[key]
+  }];
+};
+export var getBlockTypeQuickInsertComponents = function getBlockTypeQuickInsertComponents(_ref) {
+  var api = _ref.api,
+    exclude = _ref.exclude;
+  return [].concat(_toConsumableArray(headingItems.filter(function () {
+    return !exclude.includes('heading');
+  }).map(function (_ref2) {
+    var item = _ref2.item,
+      headingLevel = _ref2.level;
+    var headingMessages = getHeadingQuickInsertMessages(headingLevel);
+    return {
+      key: item.key,
+      type: item.type,
+      parents: getParent(item.key),
+      match: createQuickInsertMatcher(function (_ref3) {
+        var formatMessage = _ref3.formatMessage;
+        return {
+          description: formatMessage(headingMessages.description),
+          keywords: ["h".concat(headingLevel)],
+          shortcut: getHeadingQuickInsertShortcut(headingLevel),
+          title: formatMessage(headingMessages.title)
+        };
+      }),
+      component: function component() {
+        return /*#__PURE__*/React.createElement(BlockTypeQuickInsertMenuItem, {
+          api: api,
+          item: headingLevel
+        });
+      }
+    };
+  })), _toConsumableArray(!exclude.includes('blockquote') ? [{
+    key: BLOCKQUOTE_MENU_ITEM.key,
+    type: BLOCKQUOTE_MENU_ITEM.type,
+    parents: getParent(BLOCKQUOTE_MENU_ITEM.key),
+    match: createQuickInsertMatcher(function (_ref4) {
+      var formatMessage = _ref4.formatMessage;
+      return {
+        description: formatMessage(messages.blockquoteDescription),
+        shortcut: '>',
+        title: formatMessage(messages.blockquote)
+      };
+    }),
+    component: function component() {
+      return /*#__PURE__*/React.createElement(BlockTypeQuickInsertMenuItem, {
+        api: api,
+        item: "blockquote"
+      });
+    }
+  }] : []));
+};

package/dist/types/blockTypePluginType.d.ts

@@ -8,6 +8,7 @@ import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-toolbar';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { UserPreferencesPlugin } from '@atlaskit/editor-plugin-user-preferences';
+import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry';
 import type { TextBlockTypes } from './pm-plugins/block-types';
 import type { ClearFormattingInputMethod, InputMethod } from './pm-plugins/commands/block-type';
 import type { BlockTypeState } from './pm-plugins/main';
@@ -31,7 +32,8 @@ export type BlockTypePlugin = NextEditorPlugin<'blockType', {
         OptionalPlugin<ListPlugin>,
         OptionalPlugin<SelectionPlugin>,
         OptionalPlugin<InteractionPlugin>,
-        OptionalPlugin<_MarkdownModePluginStub>
+        OptionalPlugin<_MarkdownModePluginStub>,
+        OptionalPlugin<UiControlRegistryPlugin>
     ];
     pluginConfiguration: BlockTypePluginOptions | undefined;
     sharedState: BlockTypeState | undefined;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { MessageDescriptor } from 'react-intl';
+import type { ExtractInjectionAPI, HeadingLevels } from '@atlaskit/editor-common/types';
+import type { BlockTypePlugin } from '../../blockTypePluginType';
+export type BlockTypeQuickInsertItem = 'blockquote' | HeadingLevels;
+type Props = {
+    api: ExtractInjectionAPI<BlockTypePlugin> | undefined;
+    item: BlockTypeQuickInsertItem;
+};
+type HeadingQuickInsertMessages = {
+    description: MessageDescriptor;
+    title: MessageDescriptor;
+};
+export declare const getHeadingQuickInsertMessages: (level: HeadingLevels) => HeadingQuickInsertMessages;
+export declare const getHeadingQuickInsertShortcut: (level: HeadingLevels) => string;
+export declare const BlockTypeQuickInsertMenuItem: ({ api, item }: Props) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
+import type { BlockTypePlugin } from '../../blockTypePluginType';
+type Params = {
+    api: ExtractInjectionAPI<BlockTypePlugin> | undefined;
+    exclude: readonly string[];
+};
+export declare const getBlockTypeQuickInsertComponents: ({ api, exclude }: Params) => RegisterMenuItem[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-type",
-	"version": "18.0.5",
+	"version": "19.0.1",
 	"description": "BlockType plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -23,14 +23,14 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^56.7.0",
 		"@atlaskit/css": "^1.0.0",
-		"@atlaskit/editor-plugin-analytics": "^14.0.0",
-		"@atlaskit/editor-plugin-block-menu": "^13.0.0",
-		"@atlaskit/editor-plugin-interaction": "^25.0.0",
-		"@atlaskit/editor-plugin-list": "^16.0.0",
-		"@atlaskit/editor-plugin-primary-toolbar": "^15.0.0",
-		"@atlaskit/editor-plugin-selection": "^14.0.0",
-		"@atlaskit/editor-plugin-selection-toolbar": "^15.0.0",
-		"@atlaskit/editor-plugin-toolbar": "^11.0.0",
+		"@atlaskit/editor-plugin-analytics": "^15.0.0",
+		"@atlaskit/editor-plugin-block-menu": "^14.0.0",
+		"@atlaskit/editor-plugin-interaction": "^26.0.0",
+		"@atlaskit/editor-plugin-list": "^17.0.0",
+		"@atlaskit/editor-plugin-primary-toolbar": "^16.0.0",
+		"@atlaskit/editor-plugin-selection": "^15.0.0",
+		"@atlaskit/editor-plugin-selection-toolbar": "^16.0.0",
+		"@atlaskit/editor-plugin-toolbar": "^12.0.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/editor-tables": "^3.0.0",
@@ -43,14 +43,14 @@
 		"@atlaskit/primitives": "^22.2.0",
 		"@atlaskit/prosemirror-history": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^4.0.0",
-		"@atlaskit/tmp-editor-statsig": "^147.0.0",
+		"@atlaskit/tmp-editor-statsig": "^147.1.0",
 		"@atlaskit/tokens": "^16.7.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^118.10.0",
+		"@atlaskit/editor-common": "^119.1.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"