@atlaskit/editor-core 187.30.9 → 187.31.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-core
 
+## 187.31.0
+
+### Minor Changes
+
+- [`c70a6612aba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c70a6612aba) - [ED-19428] Decouple quick-insert plugin from editor-core
+
+### Patch Changes
+
+- Updated dependencies
+
+## 187.30.10
+
+### Patch Changes
+
+- [`a31ffa191cb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a31ffa191cb) - [ux] ED-19348 Fix gap-cursor position for numbered-table in wide/full-width mode
+
 ## 187.30.9
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -209,12 +209,6 @@ Object.defineProperty(exports, "commitStatusPicker", {
     return _actions2.commitStatusPicker;
   }
 });
-Object.defineProperty(exports, "createQuickInsertTools", {
-  enumerable: true,
-  get: function get() {
-    return _api2.createQuickInsertTools;
-  }
-});
 Object.defineProperty(exports, "createTable", {
   enumerable: true,
   get: function get() {
@@ -254,7 +248,7 @@ Object.defineProperty(exports, "dateToDateType", {
 Object.defineProperty(exports, "dedupe", {
   enumerable: true,
   get: function get() {
-    return _utils.dedupe;
+    return _utils2.dedupe;
   }
 });
 Object.defineProperty(exports, "deleteDate", {
@@ -371,18 +365,6 @@ Object.defineProperty(exports, "openDatePicker", {
     return _actions.openDatePicker;
   }
 });
-Object.defineProperty(exports, "processQuickInsertItems", {
-  enumerable: true,
-  get: function get() {
-    return _quickInsert.memoProcessItems;
-  }
-});
-Object.defineProperty(exports, "quickInsertPluginKey", {
-  enumerable: true,
-  get: function get() {
-    return _quickInsert.pluginKey;
-  }
-});
 Object.defineProperty(exports, "removeStatus", {
   enumerable: true,
   get: function get() {
@@ -524,11 +506,11 @@ var _formatParse = require("./plugins/date/utils/formatParse");
 var _pluginKey = require("./plugins/date/pm-plugins/plugin-key");
 var _actions2 = require("./plugins/status/actions");
 var _typeAhead = require("./plugins/type-ahead");
-var _quickInsert = require("./plugins/quick-insert");
 var _history = require("./plugins/history");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _commands6 = require("./plugins/mobile-dimensions/commands");
 var _utils = require("./utils");
+var _utils2 = require("@atlaskit/editor-common/utils");
 var _createEditor = require("./create-editor");
 var _actions3 = _interopRequireDefault(require("./actions"));
 var _portalProvider = require("@atlaskit/editor-common/portal-provider");
@@ -540,6 +522,5 @@ var _statusColorPalette = require("./ui/ColorPalette/Palettes/statusColorPalette
 var _common = require("./ui/ColorPalette/Palettes/common");
 var _messages = _interopRequireWildcard(require("./messages"));
 var _api = require("./plugins/type-ahead/api");
-var _api2 = require("./plugins/quick-insert/api");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

@@ -13,7 +13,6 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _WithPluginState = _interopRequireDefault(require("../../ui/WithPluginState"));
 var _HelpDialogLoader = require("./ui/HelpDialogLoader");
-var _quickInsert = require("../quick-insert");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _questionCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/question-circle"));
 var _messages = require("../insert-block/ui/ToolbarInsertBlock/messages");
@@ -103,17 +102,15 @@ var helpDialog = function helpDialog() {
       var editorView = _ref3.editorView;
       return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
         plugins: {
-          helpDialog: _pluginKey.pluginKey,
-          quickInsert: _quickInsert.pluginKey
+          helpDialog: _pluginKey.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.default.createElement(_HelpDialogLoader.HelpDialogLoader, {
             editorView: editorView,
             isVisible: helpDialog.isVisible,
-            quickInsertEnabled: !!quickInsert,
+            quickInsertEnabled: !!(api !== null && api !== void 0 && api.dependencies.quickInsert),
             imageEnabled: helpDialog.imageEnabled
           });
         }

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

@@ -25,7 +25,8 @@ 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.default.createElement(_dropdownButton.DropDownButton, {
     "aria-expanded": props.open,
     "aria-haspopup": true,

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

@@ -44,7 +44,8 @@ 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.default.createElement(_blockInsertMenuLegacy.BlockInsertMenuLegacy, {

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

@@ -22,18 +22,17 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _ToolbarButton = _interopRequireDefault(require("../../../../ui/ToolbarButton"));
 var _styles = require("@atlaskit/editor-common/styles");
 var _actions = require("../../../date/actions");
-var _commands = require("../../../quick-insert/commands");
 var _actions2 = require("../../../placeholder-text/actions");
 var _actions3 = require("../../../layout/actions");
-var _commands2 = require("../../../tasks-and-decisions/commands");
-var _commands3 = require("../../../expand/commands");
+var _commands = require("../../../tasks-and-decisions/commands");
+var _commands2 = require("../../../expand/commands");
 var _api = require("../../../type-ahead/api");
 var _actions4 = require("../../../status/actions");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("./messages");
 var _createItems3 = require("./create-items");
 var _blockInsertMenu = require("./block-insert-menu");
-var _commands4 = require("../../../rule/commands");
+var _commands3 = require("../../../rule/commands");
 var _withOuterListeners = _interopRequireDefault(require("../../../../ui/with-outer-listeners"));
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 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) { (0, _defineProperty2.default)(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; }
@@ -252,7 +251,7 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
           state = _this$props$editorVie.state,
           dispatch = _this$props$editorVie.dispatch;
         var listType = name === 'action' ? 'taskList' : 'decisionList';
-        return (0, _commands2.insertTaskDecisionCommand)(listType, inputMethod)(state, dispatch);
+        return (0, _commands.insertTaskDecisionCommand)(listType, inputMethod)(state, dispatch);
       };
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertHorizontalRule", function (inputMethod) {
@@ -261,13 +260,13 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
         state = _this$props4$editorVi.state,
         dispatch = _this$props4$editorVi.dispatch,
         featureFlags = _this$props4.featureFlags;
-      return (0, _commands4.insertHorizontalRule)(inputMethod, featureFlags)(state, dispatch);
+      return (0, _commands3.insertHorizontalRule)(inputMethod, featureFlags)(state, dispatch);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertExpand", function () {
       var _this$props$editorVie2 = _this.props.editorView,
         state = _this$props$editorVie2.state,
         dispatch = _this$props$editorVie2.dispatch;
-      return (0, _commands3.insertExpand)(state, dispatch);
+      return (0, _commands2.insertExpand)(state, dispatch);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "insertBlockType", function (itemName) {
       return function () {
@@ -289,7 +288,9 @@ var ToolbarInsertBlock = /*#__PURE__*/function (_React$PureComponent) {
       return true;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openElementBrowser", function () {
-      (0, _commands.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);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onItemActivated", function (_ref2) {
       var item = _ref2.item,
@@ -501,7 +502,8 @@ 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 && (0, _react2.jsx)("span", {
         css: _styles.separatorStyles
       }));

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

@@ -6,15 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.openElementBrowserModal = exports.insertItem = exports.closeElementBrowserModal = void 0;
 var _insert = require("@atlaskit/editor-common/insert");
 var _pluginKey = require("./plugin-key");
-var openElementBrowserModal = function openElementBrowserModal() {
-  return function (state, dispatch) {
-    if (dispatch) {
-      dispatch(state.tr.setMeta(_pluginKey.pluginKey, {
-        isElementBrowserModalOpen: true
-      }));
-    }
-    return true;
-  };
+var openElementBrowserModal = function openElementBrowserModal(_ref) {
+  var tr = _ref.tr;
+  return tr.setMeta(_pluginKey.pluginKey, {
+    isElementBrowserModalOpen: true
+  });
 };
 exports.openElementBrowserModal = openElementBrowserModal;
 var closeElementBrowserModal = function closeElementBrowserModal() {
@@ -28,7 +24,7 @@ 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
 exports.closeElementBrowserModal = closeElementBrowserModal;
 var insertItem = function insertItem(item) {
   return function (state, dispatch) {

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

@@ -4,29 +4,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.memoProcessItems = exports.default = void 0;
-Object.defineProperty(exports, "pluginKey", {
-  enumerable: true,
-  get: function get() {
-    return _pluginKey.pluginKey;
-  }
-});
+exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
-var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _typeAhead = require("@atlaskit/editor-common/type-ahead");
 var _pluginKey = require("./plugin-key");
 var _search = require("./search");
 var _ModalElementBrowser = _interopRequireDefault(require("./ui/ModalElementBrowser"));
+var _commands = require("./commands");
+var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 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) { (0, _defineProperty2.default)(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; }
 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
@@ -34,7 +29,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);
         }
       }];
     },
@@ -42,12 +37,19 @@ var quickInsertPlugin = function quickInsertPlugin(options) {
       typeAhead: {
         id: _typeAhead.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.pluginKey.getState(editorState);
-          return Promise.resolve((0, _search.searchQuickInsertItems)(quickInsertState, options)(query));
+          return Promise.resolve((0, _quickInsert.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);
@@ -56,53 +58,40 @@ 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.default.createElement(_ModalElementBrowser.default, {
           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.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.insertItem
+    },
+    commands: {
+      search: _search.search,
+      openElementBrowserModal: _commands.openElementBrowserModal
     }
   };
 };
 var _default = quickInsertPlugin;
 exports.default = _default;
-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);
-};
-var memoProcessItems = (0, _memoizeOne.default)(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.
- */
-exports.memoProcessItems = memoProcessItems;
-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) {
@@ -111,7 +100,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.SafePlugin({
     key: _pluginKey.pluginKey,
     state: {
@@ -123,13 +112,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 (0, _quickInsert.memoProcessQuickInsertItems)(defaultItems || [], getIntl());
+          },
+          suggestions: []
         };
       },
       apply: function apply(tr, pluginState) {
         var meta = tr.getMeta(_pluginKey.pluginKey);
         if (meta) {
+          if ('searchOptions' in meta) {
+            meta.suggestions = (0, _quickInsert.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/cjs/plugins/quick-insert/search.js

@@ -1,69 +1,25 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.find = find;
-exports.searchQuickInsertItems = exports.getFeaturedQuickInsertItems = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _fuse = _interopRequireDefault(require("fuse.js"));
-var _utils = require("../../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
-  }]
-};
-function find(query, items) {
-  var fuse = new _fuse.default(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;
-  });
-}
-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 ? (0, _utils.dedupe)([].concat((0, _toConsumableArray2.default)(defaultItems), (0, _toConsumableArray2.default)(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);
-    }));
-  };
-};
-exports.searchQuickInsertItems = searchQuickInsertItems;
-var getFeaturedQuickInsertItems = function getFeaturedQuickInsertItems(_ref, options) {
-  var providedItems = _ref.providedItems,
-    lazyDefaultItems = _ref.lazyDefaultItems;
-  return function () {
-    var defaultItems = options && options.disableDefaultItems ? [] : lazyDefaultItems();
-    var items = providedItems ? (0, _utils.dedupe)([].concat((0, _toConsumableArray2.default)(defaultItems), (0, _toConsumableArray2.default)(providedItems)), function (item) {
-      return item.title;
-    }) : defaultItems;
-    return items.filter(function (item) {
-      return item.featured;
+exports.search = void 0;
+var _pluginKey = require("./plugin-key");
+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.pluginKey, {
+      searchOptions: {
+        query: query,
+        category: category,
+        disableDefaultItems: disableDefaultItems,
+        featuredItems: featuredItems
+      }
     });
   };
 };
-exports.getFeaturedQuickInsertItems = getFeaturedQuickInsertItems;
+exports.search = search;

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

@@ -9,9 +9,9 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _WithPluginState = _interopRequireDefault(require("../../../../ui/WithPluginState"));
 var _pluginKey = require("../../plugin-key");
-var _search = require("../../search");
 var _ModalElementBrowser = _interopRequireDefault(require("../../../../ui/ElementBrowser/ModalElementBrowser"));
 var _commands = require("../../commands");
+var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var Modal = function Modal(_ref) {
@@ -19,8 +19,15 @@ var Modal = function Modal(_ref) {
     editorView = _ref.editorView,
     helpUrl = _ref.helpUrl;
   var getItems = (0, _react.useCallback)(function (query, category) {
-    return (0, _search.searchQuickInsertItems)(quickInsertState, {})(query, category);
-  }, [quickInsertState]);
+    return (0, _quickInsert.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 = (0, _react.useCallback)(function () {
     if (!editorView.hasFocus()) {
       editorView.focus();
@@ -39,8 +46,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
   });
 };

package/dist/cjs/plugins/selection/gap-cursor/utils/place-gap-cursor.js

@@ -91,7 +91,8 @@ var toDOM = function toDOM(view, getPos) {
     }
     if (layoutMode) {
       gapCursor.setAttribute('layout', layoutMode);
-      gapCursor.style.width = "".concat(measureWidth(style), "px");
+      var breakoutModeStyle = (0, _utils.getComputedStyleForLayoutMode)(dom, node, style);
+      gapCursor.style.width = "".concat(measureWidth(breakoutModeStyle), "px");
     } else {
       mutateElementStyle(gapCursor, style, selection.side);
     }

package/dist/cjs/plugins/selection/gap-cursor/utils.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getComputedStyleForLayoutMode = void 0;
 exports.getLayoutModeFromTargetNode = getLayoutModeFromTargetNode;
 exports.getMediaNearPos = getMediaNearPos;
 exports.isTextBlockNearPos = exports.isLeftCursor = exports.isIgnoredClick = void 0;
@@ -123,4 +124,19 @@ var isIgnoredClick = function isIgnoredClick(elem) {
   }
   return false;
 };
-exports.isIgnoredClick = isIgnoredClick;
+
+/* 
+  Calculates custom style for breakout mode
+  Mainly to handle table width to include the numbered column width as well
+*/
+exports.isIgnoredClick = isIgnoredClick;
+var getComputedStyleForLayoutMode = function getComputedStyleForLayoutMode(dom, node, style) {
+  if (node && node.type.name === 'table') {
+    var tableContainer = dom.querySelector('.pm-table-container');
+    if (tableContainer) {
+      return window.getComputedStyle(tableContainer);
+    }
+  }
+  return style;
+};
+exports.getComputedStyleForLayoutMode = getComputedStyleForLayoutMode;