@atlaskit/editor-core 187.30.10 → 187.31.0

package/dist/es2019/ui/ElementBrowser/InsertMenu.js

@@ -10,10 +10,6 @@ import { themed } from '@atlaskit/theme/components';
 import { DN50, N0, N30A, N60A } from '@atlaskit/theme/colors';
 import { IconCode, IconDate, IconDecision, IconDivider, IconExpand, IconPanel, IconQuote, IconStatus } from '@atlaskit/editor-common/quick-insert';
 import withOuterListeners from '../with-outer-listeners';
-import WithPluginState from '../WithPluginState';
-import { pluginKey } from '../../plugins/quick-insert/plugin-key';
-import { getFeaturedQuickInsertItems, searchQuickInsertItems } from '../../plugins/quick-insert/search';
-import { insertItem } from '../../plugins/quick-insert/commands';
 import ElementBrowser from './components/ElementBrowserLoader';
 import { ELEMENT_ITEM_HEIGHT } from './constants';
 const InsertMenu = ({
@@ -21,8 +17,10 @@ const InsertMenu = ({
   dropdownItems,
   showElementBrowserLink,
   onInsert,
-  toggleVisiblity
+  toggleVisiblity,
+  pluginInjectionApi
 }) => {
+  var _pluginInjectionApi$d10, _pluginInjectionApi$d11, _pluginInjectionApi$d12, _pluginInjectionApi$d13;
   const [itemCount, setItemCount] = useState(0);
   const transform = useCallback(item => ({
     title: item.content,
@@ -45,13 +43,14 @@ const InsertMenu = ({
   const quickInsertDropdownItems = dropdownItems.map(transform);
   const viewMoreItem = showElementBrowserLink ? quickInsertDropdownItems.pop() : undefined;
   const onInsertItem = useCallback(item => {
+    var _pluginInjectionApi$d;
     toggleVisiblity();
     if (!editorView.hasFocus()) {
       editorView.focus();
     }
-    insertItem(item)(editorView.state, editorView.dispatch);
-  }, [editorView, toggleVisiblity]);
-  const getItems = useCallback(quickInsertState => (query, category) => {
+    pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.quickInsert) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.insertItem(item)(editorView.state, editorView.dispatch);
+  }, [editorView, toggleVisiblity, pluginInjectionApi]);
+  const getItems = useCallback((query, category) => {
     let result;
     /**
      * @warning The results if there is a query are not the same as the results if there is no query.
@@ -60,23 +59,35 @@ const InsertMenu = ({
      * @see above transform function for more details.
      */
     if (query) {
-      result = searchQuickInsertItems(quickInsertState, {})(query, category);
+      var _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4, _pluginInjectionApi$d5;
+      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.quickInsert) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.commands.search({
+        query,
+        category
+      }));
+      result = (_pluginInjectionApi$d3 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies.quickInsert) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : (_pluginInjectionApi$d5 = _pluginInjectionApi$d4.sharedState.currentState()) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.suggestions) !== null && _pluginInjectionApi$d3 !== void 0 ? _pluginInjectionApi$d3 : [];
     } else {
-      result = quickInsertDropdownItems.concat(getFeaturedQuickInsertItems(quickInsertState, {})());
+      var _pluginInjectionApi$d6, _pluginInjectionApi$d7, _pluginInjectionApi$d8, _pluginInjectionApi$d9;
+      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d6 = pluginInjectionApi.dependencies.quickInsert) === null || _pluginInjectionApi$d6 === void 0 ? void 0 : _pluginInjectionApi$d6.commands.search({
+        category,
+        featuredItems: true
+      }));
+      const featuredQuickInsertSuggestions = (_pluginInjectionApi$d7 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d8 = pluginInjectionApi.dependencies.quickInsert) === null || _pluginInjectionApi$d8 === void 0 ? void 0 : (_pluginInjectionApi$d9 = _pluginInjectionApi$d8.sharedState.currentState()) === null || _pluginInjectionApi$d9 === void 0 ? void 0 : _pluginInjectionApi$d9.suggestions) !== null && _pluginInjectionApi$d7 !== void 0 ? _pluginInjectionApi$d7 : [];
+      result = quickInsertDropdownItems.concat(featuredQuickInsertSuggestions);
     }
     setItemCount(result.length);
     return result;
-  }, [quickInsertDropdownItems]);
-  const render = useCallback(({
-    quickInsertState
-  }) => jsx(ElementBrowserWrapper, {
+  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.core.actions, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d10 = pluginInjectionApi.dependencies.quickInsert) === null || _pluginInjectionApi$d10 === void 0 ? void 0 : _pluginInjectionApi$d10.commands, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d11 = pluginInjectionApi.dependencies.quickInsert) === null || _pluginInjectionApi$d11 === void 0 ? void 0 : _pluginInjectionApi$d11.sharedState, quickInsertDropdownItems]);
+  const emptyStateHandler = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d12 = pluginInjectionApi.dependencies.quickInsert) === null || _pluginInjectionApi$d12 === void 0 ? void 0 : (_pluginInjectionApi$d13 = _pluginInjectionApi$d12.sharedState.currentState()) === null || _pluginInjectionApi$d13 === void 0 ? void 0 : _pluginInjectionApi$d13.emptyStateHandler;
+  return jsx("div", {
+    css: theme => insertMenuWrapper(theme, itemCount)
+  }, jsx(ElementBrowserWrapper, {
     handleClickOutside: toggleVisiblity,
     handleEscapeKeydown: toggleVisiblity,
     closeOnTab: true
   }, jsx(ElementBrowser, {
     mode: "inline",
-    getItems: getItems(quickInsertState),
-    emptyStateHandler: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.emptyStateHandler,
+    getItems: getItems,
+    emptyStateHandler: emptyStateHandler,
     onInsertItem: onInsertItem,
     showSearch: true,
     showCategories: false
@@ -84,15 +95,7 @@ const InsertMenu = ({
     ,
     key: quickInsertDropdownItems.length,
     viewMoreItem: viewMoreItem
-  })), [getItems, onInsertItem, quickInsertDropdownItems.length, toggleVisiblity, viewMoreItem]);
-  return jsx("div", {
-    css: theme => insertMenuWrapper(theme, itemCount)
-  }, jsx(WithPluginState, {
-    plugins: {
-      quickInsertState: pluginKey
-    },
-    render: render
-  }));
+  })));
 };
 const getSvgIconForItem = ({
   name

package/dist/es2019/utils/index.js

@@ -115,31 +115,6 @@ export const isInsideBlockQuote = state => {
   } = state.schema.nodes;
   return hasParentNodeOfType(blockquote)(state.selection);
 };
-export function dedupe(list = [], iteratee = p => p) {
-  /**
-              .,
-    .      _,'f----.._
-    |\ ,-'"/  |     ,'
-    |,_  ,--.      /
-    /,-. ,'`.     (_
-    f  o|  o|__     "`-.
-    ,-._.,--'_ `.   _.,-`
-    `"' ___.,'` j,-'
-      `-.__.,--'
-    Gotta go fast!
-  */
-
-  const seen = new Set();
-  list.forEach(l => seen.add(iteratee(l)));
-  return list.filter(l => {
-    const it = iteratee(l);
-    if (seen.has(it)) {
-      seen.delete(it);
-      return true;
-    }
-    return false;
-  });
-}
 export { isTextSelection, isElementInTableCell, isLastItemMediaGroup, nonNullable } from '@atlaskit/editor-common/utils';
 
 /** Helper type for single arg function */

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.30.10";
+export const version = "187.31.0";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/index.js

@@ -33,13 +33,17 @@ export { dateToDateType } from './plugins/date/utils/formatParse';
 export { pluginKey as datePluginKey } from './plugins/date/pm-plugins/plugin-key';
 export { commitStatusPicker, setStatusPickerAt, updateStatus, updateStatusWithAnalytics, removeStatus } from './plugins/status/actions';
 export { typeAheadPluginKey } from './plugins/type-ahead';
-export { pluginKey as quickInsertPluginKey, memoProcessItems as processQuickInsertItems } from './plugins/quick-insert';
 export { historyPluginKey } from './plugins/history';
 export { INPUT_METHOD, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 export { setKeyboardHeight, setMobilePaddingTop, setIsExpanded } from './plugins/mobile-dimensions/commands';
 
 // Used in editor-test-helpers and mobile bridge
-export { setTextSelection, dedupe, getNodesCount, measurements } from './utils';
+export { setTextSelection, getNodesCount, measurements } from './utils';
+export {
+/**
+ * @deprecated Use dedupe from @atlaskit/editor-common/utils instead
+ */
+dedupe } from '@atlaskit/editor-common/utils';
 export { ReactEditorView, BaseReactEditorView } from './create-editor';
 export { getDefaultPresetOptionsFromEditorProps } from './create-editor';
 export { default as EditorActions } from './actions';
@@ -53,5 +57,4 @@ export { default as WithPluginState } from './ui/WithPluginState';
 export { lightModeStatusColorPalette, darkModeStatusColorPalette } from './ui/ColorPalette/Palettes/statusColorPalette';
 export { DEFAULT_BORDER_COLOR } from './ui/ColorPalette/Palettes/common';
 export { default as messages, statusMessages, dateMessages } from './messages';
-export { createTypeAheadTools } from './plugins/type-ahead/api';
-export { createQuickInsertTools } from './plugins/quick-insert/api';
+export { createTypeAheadTools } from './plugins/type-ahead/api';

package/dist/esm/plugins/help-dialog/index.js

@@ -7,7 +7,6 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { bindKeymapWithCommand, openHelp, tooltip } from '@atlaskit/editor-common/keymaps';
 import WithPluginState from '../../ui/WithPluginState';
 import { HelpDialogLoader } from './ui/HelpDialogLoader';
-import { pluginKey as quickInsertPluginKey } from '../quick-insert';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import QuestionCircleIcon from '@atlaskit/icon/glyph/question-circle';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
@@ -95,17 +94,15 @@ var helpDialog = function helpDialog() {
       var editorView = _ref3.editorView;
       return /*#__PURE__*/React.createElement(WithPluginState, {
         plugins: {
-          helpDialog: pluginKey,
-          quickInsert: quickInsertPluginKey
+          helpDialog: pluginKey
         },
         render: function render(_ref4) {
           var _ref4$helpDialog = _ref4.helpDialog,
-            helpDialog = _ref4$helpDialog === void 0 ? {} : _ref4$helpDialog,
-            quickInsert = _ref4.quickInsert;
+            helpDialog = _ref4$helpDialog === void 0 ? {} : _ref4$helpDialog;
           return /*#__PURE__*/React.createElement(HelpDialogLoader, {
             editorView: editorView,
             isVisible: helpDialog.isVisible,
-            quickInsertEnabled: !!quickInsert,
+            quickInsertEnabled: !!(api !== null && api !== void 0 && api.dependencies.quickInsert),
             imageEnabled: helpDialog.imageEnabled
           });
         }

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.js

@@ -18,7 +18,8 @@ export var BlockInsertElementBrowser = function BlockInsertElementBrowser(props)
     dropdownItems: props.items,
     onInsert: props.onInsert,
     toggleVisiblity: props.togglePlusMenuVisibility,
-    showElementBrowserLink: props.showElementBrowserLink
+    showElementBrowserLink: props.showElementBrowserLink,
+    pluginInjectionApi: props.pluginInjectionApi
   })), /*#__PURE__*/React.createElement(DropDownButton, {
     "aria-expanded": props.open,
     "aria-haspopup": true,

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -37,7 +37,8 @@ export var BlockInsertMenu = function BlockInsertMenu(props) {
       popupsScrollableElement: props.popupsScrollableElement,
       spacing: props.spacing,
       togglePlusMenuVisibility: props.togglePlusMenuVisibility,
-      showElementBrowserLink: props.showElementBrowserLink
+      showElementBrowserLink: props.showElementBrowserLink,
+      pluginInjectionApi: props.pluginInjectionApi
     });
   }
   return /*#__PURE__*/React.createElement(BlockInsertMenuLegacy, {

package/dist/esm/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -20,7 +20,6 @@ import { Popup } from '@atlaskit/editor-common/ui';
 import ToolbarButton from '../../../../ui/ToolbarButton';
 import { separatorStyles, buttonGroupStyle, wrapperStyle } from '@atlaskit/editor-common/styles';
 import { insertDate } from '../../../date/actions';
-import { openElementBrowserModal } from '../../../quick-insert/commands';
 import { showPlaceholderFloatingToolbar } from '../../../placeholder-text/actions';
 import { insertLayoutColumnsWithAnalytics } from '../../../layout/actions';
 import { insertTaskDecisionCommand } from '../../../tasks-and-decisions/commands';
@@ -284,7 +283,9 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       return true;
     });
     _defineProperty(_assertThisInitialized(_this), "openElementBrowser", function () {
-      openElementBrowserModal()(_this.props.editorView.state, _this.props.editorView.dispatch);
+      var _pluginInjectionApi$d10;
+      var pluginInjectionApi = _this.props.pluginInjectionApi;
+      pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.core.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d10 = pluginInjectionApi.dependencies.quickInsert) === null || _pluginInjectionApi$d10 === void 0 ? void 0 : _pluginInjectionApi$d10.commands.openElementBrowserModal);
     });
     _defineProperty(_assertThisInitialized(_this), "onItemActivated", function (_ref2) {
       var item = _ref2.item,
@@ -496,7 +497,8 @@ export var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         onOpenChange: this.onOpenChange,
         togglePlusMenuVisibility: this.togglePlusMenuVisibility,
         replacePlusMenuWithElementBrowser: (_this$props$replacePl = this.props.replacePlusMenuWithElementBrowser) !== null && _this$props$replacePl !== void 0 ? _this$props$replacePl : false,
-        showElementBrowserLink: this.props.showElementBrowserLink || false
+        showElementBrowserLink: this.props.showElementBrowserLink || false,
+        pluginInjectionApi: this.props.pluginInjectionApi
       })), this.props.showSeparator && jsx("span", {
         css: separatorStyles
       }));

package/dist/esm/plugins/quick-insert/commands.js

@@ -1,14 +1,10 @@
 import { insertSelectedItem } from '@atlaskit/editor-common/insert';
 import { pluginKey } from './plugin-key';
-export var openElementBrowserModal = function openElementBrowserModal() {
-  return function (state, dispatch) {
-    if (dispatch) {
-      dispatch(state.tr.setMeta(pluginKey, {
-        isElementBrowserModalOpen: true
-      }));
-    }
-    return true;
-  };
+export var openElementBrowserModal = function openElementBrowserModal(_ref) {
+  var tr = _ref.tr;
+  return tr.setMeta(pluginKey, {
+    isElementBrowserModalOpen: true
+  });
 };
 export var closeElementBrowserModal = function closeElementBrowserModal() {
   return function (state, dispatch) {
@@ -21,7 +17,7 @@ export var closeElementBrowserModal = function closeElementBrowserModal() {
   };
 };
 
-// this method was adapted from the typeahed plugin so we respect the API for quick insert items
+// this method was adapted from the typeahead plugin so we respect the API for quick insert items
 export var insertItem = function insertItem(item) {
   return function (state, dispatch) {
     var insert = function insert(maybeNode) {

package/dist/esm/plugins/quick-insert/index.js

@@ -5,16 +5,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import memoizeOne from 'memoize-one';
 import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
 import { pluginKey } from './plugin-key';
-import { searchQuickInsertItems } from './search';
+import { search } from './search';
 import ModalElementBrowser from './ui/ModalElementBrowser';
-export { pluginKey };
+import { openElementBrowserModal, insertItem } from './commands';
+import { memoProcessQuickInsertItems, getQuickInsertSuggestions } from '@atlaskit/editor-common/quick-insert';
 var quickInsertPlugin = function quickInsertPlugin(options) {
   return {
     name: 'quickInsert',
-    pmPlugins: function pmPlugins(quickInsert) {
+    pmPlugins: function pmPlugins(defaultItems) {
       return [{
         name: 'quickInsert',
         // It's important that this plugin is above TypeAheadPlugin
@@ -22,7 +22,7 @@ var quickInsertPlugin = function quickInsertPlugin(options) {
           var providerFactory = _ref.providerFactory,
             getIntl = _ref.getIntl,
             dispatch = _ref.dispatch;
-          return quickInsertPluginFactory(quickInsert, providerFactory, getIntl, dispatch, options === null || options === void 0 ? void 0 : options.emptyStateHandler);
+          return quickInsertPluginFactory(defaultItems, providerFactory, getIntl, dispatch, options === null || options === void 0 ? void 0 : options.emptyStateHandler);
         }
       }];
     },
@@ -30,12 +30,19 @@ var quickInsertPlugin = function quickInsertPlugin(options) {
       typeAhead: {
         id: TypeAheadAvailableNodes.QUICK_INSERT,
         trigger: '/',
-        headless: options ? options.headless : undefined,
+        headless: options === null || options === void 0 ? void 0 : options.headless,
         getItems: function getItems(_ref2) {
           var query = _ref2.query,
             editorState = _ref2.editorState;
           var quickInsertState = pluginKey.getState(editorState);
-          return Promise.resolve(searchQuickInsertItems(quickInsertState, options)(query));
+          return Promise.resolve(getQuickInsertSuggestions({
+            searchOptions: {
+              query: query,
+              disableDefaultItems: options === null || options === void 0 ? void 0 : options.disableDefaultItems
+            },
+            lazyDefaultItems: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems,
+            providedItems: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems
+          }));
         },
         selectItem: function selectItem(state, item, insert) {
           return item.action(insert, state);
@@ -44,51 +51,39 @@ var quickInsertPlugin = function quickInsertPlugin(options) {
     },
     contentComponent: function contentComponent(_ref3) {
       var editorView = _ref3.editorView;
-      if (options && options.enableElementBrowser) {
+      if (options !== null && options !== void 0 && options.enableElementBrowser) {
         return /*#__PURE__*/React.createElement(ModalElementBrowser, {
           editorView: editorView,
-          helpUrl: options.elementBrowserHelpUrl
+          helpUrl: options === null || options === void 0 ? void 0 : options.elementBrowserHelpUrl
         });
       }
       return null;
+    },
+    getSharedState: function getSharedState(editorState) {
+      var _quickInsertState$sug;
+      if (!editorState) {
+        return null;
+      }
+      var quickInsertState = pluginKey.getState(editorState);
+      if (!quickInsertState) {
+        return null;
+      }
+      return {
+        suggestions: (_quickInsertState$sug = quickInsertState.suggestions) !== null && _quickInsertState$sug !== void 0 ? _quickInsertState$sug : [],
+        lazyDefaultItems: quickInsertState.lazyDefaultItems,
+        emptyStateHandler: quickInsertState.emptyStateHandler
+      };
+    },
+    actions: {
+      insertItem: insertItem
+    },
+    commands: {
+      search: search,
+      openElementBrowserModal: openElementBrowserModal
     }
   };
 };
 export default quickInsertPlugin;
-var processItems = function processItems(items, intl, extendedActions) {
-  var reducedItems = items.reduce(function (acc, item) {
-    if (typeof item === 'function') {
-      var quickInsertItems = item(intl);
-      return acc.concat(quickInsertItems);
-    }
-    return acc.concat(item);
-  }, []);
-  return extendQuickInsertAction(reducedItems, extendedActions);
-};
-export var memoProcessItems = memoizeOne(processItems);
-
-/**
- * Allows for extending the quickInsertItems actions with the provided extendedActions.
- * The provided extended action will then be called after the original action is executed.
- * This is useful for mobile communications where we need to talk to the mobile bridge.
- */
-var extendQuickInsertAction = function extendQuickInsertAction(quickInsertItems, extendedActions) {
-  if (!extendedActions) {
-    return quickInsertItems;
-  }
-  return quickInsertItems.map(function (quickInsertItem) {
-    var quickInsertId = quickInsertItem.id;
-    if (quickInsertId && extendedActions[quickInsertId]) {
-      var originalAction = quickInsertItem.action;
-      quickInsertItem.action = function (insert, state) {
-        var result = originalAction(insert, state);
-        extendedActions[quickInsertId](quickInsertItem);
-        return result;
-      };
-    }
-    return quickInsertItem;
-  });
-};
 var setProviderState = function setProviderState(providerState) {
   return function (state, dispatch) {
     if (dispatch) {
@@ -97,7 +92,7 @@ var setProviderState = function setProviderState(providerState) {
     return true;
   };
 };
-function quickInsertPluginFactory(quickInsertItems, providerFactory, getIntl, dispatch, emptyStateHandler) {
+function quickInsertPluginFactory(defaultItems, providerFactory, getIntl, dispatch, emptyStateHandler) {
   return new SafePlugin({
     key: pluginKey,
     state: {
@@ -109,13 +104,21 @@ function quickInsertPluginFactory(quickInsertItems, providerFactory, getIntl, di
           // memo here to avoid using a singleton cache, avoids editor
           // getting confused when two editors exist within the same page.
           lazyDefaultItems: function lazyDefaultItems() {
-            return memoProcessItems(quickInsertItems || [], getIntl());
-          }
+            return memoProcessQuickInsertItems(defaultItems || [], getIntl());
+          },
+          suggestions: []
         };
       },
       apply: function apply(tr, pluginState) {
         var meta = tr.getMeta(pluginKey);
         if (meta) {
+          if ('searchOptions' in meta) {
+            meta.suggestions = getQuickInsertSuggestions({
+              searchOptions: meta.searchOptions,
+              lazyDefaultItems: pluginState.lazyDefaultItems,
+              providedItems: pluginState.providedItems
+            });
+          }
           var keys = Object.keys(meta);
           var changed = keys.some(function (key) {
             return pluginState[key] !== meta[key];

package/dist/esm/plugins/quick-insert/search.js

@@ -1,59 +1,18 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import Fuse from 'fuse.js';
-import { dedupe } from '../../utils';
-var options = {
-  threshold: 0.3,
-  keys: [{
-    name: 'title',
-    weight: 0.57
-  }, {
-    name: 'priority',
-    weight: 0.3
-  }, {
-    name: 'keywords',
-    weight: 0.08
-  }, {
-    name: 'description',
-    weight: 0.04
-  }, {
-    name: 'keyshortcut',
-    weight: 0.01
-  }]
-};
-export function find(query, items) {
-  var fuse = new Fuse(items, options);
-  if (query === '') {
-    // Copy and sort list by priority
-    return items.slice(0).sort(function (a, b) {
-      return (a.priority || Number.POSITIVE_INFINITY) - (b.priority || Number.POSITIVE_INFINITY);
-    });
-  }
-  return fuse.search(query).map(function (result) {
-    return result.item;
-  });
-}
-export var searchQuickInsertItems = function searchQuickInsertItems(quickInsertState, options) {
-  return function (query, category) {
-    var defaultItems = !quickInsertState || options && options.disableDefaultItems ? [] : quickInsertState.lazyDefaultItems();
-    var providedItems = quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems;
-    var items = providedItems ? dedupe([].concat(_toConsumableArray(defaultItems), _toConsumableArray(providedItems)), function (item) {
-      return item.title;
-    }) : defaultItems;
-    return find(query || '', category === 'all' || !category ? items : items.filter(function (item) {
-      return item.categories && item.categories.includes(category);
-    }));
-  };
-};
-export var getFeaturedQuickInsertItems = function getFeaturedQuickInsertItems(_ref, options) {
-  var providedItems = _ref.providedItems,
-    lazyDefaultItems = _ref.lazyDefaultItems;
-  return function () {
-    var defaultItems = options && options.disableDefaultItems ? [] : lazyDefaultItems();
-    var items = providedItems ? dedupe([].concat(_toConsumableArray(defaultItems), _toConsumableArray(providedItems)), function (item) {
-      return item.title;
-    }) : defaultItems;
-    return items.filter(function (item) {
-      return item.featured;
+import { pluginKey } from './plugin-key';
+export var search = function search(_ref) {
+  var query = _ref.query,
+    category = _ref.category,
+    disableDefaultItems = _ref.disableDefaultItems,
+    featuredItems = _ref.featuredItems;
+  return function (_ref2) {
+    var tr = _ref2.tr;
+    return tr.setMeta(pluginKey, {
+      searchOptions: {
+        query: query,
+        category: category,
+        disableDefaultItems: disableDefaultItems,
+        featuredItems: featuredItems
+      }
     });
   };
 };

package/dist/esm/plugins/quick-insert/ui/ModalElementBrowser/index.js

@@ -1,16 +1,23 @@
 import React, { useCallback } from 'react';
 import WithPluginState from '../../../../ui/WithPluginState';
 import { pluginKey } from '../../plugin-key';
-import { searchQuickInsertItems } from '../../search';
 import ModalElementBrowser from '../../../../ui/ElementBrowser/ModalElementBrowser';
 import { closeElementBrowserModal, insertItem } from '../../commands';
+import { getQuickInsertSuggestions } from '@atlaskit/editor-common/quick-insert';
 var Modal = function Modal(_ref) {
   var quickInsertState = _ref.quickInsertState,
     editorView = _ref.editorView,
     helpUrl = _ref.helpUrl;
   var getItems = useCallback(function (query, category) {
-    return searchQuickInsertItems(quickInsertState, {})(query, category);
-  }, [quickInsertState]);
+    return getQuickInsertSuggestions({
+      searchOptions: {
+        query: query,
+        category: category
+      },
+      lazyDefaultItems: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems,
+      providedItems: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems
+    });
+  }, [quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.lazyDefaultItems, quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems]);
   var focusInEditor = useCallback(function () {
     if (!editorView.hasFocus()) {
       editorView.focus();
@@ -29,8 +36,8 @@ var Modal = function Modal(_ref) {
     getItems: getItems,
     onInsertItem: onInsertItem,
     helpUrl: helpUrl,
-    isOpen: quickInsertState && quickInsertState.isElementBrowserModalOpen || false,
-    emptyStateHandler: quickInsertState && quickInsertState.emptyStateHandler,
+    isOpen: (quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.isElementBrowserModalOpen) || false,
+    emptyStateHandler: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.emptyStateHandler,
     onClose: onClose
   });
 };