@atlaskit/editor-core 187.30.10 → 187.31.1

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

@@ -16,10 +16,6 @@ var _components = require("@atlaskit/theme/components");
 var _colors = require("@atlaskit/theme/colors");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _withOuterListeners = _interopRequireDefault(require("../with-outer-listeners"));
-var _WithPluginState = _interopRequireDefault(require("../WithPluginState"));
-var _pluginKey = require("../../plugins/quick-insert/plugin-key");
-var _search = require("../../plugins/quick-insert/search");
-var _commands = require("../../plugins/quick-insert/commands");
 var _ElementBrowserLoader = _interopRequireDefault(require("./components/ElementBrowserLoader"));
 var _constants = require("./constants");
 var _excluded = ["children"];
@@ -28,11 +24,13 @@ var _templateObject, _templateObject2;
 // AFP-2532 TODO: Fix automatic suppressions below
 // eslint-disable-next-line @atlassian/tangerine/import/entry-points
 var InsertMenu = function InsertMenu(_ref) {
+  var _pluginInjectionApi$d10, _pluginInjectionApi$d11, _pluginInjectionApi$d12, _pluginInjectionApi$d13;
   var editorView = _ref.editorView,
     dropdownItems = _ref.dropdownItems,
     showElementBrowserLink = _ref.showElementBrowserLink,
     onInsert = _ref.onInsert,
-    toggleVisiblity = _ref.toggleVisiblity;
+    toggleVisiblity = _ref.toggleVisiblity,
+    pluginInjectionApi = _ref.pluginInjectionApi;
   var _useState = (0, _react.useState)(0),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     itemCount = _useState2[0],
@@ -64,62 +62,64 @@ var InsertMenu = function InsertMenu(_ref) {
   var quickInsertDropdownItems = dropdownItems.map(transform);
   var viewMoreItem = showElementBrowserLink ? quickInsertDropdownItems.pop() : undefined;
   var onInsertItem = (0, _react.useCallback)(function (item) {
+    var _pluginInjectionApi$d;
     toggleVisiblity();
     if (!editorView.hasFocus()) {
       editorView.focus();
     }
-    (0, _commands.insertItem)(item)(editorView.state, editorView.dispatch);
-  }, [editorView, toggleVisiblity]);
-  var getItems = (0, _react.useCallback)(function (quickInsertState) {
-    return function (query, category) {
-      var result;
-      /**
-       * @warning The results if there is a query are not the same as the results if there is no query.
-       * For example: If you have a typed panel and then select the panel item then it will call a different action
-       * than is specified on the editor plugins quick insert
-       * @see above transform function for more details.
-       */
-      if (query) {
-        result = (0, _search.searchQuickInsertItems)(quickInsertState, {})(query, category);
-      } else {
-        result = quickInsertDropdownItems.concat((0, _search.getFeaturedQuickInsertItems)(quickInsertState, {})());
-      }
-      setItemCount(result.length);
-      return result;
-    };
-  }, [quickInsertDropdownItems]);
-  var render = (0, _react.useCallback)(function (_ref2) {
-    var quickInsertState = _ref2.quickInsertState;
-    return (0, _react2.jsx)(ElementBrowserWrapper, {
-      handleClickOutside: toggleVisiblity,
-      handleEscapeKeydown: toggleVisiblity,
-      closeOnTab: true
-    }, (0, _react2.jsx)(_ElementBrowserLoader.default, {
-      mode: "inline",
-      getItems: getItems(quickInsertState),
-      emptyStateHandler: quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.emptyStateHandler,
-      onInsertItem: onInsertItem,
-      showSearch: true,
-      showCategories: false
-      // On page resize we want the InlineElementBrowser to show updated tools/overflow items
-      ,
-      key: quickInsertDropdownItems.length,
-      viewMoreItem: viewMoreItem
-    }));
-  }, [getItems, onInsertItem, quickInsertDropdownItems.length, toggleVisiblity, viewMoreItem]);
+    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]);
+  var getItems = (0, _react.useCallback)(function (query, category) {
+    var result;
+    /**
+     * @warning The results if there is a query are not the same as the results if there is no query.
+     * For example: If you have a typed panel and then select the panel item then it will call a different action
+     * than is specified on the editor plugins quick insert
+     * @see above transform function for more details.
+     */
+    if (query) {
+      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: query,
+        category: 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 {
+      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: category,
+        featuredItems: true
+      }));
+      var 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;
+  }, [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]);
+  var 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 (0, _react2.jsx)("div", {
     css: function css(theme) {
       return insertMenuWrapper(theme, itemCount);
     }
-  }, (0, _react2.jsx)(_WithPluginState.default, {
-    plugins: {
-      quickInsertState: _pluginKey.pluginKey
-    },
-    render: render
-  }));
+  }, (0, _react2.jsx)(ElementBrowserWrapper, {
+    handleClickOutside: toggleVisiblity,
+    handleEscapeKeydown: toggleVisiblity,
+    closeOnTab: true
+  }, (0, _react2.jsx)(_ElementBrowserLoader.default, {
+    mode: "inline",
+    getItems: getItems,
+    emptyStateHandler: emptyStateHandler,
+    onInsertItem: onInsertItem,
+    showSearch: true,
+    showCategories: false
+    // On page resize we want the InlineElementBrowser to show updated tools/overflow items
+    ,
+    key: quickInsertDropdownItems.length,
+    viewMoreItem: viewMoreItem
+  })));
 };
-var getSvgIconForItem = function getSvgIconForItem(_ref3) {
-  var name = _ref3.name;
+var getSvgIconForItem = function getSvgIconForItem(_ref2) {
+  var name = _ref2.name;
   var Icon = {
     codeblock: _quickInsert.IconCode,
     panel: _quickInsert.IconPanel,
@@ -134,8 +134,8 @@ var getSvgIconForItem = function getSvgIconForItem(_ref3) {
     label: ""
   }) : undefined;
 };
-var getInsertMenuHeight = function getInsertMenuHeight(_ref4) {
-  var itemCount = _ref4.itemCount;
+var getInsertMenuHeight = function getInsertMenuHeight(_ref3) {
+  var itemCount = _ref3.itemCount;
   // Figure based on visuals to exclude the searchbar, padding/margin, and the ViewMore item.
   var EXTRA_SPACE_EXCLUDING_ELEMENTLIST = 112;
   if (itemCount > 0 && itemCount < 6) {

package/dist/cjs/utils/index.js

@@ -17,7 +17,6 @@ Object.defineProperty(exports, "checkNodeDown", {
   }
 });
 exports.compose = compose;
-exports.dedupe = dedupe;
 Object.defineProperty(exports, "findFarthestParentNode", {
   enumerable: true,
   get: function get() {
@@ -262,37 +261,6 @@ var isInsideBlockQuote = function isInsideBlockQuote(state) {
   return (0, _utils.hasParentNodeOfType)(blockquote)(state.selection);
 };
 exports.isInsideBlockQuote = isInsideBlockQuote;
-function dedupe() {
-  var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var iteratee = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function (p) {
-    return p;
-  };
-  /**
-              .,
-    .      _,'f----.._
-    |\ ,-'"/  |     ,'
-    |,_  ,--.      /
-    /,-. ,'`.     (_
-    f  o|  o|__     "`-.
-    ,-._.,--'_ `.   _.,-`
-    `"' ___.,'` j,-'
-      `-.__.,--'
-    Gotta go fast!
-  */
-
-  var seen = new Set();
-  list.forEach(function (l) {
-    return seen.add(iteratee(l));
-  });
-  return list.filter(function (l) {
-    var it = iteratee(l);
-    if (seen.has(it)) {
-      seen.delete(it);
-      return true;
-    }
-    return false;
-  });
-}
 /** Helper type for single arg function */
 
 /**

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.30.10";
+var version = "187.31.1";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/es2019/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/es2019/plugins/block-type/commands/block-type.js

@@ -239,7 +239,7 @@ export function createWrapSelectionTransaction({
     tr.wrap(range, wrapping).scrollIntoView();
   } else {
     /** We always want to append a block type */
-    safeInsert(type.createAndFill())(tr).scrollIntoView();
+    safeInsert(type.createAndFill(nodeAttributes))(tr).scrollIntoView();
   }
   return tr;
 }

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

@@ -4,7 +4,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';
@@ -87,16 +86,14 @@ const helpDialog = (imageUploadProviderExists = false, api) => ({
   }) {
     return /*#__PURE__*/React.createElement(WithPluginState, {
       plugins: {
-        helpDialog: pluginKey,
-        quickInsert: quickInsertPluginKey
+        helpDialog: pluginKey
       },
       render: ({
-        helpDialog = {},
-        quickInsert
+        helpDialog = {}
       }) => /*#__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/es2019/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-element-browser.js

@@ -18,7 +18,8 @@ export const 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/es2019/plugins/insert-block/ui/ToolbarInsertBlock/block-insert-menu.js

@@ -37,7 +37,8 @@ export const 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/es2019/plugins/insert-block/ui/ToolbarInsertBlock/index.js

@@ -9,7 +9,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';
@@ -292,7 +291,11 @@ export class ToolbarInsertBlock extends React.PureComponent {
       return true;
     });
     _defineProperty(this, "openElementBrowser", () => {
-      openElementBrowserModal()(this.props.editorView.state, this.props.editorView.dispatch);
+      var _pluginInjectionApi$d10;
+      const {
+        pluginInjectionApi
+      } = this.props;
+      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(this, "onItemActivated", ({
       item,
@@ -538,7 +541,8 @@ export class ToolbarInsertBlock extends 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/es2019/plugins/quick-insert/commands.js

@@ -1,13 +1,10 @@
 import { insertSelectedItem } from '@atlaskit/editor-common/insert';
 import { pluginKey } from './plugin-key';
-export const openElementBrowserModal = () => (state, dispatch) => {
-  if (dispatch) {
-    dispatch(state.tr.setMeta(pluginKey, {
-      isElementBrowserModalOpen: true
-    }));
-  }
-  return true;
-};
+export const openElementBrowserModal = ({
+  tr
+}) => tr.setMeta(pluginKey, {
+  isElementBrowserModalOpen: true
+});
 export const closeElementBrowserModal = () => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(pluginKey, {
@@ -17,7 +14,7 @@ export const closeElementBrowserModal = () => (state, dispatch) => {
   return true;
 };
 
-// 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 const insertItem = item => (state, dispatch) => {
   const insert = (maybeNode, opts = {}) => {
     return insertSelectedItem(maybeNode, opts)(state, state.tr, state.selection.head);

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

@@ -1,14 +1,14 @@
 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';
 const quickInsertPlugin = options => ({
   name: 'quickInsert',
-  pmPlugins(quickInsert) {
+  pmPlugins(defaultItems) {
     return [{
       name: 'quickInsert',
       // It's important that this plugin is above TypeAheadPlugin
@@ -16,20 +16,27 @@ const quickInsertPlugin = options => ({
         providerFactory,
         getIntl,
         dispatch
-      }) => quickInsertPluginFactory(quickInsert, providerFactory, getIntl, dispatch, options === null || options === void 0 ? void 0 : options.emptyStateHandler)
+      }) => quickInsertPluginFactory(defaultItems, providerFactory, getIntl, dispatch, options === null || options === void 0 ? void 0 : options.emptyStateHandler)
     }];
   },
   pluginsOptions: {
     typeAhead: {
       id: TypeAheadAvailableNodes.QUICK_INSERT,
       trigger: '/',
-      headless: options ? options.headless : undefined,
+      headless: options === null || options === void 0 ? void 0 : options.headless,
       getItems({
         query,
         editorState
       }) {
         const quickInsertState = pluginKey.getState(editorState);
-        return Promise.resolve(searchQuickInsertItems(quickInsertState, options)(query));
+        return Promise.resolve(getQuickInsertSuggestions({
+          searchOptions: {
+            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: (state, item, insert) => {
         return item.action(insert, state);
@@ -39,57 +46,45 @@ const quickInsertPlugin = options => ({
   contentComponent({
     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(editorState) {
+    var _quickInsertState$sug;
+    if (!editorState) {
+      return null;
+    }
+    const 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
+  },
+  commands: {
+    search,
+    openElementBrowserModal
   }
 });
 export default quickInsertPlugin;
-const processItems = (items, intl, extendedActions) => {
-  const reducedItems = items.reduce((acc, item) => {
-    if (typeof item === 'function') {
-      const quickInsertItems = item(intl);
-      return acc.concat(quickInsertItems);
-    }
-    return acc.concat(item);
-  }, []);
-  return extendQuickInsertAction(reducedItems, extendedActions);
-};
-export const 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.
- */
-const extendQuickInsertAction = (quickInsertItems, extendedActions) => {
-  if (!extendedActions) {
-    return quickInsertItems;
-  }
-  return quickInsertItems.map(quickInsertItem => {
-    const quickInsertId = quickInsertItem.id;
-    if (quickInsertId && extendedActions[quickInsertId]) {
-      const originalAction = quickInsertItem.action;
-      quickInsertItem.action = (insert, state) => {
-        const result = originalAction(insert, state);
-        extendedActions[quickInsertId](quickInsertItem);
-        return result;
-      };
-    }
-    return quickInsertItem;
-  });
-};
 const setProviderState = providerState => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(pluginKey, providerState));
   }
   return true;
 };
-function quickInsertPluginFactory(quickInsertItems, providerFactory, getIntl, dispatch, emptyStateHandler) {
+function quickInsertPluginFactory(defaultItems, providerFactory, getIntl, dispatch, emptyStateHandler) {
   return new SafePlugin({
     key: pluginKey,
     state: {
@@ -100,12 +95,20 @@ function quickInsertPluginFactory(quickInsertItems, providerFactory, getIntl, di
           // lazy so it doesn't run on editor initialization
           // memo here to avoid using a singleton cache, avoids editor
           // getting confused when two editors exist within the same page.
-          lazyDefaultItems: () => memoProcessItems(quickInsertItems || [], getIntl())
+          lazyDefaultItems: () => memoProcessQuickInsertItems(defaultItems || [], getIntl()),
+          suggestions: []
         };
       },
       apply(tr, pluginState) {
         const meta = tr.getMeta(pluginKey);
         if (meta) {
+          if ('searchOptions' in meta) {
+            meta.suggestions = getQuickInsertSuggestions({
+              searchOptions: meta.searchOptions,
+              lazyDefaultItems: pluginState.lazyDefaultItems,
+              providedItems: pluginState.providedItems
+            });
+          }
           const keys = Object.keys(meta);
           const changed = keys.some(key => {
             return pluginState[key] !== meta[key];

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

@@ -1,43 +1,16 @@
-import Fuse from 'fuse.js';
-import { dedupe } from '../../utils';
-const 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) {
-  const fuse = new Fuse(items, options);
-  if (query === '') {
-    // Copy and sort list by priority
-    return items.slice(0).sort((a, b) => (a.priority || Number.POSITIVE_INFINITY) - (b.priority || Number.POSITIVE_INFINITY));
+import { pluginKey } from './plugin-key';
+export const search = ({
+  query,
+  category,
+  disableDefaultItems,
+  featuredItems
+}) => ({
+  tr
+}) => tr.setMeta(pluginKey, {
+  searchOptions: {
+    query,
+    category,
+    disableDefaultItems,
+    featuredItems
   }
-  return fuse.search(query).map(result => result.item);
-}
-export const searchQuickInsertItems = (quickInsertState, options) => (query, category) => {
-  const defaultItems = !quickInsertState || options && options.disableDefaultItems ? [] : quickInsertState.lazyDefaultItems();
-  const providedItems = quickInsertState === null || quickInsertState === void 0 ? void 0 : quickInsertState.providedItems;
-  const items = providedItems ? dedupe([...defaultItems, ...providedItems], item => item.title) : defaultItems;
-  return find(query || '', category === 'all' || !category ? items : items.filter(item => item.categories && item.categories.includes(category)));
-};
-export const getFeaturedQuickInsertItems = ({
-  providedItems,
-  lazyDefaultItems
-}, options) => () => {
-  const defaultItems = options && options.disableDefaultItems ? [] : lazyDefaultItems();
-  const items = providedItems ? dedupe([...defaultItems, ...providedItems], item => item.title) : defaultItems;
-  return items.filter(item => item.featured);
-};
+});

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

@@ -1,15 +1,22 @@
 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';
 const Modal = ({
   quickInsertState,
   editorView,
   helpUrl
 }) => {
-  const getItems = useCallback((query, category) => searchQuickInsertItems(quickInsertState, {})(query, category), [quickInsertState]);
+  const getItems = useCallback((query, category) => getQuickInsertSuggestions({
+    searchOptions: {
+      query,
+      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]);
   const focusInEditor = useCallback(() => {
     if (!editorView.hasFocus()) {
       editorView.focus();
@@ -28,8 +35,8 @@ const Modal = ({
     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
   });
 };