@atlaskit/editor-core 223.0.7 → 223.1.1

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @atlaskit/editor-core
 
+## 223.1.1
+
+### Patch Changes
+
+- [`3a4c286fdb8c1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3a4c286fdb8c1) -
+  Add registry-backed Quick Insert search matching under the existing
+  `platform_editor_slash_command` experiment. Make native, provider, and extension registered Quick
+  Insert items searchable.
+- Updated dependencies
+
+## 223.1.0
+
+### Minor Changes
+
+- [`c0cf420333ef1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c0cf420333ef1) -
+  Add public registration APIs for provider-backed Quick Insert components.
+
+  Providers can expose registered items directly:
+
+  ```tsx
+  const getComponents = async () => [
+  	{
+  		key: 'insert-table',
+  		component: TableItem,
+  		parents: [{ type: 'menu-section', key: 'quick-insert', rank: 1 }],
+  	},
+  ];
+  ```
+
+### Patch Changes
+
+- [`22be41a95d07e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22be41a95d07e) -
+  Clean up feature gate `platform_editor_reconfigure_filter_plugins`. On preset reconfiguration,
+  plugins whose nodes/marks the current schema lacks are always filtered out, and stale plugin APIs
+  are always evicted from the plugin injection API.
+- Updated dependencies
+
 ## 223.0.7
 
 ### Patch Changes

package/dist/cjs/create-editor/ReactEditorView.js

@@ -478,7 +478,7 @@ function ReactEditorView(props) {
     // (purpose 2). When NOT rebuilding, run both — even under the
     // `cc-markdown-mode` experiment, otherwise no-op preset identity
     // changes would silently leave a broken plugin/schema mismatch.
-    if (presetChanged && (0, _platformFeatureFlags.fg)('platform_editor_reconfigure_filter_plugins')) {
+    if (presetChanged) {
       var dropped = [];
       if (!shouldRebuildSchema) {
         var _result = (0, _filterPluginsForReconfigure.filterPluginsForReconfigure)(editorPlugins, viewRef.current.state.schema, previousPluginNames);

package/dist/cjs/presets/default.js

@@ -43,6 +43,7 @@ var _undoRedo = require("@atlaskit/editor-plugins/undo-redo");
 var _unsupportedContent = require("@atlaskit/editor-plugins/unsupported-content");
 var _userIntent = require("@atlaskit/editor-plugins/user-intent");
 var _width = require("@atlaskit/editor-plugins/width");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
@@ -75,7 +76,7 @@ function createDefaultPreset(options) {
     contextIdentifierProvider: options.contextIdentifierProvider
   }]).add([_base.basePlugin, options.base]).add(_decorations.decorationsPlugin).add([_typeAhead.typeAheadPlugin, options.typeAhead]).maybeAdd(_history.historyPlugin, Boolean(options.allowUndoRedoButtons)).add(_userIntent.userIntentPlugin).maybeAdd([_toolbar.toolbarPlugin, options.toolbar || {}], Boolean((_options$toolbar = options.toolbar) === null || _options$toolbar === void 0 ? void 0 : _options$toolbar.enableNewToolbarExperience)).add([_primaryToolbar.primaryToolbarPlugin, {
     contextualFormattingEnabled: isFullPage
-  }]).maybeAdd(_uiControlRegistry.uiControlRegistryPlugin, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_menu', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_paste_actions_menu', 'isEnabled', true)).maybeAdd(_undoRedo.undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).maybeAdd([_blockMenu.blockMenuPlugin, {
+  }]).maybeAdd(_uiControlRegistry.uiControlRegistryPlugin, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_table_menu_updates', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_menu', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_paste_actions_menu', 'isEnabled', true) || (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command')).maybeAdd(_undoRedo.undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).maybeAdd([_blockMenu.blockMenuPlugin, {
     useStandardNodeWidth: (_options$blockMenu$us = (_options$blockMenu = options.blockMenu) === null || _options$blockMenu === void 0 ? void 0 : _options$blockMenu.useStandardNodeWidth) !== null && _options$blockMenu$us !== void 0 ? _options$blockMenu$us : false,
     blockLinkHashPrefix: (_options$blockMenu2 = options.blockMenu) === null || _options$blockMenu2 === void 0 ? void 0 : _options$blockMenu2.blockLinkHashPrefix,
     getLinkPath: (_options$blockMenu3 = options.blockMenu) === null || _options$blockMenu3 === void 0 ? void 0 : _options$blockMenu3.getLinkPath

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

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExtensionQuickInsertIcon = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireDefault(require("react"));
+var _apps = _interopRequireDefault(require("@atlaskit/icon/core/apps"));
+var lazyExtensionIconCache = new WeakMap();
+var resolveExtensionIcon = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(getIcon) {
+    var maybeIcon, _default, _t;
+    return _regenerator.default.wrap(function (_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          _context.next = 1;
+          return getIcon === null || getIcon === void 0 ? void 0 : getIcon();
+        case 1:
+          maybeIcon = _context.sent;
+          if (maybeIcon) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return", _apps.default);
+        case 2:
+          if (!Object.prototype.hasOwnProperty.call(maybeIcon, 'default')) {
+            _context.next = 3;
+            break;
+          }
+          return _context.abrupt("return", (_default = maybeIcon.default) !== null && _default !== void 0 ? _default : _apps.default);
+        case 3:
+          return _context.abrupt("return", maybeIcon);
+        case 4:
+          _context.prev = 4;
+          _t = _context["catch"](0);
+          return _context.abrupt("return", _apps.default);
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 4]]);
+  }));
+  return function resolveExtensionIcon(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var createLazyExtensionIcon = function createLazyExtensionIcon(getIcon) {
+  var cachedIcon = lazyExtensionIconCache.get(getIcon);
+  if (cachedIcon) {
+    return cachedIcon;
+  }
+  var LazyIcon = /*#__PURE__*/_react.default.lazy(function () {
+    return resolveExtensionIcon(getIcon).then(function (Icon) {
+      return {
+        default: Icon
+      };
+    });
+  });
+  LazyIcon.displayName = 'lazy(ExtensionIcon)';
+  var Icon = function Icon(props) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
+      fallback: /*#__PURE__*/_react.default.createElement(_apps.default, {
+        label: props.label
+      })
+    }, /*#__PURE__*/_react.default.createElement(LazyIcon, {
+      label: props.label
+    }));
+  };
+  lazyExtensionIconCache.set(getIcon, Icon);
+  return Icon;
+};
+var ExtensionQuickInsertIcon = exports.ExtensionQuickInsertIcon = function ExtensionQuickInsertIcon(_ref2) {
+  var getIcon = _ref2.getIcon,
+    label = _ref2.label;
+  var Icon = _react.default.useMemo(function () {
+    return getIcon ? createLazyExtensionIcon(getIcon) : _apps.default;
+  }, [getIcon]);
+  return /*#__PURE__*/_react.default.createElement(Icon, {
+    label: label
+  });
+};

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

@@ -0,0 +1,47 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExtensionQuickInsertMenuItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
+var _useQuickInsertContext = require("@atlaskit/editor-common/quick-insert/use-quick-insert-context");
+var _executeExtensionQuickInsertItem = require("./executeExtensionQuickInsertItem");
+var _ExtensionQuickInsertIcon = require("./ExtensionQuickInsertIcon");
+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 ExtensionQuickInsertMenuItem = exports.ExtensionQuickInsertMenuItem = function ExtensionQuickInsertMenuItem(_ref) {
+  var apiRef = _ref.apiRef,
+    createAnalyticsEvent = _ref.createAnalyticsEvent,
+    item = _ref.item,
+    onInsert = _ref.onInsert;
+  var _useQuickInsertContex = (0, _useQuickInsertContext.useQuickInsertContext)(),
+    editorView = _useQuickInsertContex.editorView,
+    isOffline = _useQuickInsertContex.isOffline;
+  var onSelect = (0, _react.useCallback)(function (_ref2) {
+    var insert = _ref2.insert,
+      source = _ref2.source;
+    var result = (0, _executeExtensionQuickInsertItem.executeExtensionQuickInsertItem)({
+      apiRef: apiRef,
+      createAnalyticsEvent: createAnalyticsEvent,
+      insert: insert,
+      item: item,
+      source: source,
+      state: editorView.state
+    });
+    if (result) {
+      onInsert === null || onInsert === void 0 || onInsert();
+    }
+    return result;
+  }, [apiRef, createAnalyticsEvent, editorView.state, item, onInsert]);
+  return /*#__PURE__*/_react.default.createElement(_menuItem.QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/_react.default.createElement(_ExtensionQuickInsertIcon.ExtensionQuickInsertIcon, {
+      getIcon: item.icon,
+      label: ""
+    }),
+    isDisabled: isOffline,
+    onSelect: onSelect,
+    title: item.title
+  });
+};

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

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.executeExtensionQuickInsertItem = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _extensions = require("@atlaskit/editor-common/extensions");
+var _insert = require("@atlaskit/editor-common/insert");
+var _monitoring = require("@atlaskit/editor-common/monitoring");
+var _processRawValue = require("@atlaskit/editor-common/process-raw-value");
+var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
+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 sendAnalytics = function sendAnalytics(item, selection, createAnalyticsEvent, source) {
+  if (createAnalyticsEvent) {
+    var insertLocation = (0, _analytics2.findInsertLocation)(selection);
+    (0, _analytics.fireAnalyticsEvent)(createAnalyticsEvent)({
+      payload: {
+        action: _analytics.ACTION.INSERTED,
+        actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.EXTENSION,
+        attributes: _objectSpread({
+          extensionType: item.extensionType,
+          extensionKey: item.extensionKey,
+          key: item.key,
+          inputMethod: source || _analytics.INPUT_METHOD.QUICK_INSERT
+        }, insertLocation ? {
+          insertLocation: insertLocation
+        } : {}),
+        eventType: _analytics.EVENT_TYPE.TRACK
+      }
+    });
+  }
+};
+var warnDummyAPI = function warnDummyAPI(location) {
+  if (process.env.NODE_ENV !== 'production') {
+    // eslint-disable-next-line no-console
+    console.warn('Extension plugin not attached to editor - cannot use extension API in ' + location);
+  }
+};
+var dummyExtensionAPI = {
+  editInContextPanel: function editInContextPanel() {
+    return warnDummyAPI('editInContextPanel');
+  },
+  _editInLegacyMacroBrowser: function _editInLegacyMacroBrowser() {
+    return warnDummyAPI('_editInLegacyMacroBrowser');
+  },
+  getNodeWithPosByLocalId: function getNodeWithPosByLocalId() {
+    return {
+      node: null,
+      pos: null
+    };
+  },
+  doc: {
+    insertAfter: function insertAfter() {
+      return warnDummyAPI('doc:insertAfter');
+    },
+    scrollTo: function scrollTo() {
+      return warnDummyAPI('doc:scrollTo');
+    },
+    update: function update() {
+      return warnDummyAPI('doc:update');
+    }
+  }
+};
+var executeExtensionQuickInsertItem = exports.executeExtensionQuickInsertItem = function executeExtensionQuickInsertItem(_ref) {
+  var apiRef = _ref.apiRef,
+    createAnalyticsEvent = _ref.createAnalyticsEvent,
+    insert = _ref.insert,
+    item = _ref.item,
+    source = _ref.source,
+    state = _ref.state;
+  if (typeof item.node === 'function') {
+    var _apiRef$current$exten, _apiRef$current;
+    var extensionAPI = (_apiRef$current$exten = (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.extension) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.actions) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.api()) !== null && _apiRef$current$exten !== void 0 ? _apiRef$current$exten : dummyExtensionAPI;
+    void (0, _extensions.resolveImport)(item.node(extensionAPI)).then(function (node) {
+      sendAnalytics(item, state.selection, createAnalyticsEvent, source);
+      if (node && apiRef.current) {
+        apiRef.current.core.actions.execute(function (_ref2) {
+          var _safeInsert$scrollInt, _safeInsert;
+          var tr = _ref2.tr;
+          var content = (0, _processRawValue.processRawValue)(tr.doc.type.schema, node);
+          return content ? (_safeInsert$scrollInt = (_safeInsert = (0, _insert.safeInsert)(content)(tr)) === null || _safeInsert === void 0 ? void 0 : _safeInsert.scrollIntoView()) !== null && _safeInsert$scrollInt !== void 0 ? _safeInsert$scrollInt : null : null;
+        });
+      }
+    }).catch(function (error) {
+      return (0, _monitoring.logException)(error, {
+        location: 'editor-core/quick-insert'
+      });
+    });
+    return insert('');
+  }
+  sendAnalytics(item, state.selection, createAnalyticsEvent, source);
+  return insert(item.node);
+};

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

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getExtensionQuickInsertComponents = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/create-quick-insert-matcher");
+var _getMenuItemParents = require("@atlaskit/editor-common/quick-insert/get-menu-item-parents");
+var _rank = require("@atlaskit/editor-common/quick-insert/rank");
+var _ExtensionQuickInsertMenuItem = require("./ExtensionQuickInsertMenuItem");
+var getExtensionQuickInsertComponents = exports.getExtensionQuickInsertComponents = function getExtensionQuickInsertComponents(_ref) {
+  var apiRef = _ref.apiRef,
+    createAnalyticsEvent = _ref.createAnalyticsEvent,
+    items = _ref.items;
+  return items.map(function (item, index) {
+    var _item$priority;
+    return {
+      type: 'menu-item',
+      key: item.key,
+      parents: (0, _getMenuItemParents.getQuickInsertMenuItemParents)({
+        categories: item.categories,
+        rank: _rank.EXTENSION_ITEM_RANK + ((_item$priority = item.priority) !== null && _item$priority !== void 0 ? _item$priority : index)
+      }),
+      match: (0, _createQuickInsertMatcher.createQuickInsertMatcher)(function () {
+        return {
+          description: item.description,
+          keywords: item.keywords,
+          title: item.title
+        };
+      }),
+      component: function component(props) {
+        var onInsert = typeof props.onInsert === 'function' ? props.onInsert : undefined;
+        return /*#__PURE__*/_react.default.createElement(_ExtensionQuickInsertMenuItem.ExtensionQuickInsertMenuItem, {
+          apiRef: apiRef,
+          createAnalyticsEvent: createAnalyticsEvent,
+          item: item,
+          onInsert: onInsert
+        });
+      }
+    };
+  });
+};

package/dist/cjs/utils/combineQuickInsertProviders.js

@@ -7,8 +7,12 @@ exports.combineQuickInsertProviders = combineQuickInsertProviders;
 var _providerHelpers = require("@atlaskit/editor-common/provider-helpers");
 function combineQuickInsertProviders(quickInsertProviders) {
   var _combineProviders = (0, _providerHelpers.combineProviders)(quickInsertProviders),
-    invokeList = _combineProviders.invokeList;
+    invokeList = _combineProviders.invokeList,
+    invokeOptionalList = _combineProviders.invokeOptionalList;
   return {
+    getComponents: function getComponents() {
+      return invokeOptionalList('getComponents');
+    },
     getItems: function getItems() {
       return invokeList('getItems');
     }

package/dist/cjs/utils/extensions.js

@@ -13,6 +13,8 @@ var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _analytics2 = require("@atlaskit/editor-common/utils/analytics");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+var _getExtensionQuickInsertComponents = require("../ui/quick-insert/getExtensionQuickInsertComponents");
 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; }
 // Structural shape of the markdown-mode plugin's slice of the injection API.
@@ -21,7 +23,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 // dependency graph and force every consuming product to rebuild.
 
 /**
- * Utils to send analytics event when a extension is inserted using quickInsert
+ * Utils to send analytics event when an extension is inserted using quickInsert
  */
 function sendExtensionQuickInsertAnalytics(item, selection, createAnalyticsEvent, source) {
   if (createAnalyticsEvent) {
@@ -35,7 +37,6 @@ function sendExtensionQuickInsertAnalytics(item, selection, createAnalyticsEvent
           extensionType: item.extensionType,
           extensionKey: item.extensionKey,
           key: item.key,
-          // @note inputMethod defaults to QUICK_INSERT if not provided
           inputMethod: source || _analytics.INPUT_METHOD.QUICK_INSERT
         }, insertLocation ? {
           insertLocation: insertLocation
@@ -76,12 +77,14 @@ var dummyExtensionAPI = {
     }
   }
 };
+
+/** Creates legacy and registered Quick Insert representations for extensions. */
 function extensionProviderToQuickInsertProvider(_x, _x2, _x3, _x4) {
   return _extensionProviderToQuickInsertProvider.apply(this, arguments);
 }
 function _extensionProviderToQuickInsertProvider() {
   _extensionProviderToQuickInsertProvider = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(extensionProvider, editorActions, apiRef, createAnalyticsEvent) {
-    var extensions;
+    var extensions, getMenuItems;
     return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -89,14 +92,31 @@ function _extensionProviderToQuickInsertProvider() {
           return extensionProvider.getExtensions();
         case 1:
           extensions = _context.sent;
+          getMenuItems = function getMenuItems() {
+            return (0, _extensions.getQuickInsertItemsFromModule)(extensions, function (item) {
+              return item;
+            });
+          };
           return _context.abrupt("return", {
-            getItems: function getItems() {
+            getComponents: function getComponents() {
               var _apiRef$current;
+              var isMarkdownMode = (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.markdownMode) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.sharedState.currentState()) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.isMarkdownMode;
+              if (!(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command') || isMarkdownMode) {
+                return Promise.resolve([]);
+              }
+              return Promise.resolve((0, _getExtensionQuickInsertComponents.getExtensionQuickInsertComponents)({
+                apiRef: apiRef,
+                createAnalyticsEvent: createAnalyticsEvent,
+                items: getMenuItems()
+              }));
+            },
+            getItems: function getItems() {
+              var _apiRef$current2;
               // `extensionProvider` is supplied independently of the preset, so
               // suppress its items in markdown mode where rich-only content cannot
               // be inserted. See `MarkdownModeReader` above for why this is read
               // via a structural cast rather than the typed plugin API.
-              var isMarkdownMode = (_apiRef$current = apiRef.current) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.markdownMode) === null || _apiRef$current === void 0 || (_apiRef$current = _apiRef$current.sharedState.currentState()) === null || _apiRef$current === void 0 ? void 0 : _apiRef$current.isMarkdownMode;
+              var isMarkdownMode = (_apiRef$current2 = apiRef.current) === null || _apiRef$current2 === void 0 || (_apiRef$current2 = _apiRef$current2.markdownMode) === null || _apiRef$current2 === void 0 || (_apiRef$current2 = _apiRef$current2.sharedState.currentState()) === null || _apiRef$current2 === void 0 ? void 0 : _apiRef$current2.isMarkdownMode;
               if (isMarkdownMode) {
                 return Promise.resolve([]);
               }
@@ -127,10 +147,12 @@ function _extensionProviderToQuickInsertProvider() {
                   lozenge: item.lozenge
                 }), {}, {
                   isDisabledOffline: true,
+                  // This legacy action intentionally mirrors executeExtensionQuickInsertItem,
+                  // which serves the registered representation of the same item.
                   action: function action(insert, state, source) {
                     if (typeof item.node === 'function') {
-                      var _apiRef$current2;
-                      var extensionAPI = apiRef === null || apiRef === void 0 || (_apiRef$current2 = apiRef.current) === null || _apiRef$current2 === void 0 || (_apiRef$current2 = _apiRef$current2.extension) === null || _apiRef$current2 === void 0 || (_apiRef$current2 = _apiRef$current2.actions) === null || _apiRef$current2 === void 0 ? void 0 : _apiRef$current2.api();
+                      var _apiRef$current3;
+                      var extensionAPI = apiRef === null || apiRef === void 0 || (_apiRef$current3 = apiRef.current) === null || _apiRef$current3 === void 0 || (_apiRef$current3 = _apiRef$current3.extension) === null || _apiRef$current3 === void 0 || (_apiRef$current3 = _apiRef$current3.actions) === null || _apiRef$current3 === void 0 ? void 0 : _apiRef$current3.api();
                       // While this should only run when the extension some setups of editor
                       // may not have the extension API
                       if (extensionAPI) {
@@ -143,8 +165,7 @@ function _extensionProviderToQuickInsertProvider() {
                       } else {
                         // Originally it was understood we could only use this if we were using the extension plugin
                         // However there are some edge cases where this is not true (ie. in jira)
-                        // Since making it optional now would be a breaking change - instead we can just pass a dummy
-                        // extension API to consumers that warns them of using the methods.
+                        // Since making it optional now would be a breaking change - instead we can just pass a dummy extension API to consumers that warns them of using the methods.
                         (0, _extensions.resolveImport)(item.node(dummyExtensionAPI)).then(function (node) {
                           sendExtensionQuickInsertAnalytics(item, state.selection, createAnalyticsEvent, source);
                           if (node) {

package/dist/cjs/version-wrapper.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
 // eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
-var version = exports.version = "223.0.6";
+var version = exports.version = "223.1.0";

package/dist/es2019/create-editor/ReactEditorView.js

@@ -438,7 +438,7 @@ export function ReactEditorView(props) {
     // (purpose 2). When NOT rebuilding, run both — even under the
     // `cc-markdown-mode` experiment, otherwise no-op preset identity
     // changes would silently leave a broken plugin/schema mismatch.
-    if (presetChanged && fg('platform_editor_reconfigure_filter_plugins')) {
+    if (presetChanged) {
       let dropped = [];
       if (!shouldRebuildSchema) {
         const result = filterPluginsForReconfigure(editorPlugins, viewRef.current.state.schema, previousPluginNames);

package/dist/es2019/presets/default.js

@@ -36,6 +36,7 @@ import { undoRedoPlugin } from '@atlaskit/editor-plugins/undo-redo';
 import { unsupportedContentPlugin } from '@atlaskit/editor-plugins/unsupported-content';
 import { userIntentPlugin } from '@atlaskit/editor-plugins/user-intent';
 import { widthPlugin } from '@atlaskit/editor-plugins/width';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
@@ -66,7 +67,7 @@ export function createDefaultPreset(options) {
     contextIdentifierProvider: options.contextIdentifierProvider
   }]).add([basePlugin, options.base]).add(decorationsPlugin).add([typeAheadPlugin, options.typeAhead]).maybeAdd(historyPlugin, Boolean(options.allowUndoRedoButtons)).add(userIntentPlugin).maybeAdd([toolbarPlugin, options.toolbar || {}], Boolean((_options$toolbar = options.toolbar) === null || _options$toolbar === void 0 ? void 0 : _options$toolbar.enableNewToolbarExperience)).add([primaryToolbarPlugin, {
     contextualFormattingEnabled: isFullPage
-  }]).maybeAdd(uiControlRegistryPlugin, expValEqualsNoExposure('platform_editor_table_menu_updates', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_paste_actions_menu', 'isEnabled', true)).maybeAdd(undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).maybeAdd([blockMenuPlugin, {
+  }]).maybeAdd(uiControlRegistryPlugin, expValEqualsNoExposure('platform_editor_table_menu_updates', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_paste_actions_menu', 'isEnabled', true) || isExperimentEnabled('platform_editor_slash_command')).maybeAdd(undoRedoPlugin, Boolean((_options$featureFlags = (_options$featureFlags2 = options.featureFlags) === null || _options$featureFlags2 === void 0 ? void 0 : _options$featureFlags2.undoRedoButtons) !== null && _options$featureFlags !== void 0 ? _options$featureFlags : options.allowUndoRedoButtons)).maybeAdd([blockMenuPlugin, {
     useStandardNodeWidth: (_options$blockMenu$us = (_options$blockMenu = options.blockMenu) === null || _options$blockMenu === void 0 ? void 0 : _options$blockMenu.useStandardNodeWidth) !== null && _options$blockMenu$us !== void 0 ? _options$blockMenu$us : false,
     blockLinkHashPrefix: (_options$blockMenu2 = options.blockMenu) === null || _options$blockMenu2 === void 0 ? void 0 : _options$blockMenu2.blockLinkHashPrefix,
     getLinkPath: (_options$blockMenu3 = options.blockMenu) === null || _options$blockMenu3 === void 0 ? void 0 : _options$blockMenu3.getLinkPath

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import AppsIcon from '@atlaskit/icon/core/apps';
+const lazyExtensionIconCache = new WeakMap();
+const resolveExtensionIcon = async getIcon => {
+  try {
+    const maybeIcon = await (getIcon === null || getIcon === void 0 ? void 0 : getIcon());
+    if (!maybeIcon) {
+      return AppsIcon;
+    }
+    if (Object.prototype.hasOwnProperty.call(maybeIcon, 'default')) {
+      var _default;
+      return (_default = maybeIcon.default) !== null && _default !== void 0 ? _default : AppsIcon;
+    }
+    return maybeIcon;
+  } catch {
+    return AppsIcon;
+  }
+};
+const createLazyExtensionIcon = getIcon => {
+  const cachedIcon = lazyExtensionIconCache.get(getIcon);
+  if (cachedIcon) {
+    return cachedIcon;
+  }
+  const LazyIcon = /*#__PURE__*/React.lazy(() => resolveExtensionIcon(getIcon).then(Icon => ({
+    default: Icon
+  })));
+  LazyIcon.displayName = 'lazy(ExtensionIcon)';
+  const Icon = props => /*#__PURE__*/React.createElement(React.Suspense, {
+    fallback: /*#__PURE__*/React.createElement(AppsIcon, {
+      label: props.label
+    })
+  }, /*#__PURE__*/React.createElement(LazyIcon, {
+    label: props.label
+  }));
+  lazyExtensionIconCache.set(getIcon, Icon);
+  return Icon;
+};
+export const ExtensionQuickInsertIcon = ({
+  getIcon,
+  label
+}) => {
+  const Icon = React.useMemo(() => getIcon ? createLazyExtensionIcon(getIcon) : AppsIcon, [getIcon]);
+  return /*#__PURE__*/React.createElement(Icon, {
+    label: label
+  });
+};

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

@@ -0,0 +1,42 @@
+import React, { useCallback } from 'react';
+import { QuickInsertMenuItem } from '@atlaskit/editor-common/quick-insert/menu-item';
+import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
+import { executeExtensionQuickInsertItem } from './executeExtensionQuickInsertItem';
+import { ExtensionQuickInsertIcon } from './ExtensionQuickInsertIcon';
+export const ExtensionQuickInsertMenuItem = ({
+  apiRef,
+  createAnalyticsEvent,
+  item,
+  onInsert
+}) => {
+  const {
+    editorView,
+    isOffline
+  } = useQuickInsertContext();
+  const onSelect = useCallback(({
+    insert,
+    source
+  }) => {
+    const result = executeExtensionQuickInsertItem({
+      apiRef,
+      createAnalyticsEvent,
+      insert,
+      item,
+      source,
+      state: editorView.state
+    });
+    if (result) {
+      onInsert === null || onInsert === void 0 ? void 0 : onInsert();
+    }
+    return result;
+  }, [apiRef, createAnalyticsEvent, editorView.state, item, onInsert]);
+  return /*#__PURE__*/React.createElement(QuickInsertMenuItem, {
+    iconBefore: /*#__PURE__*/React.createElement(ExtensionQuickInsertIcon, {
+      getIcon: item.icon,
+      label: ""
+    }),
+    isDisabled: isOffline,
+    onSelect: onSelect,
+    title: item.title
+  });
+};