@atlaskit/editor-plugin-expand 16.0.0 → 16.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-expand
 
+## 16.0.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.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
+
 ## 16.0.0
 
 ### Patch Changes

package/dist/cjs/legacyExpand/plugin.js

@@ -5,21 +5,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.expandPlugin = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
 var _messages = require("@atlaskit/editor-common/messages");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _assets = require("@atlaskit/editor-common/assets");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _utils = require("@atlaskit/editor-common/utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _toggleExpandRange = require("../editor-commands/toggleExpandRange");
 var _ExpandBlockMenuItem = require("../ui/ExpandBlockMenuItem");
+var _getExpandQuickInsertComponents = require("../ui/quick-insert/getExpandQuickInsertComponents");
 var _commands = require("./commands");
 var _keymap = require("./pm-plugins/keymap");
 var _main = require("./pm-plugins/main");
 var _toolbar = require("./toolbar");
+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 EXPAND_NODE_NAME = 'expand';
 // Ignored via go/ees005
 // eslint-disable-next-line prefer-const
@@ -28,6 +33,7 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,
     api = _ref.api;
+  var isRegisteredSlashCommandEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command');
   if ((0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
     var _api$blockMenu;
     api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents([{
@@ -45,6 +51,13 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
       }
     }]);
   }
+  if (isRegisteredSlashCommandEnabled && options.allowInsertion === true) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register((0, _getExpandQuickInsertComponents.getExpandQuickInsertComponents)({
+      api: api,
+      isLegacy: true
+    }));
+  }
   return {
     name: 'expand',
     nodes: function nodes() {
@@ -91,8 +104,9 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
         }
       }];
     },
-    pluginsOptions: {
-      floatingToolbar: (0, _toolbar.getToolbarConfig)(api),
+    pluginsOptions: _objectSpread({
+      floatingToolbar: (0, _toolbar.getToolbarConfig)(api)
+    }, !isRegisteredSlashCommandEnabled && {
       quickInsert: function quickInsert(_ref3) {
         var formatMessage = _ref3.formatMessage;
         if (options && options.allowInsertion !== true) {
@@ -105,7 +119,7 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
           keywords: ['accordion', 'collapse'],
           priority: 600,
           icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconExpand, null);
+            return /*#__PURE__*/_react.default.createElement(_assets.IconExpand, null);
           },
           action: function action(insert, state) {
             var _api$analytics3;
@@ -130,6 +144,6 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
           }
         }];
       }
-    }
+    })
   };
 };

package/dist/cjs/singlePlayerExpand/commands.js

@@ -22,6 +22,7 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _utils4 = require("../utils");
 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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+// oxlint-disable-next-line import/no-duplicates
 // Creates either an expand or a nestedExpand node based on the current selection
 var createExpandNode = exports.createExpandNode = function createExpandNode(state) {
   var setExpandedState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;

package/dist/cjs/singlePlayerExpand/plugin.js

@@ -5,22 +5,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.expandPlugin = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _blockMenu = require("@atlaskit/editor-common/block-menu");
 var _messages = require("@atlaskit/editor-common/messages");
-var _quickInsert = require("@atlaskit/editor-common/quick-insert");
+var _assets = require("@atlaskit/editor-common/assets");
 var _utils = require("@atlaskit/editor-common/utils");
-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 _toggleExpandRange = require("../editor-commands/toggleExpandRange");
 var _ExpandBlockMenuItem = require("../ui/ExpandBlockMenuItem");
+var _getExpandQuickInsertComponents = require("../ui/quick-insert/getExpandQuickInsertComponents");
 var _commands = require("./commands");
 var _keymap = require("./pm-plugins/keymap");
 var _main = require("./pm-plugins/main");
 var _toolbar = require("./toolbar");
+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 EXPAND_NODE_NAME = 'expand';
 // Ignored via go/ees005
 // eslint-disable-next-line prefer-const
@@ -28,6 +33,7 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,
     api = _ref.api;
+  var isRegisteredSlashCommandEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command');
   if ((0, _experiments.editorExperiment)('platform_editor_block_menu', true)) {
     var _api$blockMenu;
     api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents([{
@@ -45,15 +51,22 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
       }
     }]);
   }
+  if (isRegisteredSlashCommandEnabled && options.allowInsertion === true) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register((0, _getExpandQuickInsertComponents.getExpandQuickInsertComponents)({
+      api: api,
+      isLegacy: false
+    }));
+  }
   return {
     name: 'expand',
     nodes: function nodes() {
       return [{
         name: 'expand',
-        node: (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? _adfSchema.expandWithNestedExpandLocalId : _adfSchema.expandWithNestedExpand
+        node: (0, _fg.fg)('platform_editor_adf_with_localid') ? _adfSchema.expandWithNestedExpandLocalId : _adfSchema.expandWithNestedExpand
       }, {
         name: 'nestedExpand',
-        node: (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? _adfSchema.nestedExpandWithLocalId : _adfSchema.nestedExpand
+        node: (0, _fg.fg)('platform_editor_adf_with_localid') ? _adfSchema.nestedExpandWithLocalId : _adfSchema.nestedExpand
       }];
     },
     actions: {
@@ -89,8 +102,9 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
         }
       }];
     },
-    pluginsOptions: {
-      floatingToolbar: (0, _toolbar.getToolbarConfig)(api),
+    pluginsOptions: _objectSpread({
+      floatingToolbar: (0, _toolbar.getToolbarConfig)(api)
+    }, !isRegisteredSlashCommandEnabled && {
       quickInsert: function quickInsert(_ref3) {
         var formatMessage = _ref3.formatMessage;
         if (options && options.allowInsertion !== true) {
@@ -103,7 +117,7 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
           keywords: ['accordion', 'collapse'],
           priority: 600,
           icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconExpand, null);
+            return /*#__PURE__*/_react.default.createElement(_assets.IconExpand, null);
           },
           action: function action(insert, state, source) {
             var _api$analytics;
@@ -111,7 +125,7 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
             if (!node) {
               return false;
             }
-            var tr = state.selection.empty ? insert(node) : (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? (0, _commands.wrapSelectionAndSetExpandedState)(state, node) : (0, _utils.createWrapSelectionTransaction)({
+            var tr = state.selection.empty ? insert(node) : (0, _fg.fg)('platform_editor_adf_with_localid') ? (0, _commands.wrapSelectionAndSetExpandedState)(state, node) : (0, _utils.createWrapSelectionTransaction)({
               state: state,
               type: node.type
             });
@@ -128,6 +142,6 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
           }
         }];
       }
-    }
+    })
   };
 };

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

@@ -0,0 +1,65 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExpandQuickInsertMenuItem = 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 _utils = require("@atlaskit/editor-common/utils");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _commands = require("../../legacyExpand/commands");
+var _commands2 = require("../../singlePlayerExpand/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 ExpandQuickInsertMenuItem = exports.ExpandQuickInsertMenuItem = function ExpandQuickInsertMenuItem(_ref) {
+  var api = _ref.api,
+    isLegacy = _ref.isLegacy;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['editorDisabled', 'editorViewMode'], function (states) {
+      var _states$editorDisable, _states$editorViewMod;
+      return {
+        editorDisabled: (_states$editorDisable = states.editorDisabledState) === null || _states$editorDisable === void 0 ? void 0 : _states$editorDisable.editorDisabled,
+        mode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
+      };
+    }),
+    editorDisabled = _useSharedPluginState.editorDisabled,
+    mode = _useSharedPluginState.mode;
+  var onSelect = (0, _react.useCallback)(function (_ref2) {
+    var _api$analytics;
+    var editorView = _ref2.editorView,
+      insert = _ref2.insert,
+      source = _ref2.source;
+    var state = editorView.state;
+    var node = isLegacy ? (0, _commands.createExpandNode)(state) : (0, _commands2.createExpandNode)(state, undefined, !!(api !== null && api !== void 0 && api.localId));
+    if (!node) {
+      return false;
+    }
+    var tr = state.selection.empty ? insert(node) : isLegacy || !(0, _fg.fg)('platform_editor_adf_with_localid') ? (0, _utils.createWrapSelectionTransaction)({
+      state: state,
+      type: node.type
+    }) : (0, _commands2.wrapSelectionAndSetExpandedState)(state, node);
+    api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
+      action: _analytics.ACTION.INSERTED,
+      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: node.type === state.schema.nodes.nestedExpand ? _analytics.ACTION_SUBJECT_ID.NESTED_EXPAND : _analytics.ACTION_SUBJECT_ID.EXPAND,
+      attributes: {
+        inputMethod: isLegacy ? _analytics.INPUT_METHOD.QUICK_INSERT : source
+      },
+      eventType: _analytics.EVENT_TYPE.TRACK
+    })(tr);
+    return tr;
+  }, [api, isLegacy]);
+  return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/_react.default.createElement(_assets.IconExpand, null),
+    isDisabled: editorDisabled || mode === 'view',
+    onSelect: onSelect,
+    title: formatMessage(_messages.toolbarInsertBlockMessages.expand)
+  });
+};

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

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getExpandQuickInsertComponents = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _ExpandQuickInsertMenuItem = require("./ExpandQuickInsertMenuItem");
+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 getExpandQuickInsertComponents = exports.getExpandQuickInsertComponents = function getExpandQuickInsertComponents(_ref) {
+  var api = _ref.api,
+    isLegacy = _ref.isLegacy;
+  return [{
+    key: _keys.EXPAND_MENU_ITEM.key,
+    type: _keys.EXPAND_MENU_ITEM.type,
+    parents: [_objectSpread(_objectSpread({}, _keys.STRUCTURE_SECTION), {}, {
+      rank: _rank.STRUCTURE_SECTION_RANK[_keys.EXPAND_MENU_ITEM.key]
+    })],
+    match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function (_ref2) {
+      var formatMessage = _ref2.formatMessage;
+      return {
+        description: formatMessage(_messages.toolbarInsertBlockMessages.expandDescription),
+        keywords: ['accordion', 'collapse'],
+        title: formatMessage(_messages.toolbarInsertBlockMessages.expand)
+      };
+    }),
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_ExpandQuickInsertMenuItem.ExpandQuickInsertMenuItem, {
+        api: api,
+        isLegacy: isLegacy
+      });
+    }
+  }];
+};

package/dist/es2019/legacyExpand/plugin.js

@@ -3,12 +3,14 @@ import { expandWithNestedExpand, nestedExpand } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { IconExpand } from '@atlaskit/editor-common/quick-insert';
+import { IconExpand } from '@atlaskit/editor-common/assets';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { toggleExpandRange } from '../editor-commands/toggleExpandRange';
 import { createExpandBlockMenuItem } from '../ui/ExpandBlockMenuItem';
+import { getExpandQuickInsertComponents } from '../ui/quick-insert/getExpandQuickInsertComponents';
 const EXPAND_NODE_NAME = 'expand';
 import { createExpandNode, insertExpand, insertExpandWithInputMethod, toggleExpandWithMatch } from './commands';
 import { expandKeymap } from './pm-plugins/keymap';
@@ -22,6 +24,7 @@ export let expandPlugin = ({
   api
 }) => {
   var _api$analytics, _api$analytics2;
+  const isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
   if (editorExperiment('platform_editor_block_menu', true)) {
     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([{
@@ -39,6 +42,13 @@ export let expandPlugin = ({
       }
     }]);
   }
+  if (isRegisteredSlashCommandEnabled && options.allowInsertion === true) {
+    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(getExpandQuickInsertComponents({
+      api,
+      isLegacy: true
+    }));
+  }
   return {
     name: 'expand',
     nodes() {
@@ -84,42 +94,44 @@ export let expandPlugin = ({
     },
     pluginsOptions: {
       floatingToolbar: getToolbarConfig(api),
-      quickInsert: ({
-        formatMessage
-      }) => {
-        if (options && options.allowInsertion !== true) {
-          return [];
-        }
-        return [{
-          id: 'expand',
-          title: formatMessage(messages.expand),
-          description: formatMessage(messages.expandDescription),
-          keywords: ['accordion', 'collapse'],
-          priority: 600,
-          icon: () => /*#__PURE__*/React.createElement(IconExpand, null),
-          action(insert, state) {
-            var _api$analytics3;
-            const node = createExpandNode(state);
-            if (!node) {
-              return false;
-            }
-            const tr = state.selection.empty ? insert(node) : createWrapSelectionTransaction({
-              state,
-              type: node.type
-            });
-            api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.attachAnalyticsEvent({
-              action: ACTION.INSERTED,
-              actionSubject: ACTION_SUBJECT.DOCUMENT,
-              actionSubjectId: node.type === state.schema.nodes.nestedExpand ? ACTION_SUBJECT_ID.NESTED_EXPAND : ACTION_SUBJECT_ID.EXPAND,
-              attributes: {
-                inputMethod: INPUT_METHOD.QUICK_INSERT
-              },
-              eventType: EVENT_TYPE.TRACK
-            })(tr);
-            return tr;
+      ...(!isRegisteredSlashCommandEnabled && {
+        quickInsert: ({
+          formatMessage
+        }) => {
+          if (options && options.allowInsertion !== true) {
+            return [];
           }
-        }];
-      }
+          return [{
+            id: 'expand',
+            title: formatMessage(messages.expand),
+            description: formatMessage(messages.expandDescription),
+            keywords: ['accordion', 'collapse'],
+            priority: 600,
+            icon: () => /*#__PURE__*/React.createElement(IconExpand, null),
+            action(insert, state) {
+              var _api$analytics3;
+              const node = createExpandNode(state);
+              if (!node) {
+                return false;
+              }
+              const tr = state.selection.empty ? insert(node) : createWrapSelectionTransaction({
+                state,
+                type: node.type
+              });
+              api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.attachAnalyticsEvent({
+                action: ACTION.INSERTED,
+                actionSubject: ACTION_SUBJECT.DOCUMENT,
+                actionSubjectId: node.type === state.schema.nodes.nestedExpand ? ACTION_SUBJECT_ID.NESTED_EXPAND : ACTION_SUBJECT_ID.EXPAND,
+                attributes: {
+                  inputMethod: INPUT_METHOD.QUICK_INSERT
+                },
+                eventType: EVENT_TYPE.TRACK
+              })(tr);
+              return tr;
+            }
+          }];
+        }
+      })
     }
   };
 };

package/dist/es2019/singlePlayerExpand/commands.js

@@ -6,6 +6,8 @@ import { expandedState } from '@atlaskit/editor-common/expand';
 import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { expandClassNames } from '@atlaskit/editor-common/styles';
 import { findExpand } from '@atlaskit/editor-common/transforms';
+// oxlint-disable-next-line import/no-duplicates
+
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';

package/dist/es2019/singlePlayerExpand/plugin.js

@@ -3,13 +3,15 @@ import { expandWithNestedExpand, expandWithNestedExpandLocalId, nestedExpand, ne
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { IconExpand } from '@atlaskit/editor-common/quick-insert';
+import { IconExpand } from '@atlaskit/editor-common/assets';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
-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 { toggleExpandRange } from '../editor-commands/toggleExpandRange';
 import { createExpandBlockMenuItem } from '../ui/ExpandBlockMenuItem';
+import { getExpandQuickInsertComponents } from '../ui/quick-insert/getExpandQuickInsertComponents';
 const EXPAND_NODE_NAME = 'expand';
 import { createExpandNode, insertExpand, insertExpandWithInputMethod, toggleExpandWithMatch, wrapSelectionAndSetExpandedState } from './commands';
 import { expandKeymap } from './pm-plugins/keymap';
@@ -22,6 +24,7 @@ export let expandPlugin = ({
   config: options = {},
   api
 }) => {
+  const isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
   if (editorExperiment('platform_editor_block_menu', true)) {
     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([{
@@ -39,6 +42,13 @@ export let expandPlugin = ({
       }
     }]);
   }
+  if (isRegisteredSlashCommandEnabled && options.allowInsertion === true) {
+    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(getExpandQuickInsertComponents({
+      api,
+      isLegacy: false
+    }));
+  }
   return {
     name: 'expand',
     nodes() {
@@ -82,42 +92,44 @@ export let expandPlugin = ({
     },
     pluginsOptions: {
       floatingToolbar: getToolbarConfig(api),
-      quickInsert: ({
-        formatMessage
-      }) => {
-        if (options && options.allowInsertion !== true) {
-          return [];
-        }
-        return [{
-          id: 'expand',
-          title: formatMessage(messages.expand),
-          description: formatMessage(messages.expandDescription),
-          keywords: ['accordion', 'collapse'],
-          priority: 600,
-          icon: () => /*#__PURE__*/React.createElement(IconExpand, null),
-          action(insert, state, source) {
-            var _api$analytics;
-            const node = createExpandNode(state, undefined, !!(api !== null && api !== void 0 && api.localId));
-            if (!node) {
-              return false;
-            }
-            const tr = state.selection.empty ? insert(node) : fg('platform_editor_adf_with_localid') ? wrapSelectionAndSetExpandedState(state, node) : createWrapSelectionTransaction({
-              state,
-              type: node.type
-            });
-            api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent({
-              action: ACTION.INSERTED,
-              actionSubject: ACTION_SUBJECT.DOCUMENT,
-              actionSubjectId: node.type === state.schema.nodes.nestedExpand ? ACTION_SUBJECT_ID.NESTED_EXPAND : ACTION_SUBJECT_ID.EXPAND,
-              attributes: {
-                inputMethod: source !== null && source !== void 0 ? source : INPUT_METHOD.QUICK_INSERT
-              },
-              eventType: EVENT_TYPE.TRACK
-            })(tr);
-            return tr;
+      ...(!isRegisteredSlashCommandEnabled && {
+        quickInsert: ({
+          formatMessage
+        }) => {
+          if (options && options.allowInsertion !== true) {
+            return [];
           }
-        }];
-      }
+          return [{
+            id: 'expand',
+            title: formatMessage(messages.expand),
+            description: formatMessage(messages.expandDescription),
+            keywords: ['accordion', 'collapse'],
+            priority: 600,
+            icon: () => /*#__PURE__*/React.createElement(IconExpand, null),
+            action(insert, state, source) {
+              var _api$analytics;
+              const node = createExpandNode(state, undefined, !!(api !== null && api !== void 0 && api.localId));
+              if (!node) {
+                return false;
+              }
+              const tr = state.selection.empty ? insert(node) : fg('platform_editor_adf_with_localid') ? wrapSelectionAndSetExpandedState(state, node) : createWrapSelectionTransaction({
+                state,
+                type: node.type
+              });
+              api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent({
+                action: ACTION.INSERTED,
+                actionSubject: ACTION_SUBJECT.DOCUMENT,
+                actionSubjectId: node.type === state.schema.nodes.nestedExpand ? ACTION_SUBJECT_ID.NESTED_EXPAND : ACTION_SUBJECT_ID.EXPAND,
+                attributes: {
+                  inputMethod: source !== null && source !== void 0 ? source : INPUT_METHOD.QUICK_INSERT
+                },
+                eventType: EVENT_TYPE.TRACK
+              })(tr);
+              return tr;
+            }
+          }];
+        }
+      })
     }
   };
 };

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

@@ -0,0 +1,63 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconExpand } from '@atlaskit/editor-common/assets';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { createExpandNode as createLegacyExpandNode } from '../../legacyExpand/commands';
+import { createExpandNode as createSinglePlayerExpandNode, wrapSelectionAndSetExpandedState } from '../../singlePlayerExpand/commands';
+export const ExpandQuickInsertMenuItem = ({
+  api,
+  isLegacy
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const {
+    editorDisabled,
+    mode
+  } = useSharedPluginStateWithSelector(api, ['editorDisabled', 'editorViewMode'], states => {
+    var _states$editorDisable, _states$editorViewMod;
+    return {
+      editorDisabled: (_states$editorDisable = states.editorDisabledState) === null || _states$editorDisable === void 0 ? void 0 : _states$editorDisable.editorDisabled,
+      mode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
+    };
+  });
+  const onSelect = useCallback(({
+    editorView,
+    insert,
+    source
+  }) => {
+    var _api$analytics;
+    const {
+      state
+    } = editorView;
+    const node = isLegacy ? createLegacyExpandNode(state) : createSinglePlayerExpandNode(state, undefined, !!(api !== null && api !== void 0 && api.localId));
+    if (!node) {
+      return false;
+    }
+    const tr = state.selection.empty ? insert(node) : isLegacy || !fg('platform_editor_adf_with_localid') ? createWrapSelectionTransaction({
+      state,
+      type: node.type
+    }) : wrapSelectionAndSetExpandedState(state, node);
+    api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent({
+      action: ACTION.INSERTED,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: node.type === state.schema.nodes.nestedExpand ? ACTION_SUBJECT_ID.NESTED_EXPAND : ACTION_SUBJECT_ID.EXPAND,
+      attributes: {
+        inputMethod: isLegacy ? INPUT_METHOD.QUICK_INSERT : source
+      },
+      eventType: EVENT_TYPE.TRACK
+    })(tr);
+    return tr;
+  }, [api, isLegacy]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/React.createElement(IconExpand, null),
+    isDisabled: editorDisabled || mode === 'view',
+    onSelect: onSelect,
+    title: formatMessage(messages.expand)
+  });
+};

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
+import { EXPAND_MENU_ITEM, STRUCTURE_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { ExpandQuickInsertMenuItem } from './ExpandQuickInsertMenuItem';
+export const getExpandQuickInsertComponents = ({
+  api,
+  isLegacy
+}) => [{
+  key: EXPAND_MENU_ITEM.key,
+  type: EXPAND_MENU_ITEM.type,
+  parents: [{
+    ...STRUCTURE_SECTION,
+    rank: STRUCTURE_SECTION_RANK[EXPAND_MENU_ITEM.key]
+  }],
+  match: createQuickInsertMatcher(({
+    formatMessage
+  }) => ({
+    description: formatMessage(messages.expandDescription),
+    keywords: ['accordion', 'collapse'],
+    title: formatMessage(messages.expand)
+  })),
+  component: () => /*#__PURE__*/React.createElement(ExpandQuickInsertMenuItem, {
+    api: api,
+    isLegacy: isLegacy
+  })
+}];

package/dist/esm/legacyExpand/plugin.js

@@ -1,14 +1,19 @@
+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 { expandWithNestedExpand, nestedExpand } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { IconExpand } from '@atlaskit/editor-common/quick-insert';
+import { IconExpand } from '@atlaskit/editor-common/assets';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { toggleExpandRange } from '../editor-commands/toggleExpandRange';
 import { createExpandBlockMenuItem } from '../ui/ExpandBlockMenuItem';
+import { getExpandQuickInsertComponents } from '../ui/quick-insert/getExpandQuickInsertComponents';
 var EXPAND_NODE_NAME = 'expand';
 import { createExpandNode, insertExpand, insertExpandWithInputMethod, toggleExpandWithMatch as _toggleExpandWithMatch } from './commands';
 import { expandKeymap } from './pm-plugins/keymap';
@@ -22,6 +27,7 @@ export var expandPlugin = function expandPlugin(_ref) {
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,
     api = _ref.api;
+  var isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
   if (editorExperiment('platform_editor_block_menu', true)) {
     var _api$blockMenu;
     api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents([{
@@ -39,6 +45,13 @@ export var expandPlugin = function expandPlugin(_ref) {
       }
     }]);
   }
+  if (isRegisteredSlashCommandEnabled && options.allowInsertion === true) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register(getExpandQuickInsertComponents({
+      api: api,
+      isLegacy: true
+    }));
+  }
   return {
     name: 'expand',
     nodes: function nodes() {
@@ -85,8 +98,9 @@ export var expandPlugin = function expandPlugin(_ref) {
         }
       }];
     },
-    pluginsOptions: {
-      floatingToolbar: getToolbarConfig(api),
+    pluginsOptions: _objectSpread({
+      floatingToolbar: getToolbarConfig(api)
+    }, !isRegisteredSlashCommandEnabled && {
       quickInsert: function quickInsert(_ref3) {
         var formatMessage = _ref3.formatMessage;
         if (options && options.allowInsertion !== true) {
@@ -124,6 +138,6 @@ export var expandPlugin = function expandPlugin(_ref) {
           }
         }];
       }
-    }
+    })
   };
 };

package/dist/esm/singlePlayerExpand/commands.js

@@ -9,6 +9,8 @@ import { expandedState } from '@atlaskit/editor-common/expand';
 import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { expandClassNames } from '@atlaskit/editor-common/styles';
 import { findExpand } from '@atlaskit/editor-common/transforms';
+// oxlint-disable-next-line import/no-duplicates
+
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';

package/dist/esm/singlePlayerExpand/plugin.js

@@ -1,15 +1,20 @@
+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 { expandWithNestedExpand, expandWithNestedExpandLocalId, nestedExpand, nestedExpandWithLocalId } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { TRANSFORM_STRUCTURE_EXPAND_MENU_ITEM, TRANSFORM_STRUCTURE_MENU_SECTION, TRANSFORM_STRUCTURE_MENU_SECTION_RANK } from '@atlaskit/editor-common/block-menu';
 import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
-import { IconExpand } from '@atlaskit/editor-common/quick-insert';
+import { IconExpand } from '@atlaskit/editor-common/assets';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
-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 { toggleExpandRange } from '../editor-commands/toggleExpandRange';
 import { createExpandBlockMenuItem } from '../ui/ExpandBlockMenuItem';
+import { getExpandQuickInsertComponents } from '../ui/quick-insert/getExpandQuickInsertComponents';
 var EXPAND_NODE_NAME = 'expand';
 import { createExpandNode, insertExpand, insertExpandWithInputMethod, toggleExpandWithMatch as _toggleExpandWithMatch, wrapSelectionAndSetExpandedState } from './commands';
 import { expandKeymap } from './pm-plugins/keymap';
@@ -22,6 +27,7 @@ export var expandPlugin = function expandPlugin(_ref) {
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,
     api = _ref.api;
+  var isRegisteredSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
   if (editorExperiment('platform_editor_block_menu', true)) {
     var _api$blockMenu;
     api === null || api === void 0 || (_api$blockMenu = api.blockMenu) === null || _api$blockMenu === void 0 || _api$blockMenu.actions.registerBlockMenuComponents([{
@@ -39,6 +45,13 @@ export var expandPlugin = function expandPlugin(_ref) {
       }
     }]);
   }
+  if (isRegisteredSlashCommandEnabled && options.allowInsertion === true) {
+    var _api$uiControlRegistr;
+    api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 || _api$uiControlRegistr.actions.register(getExpandQuickInsertComponents({
+      api: api,
+      isLegacy: false
+    }));
+  }
   return {
     name: 'expand',
     nodes: function nodes() {
@@ -83,8 +96,9 @@ export var expandPlugin = function expandPlugin(_ref) {
         }
       }];
     },
-    pluginsOptions: {
-      floatingToolbar: getToolbarConfig(api),
+    pluginsOptions: _objectSpread({
+      floatingToolbar: getToolbarConfig(api)
+    }, !isRegisteredSlashCommandEnabled && {
       quickInsert: function quickInsert(_ref3) {
         var formatMessage = _ref3.formatMessage;
         if (options && options.allowInsertion !== true) {
@@ -122,6 +136,6 @@ export var expandPlugin = function expandPlugin(_ref) {
           }
         }];
       }
-    }
+    })
   };
 };

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

@@ -0,0 +1,57 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
+import { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { IconExpand } from '@atlaskit/editor-common/assets';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { createExpandNode as createLegacyExpandNode } from '../../legacyExpand/commands';
+import { createExpandNode as createSinglePlayerExpandNode, wrapSelectionAndSetExpandedState } from '../../singlePlayerExpand/commands';
+export var ExpandQuickInsertMenuItem = function ExpandQuickInsertMenuItem(_ref) {
+  var api = _ref.api,
+    isLegacy = _ref.isLegacy;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['editorDisabled', 'editorViewMode'], function (states) {
+      var _states$editorDisable, _states$editorViewMod;
+      return {
+        editorDisabled: (_states$editorDisable = states.editorDisabledState) === null || _states$editorDisable === void 0 ? void 0 : _states$editorDisable.editorDisabled,
+        mode: (_states$editorViewMod = states.editorViewModeState) === null || _states$editorViewMod === void 0 ? void 0 : _states$editorViewMod.mode
+      };
+    }),
+    editorDisabled = _useSharedPluginState.editorDisabled,
+    mode = _useSharedPluginState.mode;
+  var onSelect = useCallback(function (_ref2) {
+    var _api$analytics;
+    var editorView = _ref2.editorView,
+      insert = _ref2.insert,
+      source = _ref2.source;
+    var state = editorView.state;
+    var node = isLegacy ? createLegacyExpandNode(state) : createSinglePlayerExpandNode(state, undefined, !!(api !== null && api !== void 0 && api.localId));
+    if (!node) {
+      return false;
+    }
+    var tr = state.selection.empty ? insert(node) : isLegacy || !fg('platform_editor_adf_with_localid') ? createWrapSelectionTransaction({
+      state: state,
+      type: node.type
+    }) : wrapSelectionAndSetExpandedState(state, node);
+    api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
+      action: ACTION.INSERTED,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: node.type === state.schema.nodes.nestedExpand ? ACTION_SUBJECT_ID.NESTED_EXPAND : ACTION_SUBJECT_ID.EXPAND,
+      attributes: {
+        inputMethod: isLegacy ? INPUT_METHOD.QUICK_INSERT : source
+      },
+      eventType: EVENT_TYPE.TRACK
+    })(tr);
+    return tr;
+  }, [api, isLegacy]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/React.createElement(IconExpand, null),
+    isDisabled: editorDisabled || mode === 'view',
+    onSelect: onSelect,
+    title: formatMessage(messages.expand)
+  });
+};

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

@@ -0,0 +1,34 @@
+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 { toolbarInsertBlockMessages as messages } from '@atlaskit/editor-common/messages';
+import { createQuickInsertMatcher } from '@atlaskit/editor-common/quick-insert/create-quick-insert-matcher';
+import { EXPAND_MENU_ITEM, STRUCTURE_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { STRUCTURE_SECTION_RANK } from '@atlaskit/editor-common/quick-insert/rank';
+import { ExpandQuickInsertMenuItem } from './ExpandQuickInsertMenuItem';
+export var getExpandQuickInsertComponents = function getExpandQuickInsertComponents(_ref) {
+  var api = _ref.api,
+    isLegacy = _ref.isLegacy;
+  return [{
+    key: EXPAND_MENU_ITEM.key,
+    type: EXPAND_MENU_ITEM.type,
+    parents: [_objectSpread(_objectSpread({}, STRUCTURE_SECTION), {}, {
+      rank: STRUCTURE_SECTION_RANK[EXPAND_MENU_ITEM.key]
+    })],
+    match: createQuickInsertMatcher(function (_ref2) {
+      var formatMessage = _ref2.formatMessage;
+      return {
+        description: formatMessage(messages.expandDescription),
+        keywords: ['accordion', 'collapse'],
+        title: formatMessage(messages.expand)
+      };
+    }),
+    component: function component() {
+      return /*#__PURE__*/React.createElement(ExpandQuickInsertMenuItem, {
+        api: api,
+        isLegacy: isLegacy
+      });
+    }
+  }];
+};

package/dist/types/types.d.ts

@@ -9,6 +9,7 @@ import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmo
 import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { LimitedModePlugin } from '@atlaskit/editor-plugin-limited-mode/limited-mode-plugin-type';
 import type { LocalIdPlugin } from '@atlaskit/editor-plugin-local-id';
+import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { SelectionMarkerPlugin } from '@atlaskit/editor-plugin-selection-marker';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
@@ -57,7 +58,8 @@ export type ExpandPluginDependencies = [
     OptionalPlugin<LimitedModePlugin>,
     OptionalPlugin<BlockMenuPlugin>,
     OptionalPlugin<LocalIdPlugin>,
-    OptionalPlugin<BlockControlsPlugin>
+    OptionalPlugin<BlockControlsPlugin>,
+    OptionalPlugin<UiControlRegistryPlugin>
 ];
 export type ExpandPlugin = NextEditorPlugin<'expand', {
     actions: {

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ExpandPlugin } from '../../types';
+type Props = {
+    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
+    isLegacy: boolean;
+};
+export declare const ExpandQuickInsertMenuItem: ({ api, isLegacy }: Props) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { RegisterMenuItem } from '@atlaskit/editor-ui-control-model/types';
+import type { ExpandPlugin } from '../../types';
+export declare const getExpandQuickInsertComponents: ({ api, isLegacy, }: {
+    api: ExtractInjectionAPI<ExpandPlugin> | undefined;
+    isLegacy: boolean;
+}) => RegisterMenuItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-expand",
-	"version": "16.0.0",
+	"version": "16.0.2",
 	"description": "Expand plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -21,7 +21,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^56.7.0",
+		"@atlaskit/adf-schema": "^57.0.0",
 		"@atlaskit/button": "^25.0.0",
 		"@atlaskit/editor-plugin-analytics": "^15.0.0",
 		"@atlaskit/editor-plugin-block-controls": "^16.0.0",
@@ -37,6 +37,7 @@
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/editor-tables": "^3.0.0",
 		"@atlaskit/editor-toolbar": "^2.4.0",
+		"@atlaskit/editor-ui-control-model": "^2.6.0",
 		"@atlaskit/icon": "^37.3.0",
 		"@atlaskit/icon-lab": "^7.5.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
@@ -51,7 +52,7 @@
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^119.0.0",
+		"@atlaskit/editor-common": "^119.4.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"