@atlaskit/editor-plugin-quick-insert 29.0.4 → 30.0.1

package/dist/esm/ui/registered-menu/ToolbarQuickInsertMenu.js

@@ -0,0 +1,120 @@
+/* ToolbarQuickInsertMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
+import "./ToolbarQuickInsertMenu.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback } from 'react';
+import { RegisteredMenuList } from '@atlaskit/editor-common/registered-menu/list';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { getQuickInsertMenuItemId } from './getQuickInsertMenuItemId';
+import { QuickInsertEmptyState } from './QuickInsertEmptyState';
+var MENU_FOOTER_HEIGHT = 45;
+var LIST_WIDTH = 350;
+var styles = {
+  content: "_1e0c1txw _2lx21bp4 _1tkeidpf",
+  scrollable: "_16jlkb7n _1tkeidpf _18m91wug",
+  footer: "_1o9zidpf",
+  externalControls: "_1i531l7x _15a5nqa1 _uwhke4h9 _1q51u2gc _85i5u2gc",
+  footerDivider: "_1i531l7x _15a5nqa1 _uwhke4h9 _1o9zidpf"
+};
+export var ToolbarQuickInsertMenu = function ToolbarQuickInsertMenu(_ref) {
+  var Item = _ref.Item,
+    model = _ref.model,
+    emptyStateHandler = _ref.emptyStateHandler,
+    listLabel = _ref.listLabel,
+    activePreviewItemKey = _ref.activePreviewItemKey,
+    itemCount = _ref.itemCount,
+    listId = _ref.listId,
+    maxHeight = _ref.maxHeight,
+    rows = _ref.rows,
+    onItemBlur = _ref.onItemBlur,
+    onItemFocus = _ref.onItemFocus,
+    onItemHover = _ref.onItemHover,
+    onItemLeave = _ref.onItemLeave,
+    onItemVisibilityChange = _ref.onItemVisibilityChange,
+    onRenderedItemsChange = _ref.onRenderedItemsChange,
+    query = _ref.query,
+    selectedItemIndex = _ref.selectedItemIndex;
+  var footerItemIndex = itemCount - 1;
+  var footerItemId = getQuickInsertMenuItemId(listId, footerItemIndex);
+  var isEmptySearch = query !== '' && model.sections.length === 0;
+  var hasNoSearchResults = model.sections.length === 0 && model.fallbackItems.length === 0;
+  var externalControls = isEmptySearch ? emptyStateHandler === null || emptyStateHandler === void 0 ? void 0 : emptyStateHandler({
+    mode: 'inline',
+    searchTerm: query,
+    showNoResultsMessage: false
+  }) : null;
+  var onFooterItemFocus = useCallback(function () {
+    return onItemFocus(footerItemIndex);
+  }, [footerItemIndex, onItemFocus]);
+  var onFooterItemHover = useCallback(function () {
+    return onItemHover(footerItemIndex);
+  }, [footerItemIndex, onItemHover]);
+  var listMaxHeight = Math.max(0, maxHeight - (model.footer ? MENU_FOOTER_HEIGHT : 0));
+  var contentStyle = {
+    maxHeight: maxHeight
+  };
+  var getItemId = useCallback(function (_ref2) {
+    var itemIndex = _ref2.itemIndex;
+    return getQuickInsertMenuItemId(listId, itemIndex);
+  }, [listId]);
+  var onScrollableContentScroll = useCallback(function (event) {
+    if (event.target === event.currentTarget && activePreviewItemKey) {
+      onItemVisibilityChange(activePreviewItemKey, false);
+    }
+  }, [activePreviewItemKey, onItemVisibilityChange]);
+  if (!model.root) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.content,
+    style: contentStyle
+  }, /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.scrollable,
+    onScroll: onScrollableContentScroll
+  }, /*#__PURE__*/React.createElement(Box, {
+    "aria-label": listLabel,
+    "aria-owns": model.footer ? footerItemId : undefined,
+    id: listId,
+    role: "listbox"
+  }, rows.length > 0 && /*#__PURE__*/React.createElement(RegisteredMenuList, {
+    rows: rows,
+    Item: Item,
+    width: LIST_WIDTH,
+    maxHeight: listMaxHeight,
+    getItemId: getItemId,
+    activeItemKey: activePreviewItemKey,
+    selectedItemIndex: selectedItemIndex,
+    scrollResetKey: query,
+    onItemHover: onItemHover,
+    onItemFocus: onItemFocus,
+    onItemBlur: onItemBlur,
+    onItemLeave: onItemLeave,
+    onItemVisibilityChange: onItemVisibilityChange,
+    onRenderedItemsChange: onRenderedItemsChange,
+    role: "group",
+    tabIndex: null,
+    omitAriaReadonly: true,
+    lastRowPadding: "space.100",
+    scrollTo: "top-on-reset"
+  })), query !== '' && hasNoSearchResults && /*#__PURE__*/React.createElement(QuickInsertEmptyState, {
+    mode: "inline"
+  }), externalControls && /*#__PURE__*/React.createElement(Box, {
+    testId: "registered-insert-menu-external-controls",
+    xcss: styles.externalControls
+  }, externalControls)), model.footer && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.footer
+  }, /*#__PURE__*/React.createElement(Box, {
+    testId: "registered-insert-menu-footer",
+    xcss: styles.footer
+  }, !isEmptySearch || !hasNoSearchResults || Boolean(externalControls) ? /*#__PURE__*/React.createElement(Box, {
+    "aria-hidden": "true",
+    xcss: styles.footerDivider
+  }) : null, /*#__PURE__*/React.createElement(Box, {
+    onFocus: onFooterItemFocus,
+    onMouseMove: onFooterItemHover
+  }, /*#__PURE__*/React.createElement(Item, {
+    id: footerItemId,
+    isSelected: selectedItemIndex === footerItemIndex,
+    isActive: false,
+    registration: model.footer
+  })))));
+};

package/dist/esm/ui/registered-menu/TypeAheadQuickInsertMenu.compiled.css

@@ -0,0 +1,3 @@
+._15a5nqa1{border-top-style:solid}
+._1i531l7x{border-top-color:var(--ds-border,#0b120e24)}
+._uwhke4h9{border-top-width:var(--ds-border-width,1px)}

package/dist/esm/ui/registered-menu/TypeAheadQuickInsertMenu.js

@@ -0,0 +1,82 @@
+/* TypeAheadQuickInsertMenu.tsx generated by @compiled/babel-plugin v3.0.2 */
+import "./TypeAheadQuickInsertMenu.compiled.css";
+import { ax, ix } from "@compiled/react/runtime";
+import React, { useCallback } from 'react';
+import { RegisteredMenuList } from '@atlaskit/editor-common/registered-menu/list';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { getQuickInsertMenuItemId } from './getQuickInsertMenuItemId';
+import { QuickInsertEmptyState } from './QuickInsertEmptyState';
+var LIST_WIDTH = 320;
+var MENU_FOOTER_HEIGHT = 45;
+var MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING = 51;
+var styles = {
+  footer: "_1i531l7x _15a5nqa1 _uwhke4h9"
+};
+export var TypeAheadQuickInsertMenu = function TypeAheadQuickInsertMenu(_ref) {
+  var Item = _ref.Item,
+    rows = _ref.rows,
+    activeItemKey = _ref.activeItemKey,
+    itemCount = _ref.itemCount,
+    listId = _ref.listId,
+    listLabel = _ref.listLabel,
+    maxHeight = _ref.maxHeight,
+    model = _ref.model,
+    onItemFocus = _ref.onItemFocus,
+    onItemBlur = _ref.onItemBlur,
+    onItemHover = _ref.onItemHover,
+    onItemLeave = _ref.onItemLeave,
+    onItemVisibilityChange = _ref.onItemVisibilityChange,
+    onRenderedItemsChange = _ref.onRenderedItemsChange,
+    _ref$query = _ref.query,
+    query = _ref$query === void 0 ? '' : _ref$query,
+    selectedItemIndex = _ref.selectedItemIndex,
+    _ref$hasScrollPadding = _ref.hasScrollPadding,
+    hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding;
+  var footerItemIndex = itemCount - 1;
+  var onFooterItemHover = useCallback(function () {
+    return onItemHover(footerItemIndex);
+  }, [footerItemIndex, onItemHover]);
+  var getItemId = useCallback(function (_ref2) {
+    var itemIndex = _ref2.itemIndex;
+    return getQuickInsertMenuItemId(listId, itemIndex);
+  }, [listId]);
+  if (!model.root) {
+    return null;
+  }
+  var listMaxHeight = Math.max(0, maxHeight - (model.footer ? hasScrollPadding ? MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING : MENU_FOOTER_HEIGHT : 0));
+  var hasListboxContent = rows.length > 0 || model.footer !== undefined;
+  return /*#__PURE__*/React.createElement(Box, {
+    "aria-label": hasListboxContent ? listLabel : undefined,
+    id: listId,
+    role: hasListboxContent ? 'listbox' : undefined
+  }, rows.length > 0 ? /*#__PURE__*/React.createElement(RegisteredMenuList, {
+    rows: rows,
+    Item: Item,
+    width: LIST_WIDTH,
+    maxHeight: listMaxHeight,
+    getItemId: getItemId,
+    activeItemKey: activeItemKey,
+    selectedItemIndex: selectedItemIndex,
+    scrollResetKey: query,
+    hasScrollPadding: hasScrollPadding,
+    scrollTo: "top-on-reset",
+    onItemFocus: onItemFocus,
+    onItemBlur: onItemBlur,
+    onItemHover: onItemHover,
+    onItemLeave: onItemLeave,
+    onItemVisibilityChange: onItemVisibilityChange,
+    onRenderedItemsChange: onRenderedItemsChange
+  }) : query !== '' && /*#__PURE__*/React.createElement(QuickInsertEmptyState, {
+    mode: "inline",
+    spacing: "spacious"
+  }), model.footer && /*#__PURE__*/React.createElement(Box, {
+    onMouseMove: onFooterItemHover,
+    paddingBlockEnd: hasScrollPadding ? 'space.075' : undefined,
+    xcss: styles.footer
+  }, /*#__PURE__*/React.createElement(Item, {
+    id: getQuickInsertMenuItemId(listId, footerItemIndex),
+    isSelected: selectedItemIndex === footerItemIndex,
+    isActive: false,
+    registration: model.footer
+  })));
+};

package/dist/esm/ui/registered-menu/assets/no-results.js

@@ -0,0 +1,29 @@
+import React from 'react';
+export default function NoResultsIllustration(_ref) {
+  var height = _ref.height,
+    width = _ref.width;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 57 63",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    focusable: "false"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#dddee1",
+    d: "M23.5 49.223c-5.196 0-10.166-1.955-14.442-5.814a30 30 0 0 1-3.545-3.85 29.6 29.6 0 0 1-2.868-4.456c-4.56-8.775-3.179-18.124 3.79-25.647a32.6 32.6 0 0 1 3.942-3.593 32 32 0 0 1 4.287-2.81c9.017-4.89 18.424-3.869 25.803 2.8a30.3 30.3 0 0 1 3.59 3.897 29.7 29.7 0 0 1 2.837 4.396C51.5 22.96 50.12 32.324 43.106 39.83a31.5 31.5 0 0 1-3.797 3.442 33 33 0 0 1-4.468 2.912c-3.777 2.03-7.62 3.036-11.341 3.036zm2.478-44.539c-2.957 0-6.02.824-9.082 2.489a28 28 0 0 0-3.658 2.396 27.5 27.5 0 0 0-3.37 3.07C4.24 18.711 3.15 25.92 6.798 32.941a25 25 0 0 0 2.42 3.75 25 25 0 0 0 2.981 3.24c5.866 5.299 13.119 6.054 20.427 2.13a27.4 27.4 0 0 0 3.818-2.492 27.5 27.5 0 0 0 3.24-2.936c5.658-6.054 6.741-13.27 3.06-20.318a25 25 0 0 0-2.39-3.698 25.3 25.3 0 0 0-3.021-3.289c-3.418-3.086-7.288-4.645-11.348-4.645z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#dddee1",
+    d: "M42.822 42.291c-1.21-1.685-2.509-1.675-3.777-.694-1.19.92-1.507 2.164-.24 3.801l1.45 1.873 4.017-3.107z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#dddee1",
+    d: "m45.28 43.385-6.03 4.663 11.332 14.657 6.03-4.663z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#b7b9be",
+    d: "m44.31 44.134-4.091 3.163 3.843 4.97 4.091-3.163z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "#dddee1",
+    d: "M26.834 30.328h-3.42v-.217c-.116-2.432 1.264-5.066 3.227-6.143l.037-.02q.08-.042.154-.093c1.071-.69 1.68-1.88 1.643-3.189-.037-1.298-.707-2.439-1.791-3.052a4.5 4.5 0 0 0-2.21-.592c-2.315 0-4.198 1.897-4.198 4.229h-3.42c0-4.23 3.417-7.672 7.618-7.672a7.9 7.9 0 0 1 3.884 1.033c2.14 1.211 3.462 3.437 3.534 5.955.073 2.53-1.125 4.84-3.203 6.18q-.211.139-.424.251c-.815.458-1.497 1.868-1.434 2.97zM24.795 32.303a3.4 3.4 0 0 1 1.096-.004c1.115.183 2.021.965 2.241 2.182l.002.01.002.009a3.4 3.4 0 0 1-.002 1.103v.004c-.216 1.23-1.136 2.009-2.247 2.19a3.417 3.417 0 0 1-1.085-.003c-1.117-.18-2.027-.961-2.249-2.179l-.002-.01-.001-.01a3.3 3.3 0 0 1 0-1.095l.002-.01.001-.01c.223-1.223 1.137-1.992 2.24-2.177z"
+  }));
+}

package/dist/esm/ui/registered-menu/get-quick-insert-menu-model.js

@@ -0,0 +1,247 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import { ASK_ROVO_MENU_ITEM, MENU, SEARCH_RESULTS_SECTION } from '@atlaskit/editor-common/quick-insert/keys';
+import { applyRegisteredItemRanks } from '@atlaskit/editor-common/registered-menu/item-rank';
+import { isMenuFooterSectionKey } from '@atlaskit/editor-common/type-ahead-is-menu-footer-section-key';
+import { isSectionOverflowItemKey } from '@atlaskit/editor-common/type-ahead-is-section-overflow-item-key';
+import { getComponentIdentity, resolveSurface, willComponentRender } from '@atlaskit/editor-ui-control-model/surface-renderer';
+import { QuickInsertSearchResultsSection } from './QuickInsertSearchResultsSection';
+var SEARCH_TOP_MATCH_LIMIT = 5;
+var SEARCH_RESULTS_HEADING = {
+  key: SEARCH_RESULTS_SECTION.key,
+  type: SEARCH_RESULTS_SECTION.type,
+  component: QuickInsertSearchResultsSection,
+  parents: [{
+    key: MENU.key,
+    type: MENU.type,
+    rank: 0
+  }]
+};
+var getParentRank = function getParentRank(component, parentKey) {
+  var _component$parents$fi, _component$parents;
+  return (_component$parents$fi = (_component$parents = component.parents) === null || _component$parents === void 0 || (_component$parents = _component$parents.find(function (parent) {
+    return parent.key === parentKey;
+  })) === null || _component$parents === void 0 ? void 0 : _component$parents.rank) !== null && _component$parents$fi !== void 0 ? _component$parents$fi : Number.MAX_SAFE_INTEGER;
+};
+var compareMatchedItems = function compareMatchedItems(a, b) {
+  return a.sectionRank - b.sectionRank || a.score - b.score || a.itemRank - b.itemRank || a.sourceIndex - b.sourceIndex || a.identity.localeCompare(b.identity);
+};
+var compareSearchResults = function compareSearchResults(a, b) {
+  return a.score - b.score || a.sectionRank - b.sectionRank || a.itemRank - b.itemRank || a.sourceIndex - b.sourceIndex || a.identity.localeCompare(b.identity);
+};
+var comparePrioritizedSearchResults = function comparePrioritizedSearchResults(a, b) {
+  var _b$priorityGroup, _a$priorityGroup;
+  return ((_b$priorityGroup = b.priorityGroup) !== null && _b$priorityGroup !== void 0 ? _b$priorityGroup : 0) - ((_a$priorityGroup = a.priorityGroup) !== null && _a$priorityGroup !== void 0 ? _a$priorityGroup : 0) || compareSearchResults(a, b);
+};
+var getSearchResults = function getSearchResults(matches) {
+  var topMatches = Array.from(matches).sort(compareSearchResults).slice(0, SEARCH_TOP_MATCH_LIMIT);
+  var topMatchIdentities = new Set(topMatches.map(function (_ref) {
+    var identity = _ref.identity;
+    return identity;
+  }));
+  var tailMatches = matches.filter(function (_ref2) {
+    var identity = _ref2.identity;
+    return !topMatchIdentities.has(identity);
+  });
+  return [].concat(_toConsumableArray(topMatches), _toConsumableArray(tailMatches)).map(function (_ref3) {
+    var item = _ref3.item;
+    return item;
+  });
+};
+var getRenderedMenuItems = function getRenderedMenuItems(section, childrenMap, surfaceContext) {
+  var _childrenMap$get;
+  return ((_childrenMap$get = childrenMap.get(getComponentIdentity(section))) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : []).filter(function (child) {
+    return child.type === 'menu-item' && willComponentRender(child, childrenMap, surfaceContext);
+  });
+};
+var buildBrowseSections = function buildBrowseSections(_ref4) {
+  var childrenMap = _ref4.childrenMap,
+    contentSections = _ref4.contentSections,
+    selectCategoryItems = _ref4.selectCategoryItems,
+    surfaceContext = _ref4.surfaceContext;
+  var sections = [];
+  var _iterator = _createForOfIteratorHelper(contentSections),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var section = _step.value;
+      var children = getRenderedMenuItems(section, childrenMap, surfaceContext);
+      var overflowItems = children.filter(function (child) {
+        return isSectionOverflowItemKey(child.key);
+      });
+      var viewMoreItem = overflowItems[overflowItems.length - 1];
+      var items = children.filter(function (child) {
+        return !isSectionOverflowItemKey(child.key);
+      });
+      if (items.length === 0) {
+        continue;
+      }
+      var selectedItems = viewMoreItem !== undefined && selectCategoryItems !== undefined ? selectCategoryItems(items) : items;
+      if (selectedItems.length < items.length && viewMoreItem !== undefined) {
+        sections.push([section].concat(_toConsumableArray(selectedItems), [viewMoreItem]));
+      } else {
+        sections.push([section].concat(_toConsumableArray(selectedItems)));
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return {
+    fallbackItems: [],
+    sections: sections
+  };
+};
+var buildSearchSections = function buildSearchSections(_ref5) {
+  var childrenMap = _ref5.childrenMap,
+    components = _ref5.components,
+    contentSections = _ref5.contentSections,
+    formatMessage = _ref5.formatMessage,
+    query = _ref5.query,
+    root = _ref5.root,
+    surfaceContext = _ref5.surfaceContext;
+  var matches = new Map();
+  var sourceIndexByComponent = new Map(components.map(function (component, index) {
+    return [component, index];
+  }));
+  var _iterator2 = _createForOfIteratorHelper(contentSections),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var section = _step2.value;
+      var _iterator3 = _createForOfIteratorHelper(getRenderedMenuItems(section, childrenMap, surfaceContext)),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _item$match, _match$score, _sourceIndexByCompone;
+          var item = _step3.value;
+          if (isSectionOverflowItemKey(item.key)) {
+            continue;
+          }
+          var match = (_item$match = item.match) === null || _item$match === void 0 ? void 0 : _item$match.call(item, {
+            formatMessage: formatMessage,
+            itemKey: item.key,
+            query: query
+          });
+          if (item.match && match === null) {
+            continue;
+          }
+          var candidate = {
+            identity: "".concat(item.type, ":").concat(item.key),
+            item: item,
+            itemRank: getParentRank(item, section.key),
+            priorityGroup: (match === null || match === void 0 ? void 0 : match.priorityGroup) !== undefined && Number.isFinite(match.priorityGroup) ? match.priorityGroup : undefined,
+            score: Math.min(1, Math.max(0, (_match$score = match === null || match === void 0 ? void 0 : match.score) !== null && _match$score !== void 0 ? _match$score : 0)),
+            sourceIndex: (_sourceIndexByCompone = sourceIndexByComponent.get(item)) !== null && _sourceIndexByCompone !== void 0 ? _sourceIndexByCompone : Number.MAX_SAFE_INTEGER,
+            sectionRank: getParentRank(section, root.key)
+          };
+          var existing = matches.get(candidate.identity);
+          if (!existing || compareMatchedItems(candidate, existing) < 0) {
+            matches.set(candidate.identity, candidate);
+          }
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  var uniqueMatches = Array.from(matches.values()).sort(compareMatchedItems);
+  var prioritizedMatches = uniqueMatches.filter(function (_ref6) {
+    var priorityGroup = _ref6.priorityGroup;
+    return priorityGroup !== undefined;
+  });
+  var unprioritizedMatches = uniqueMatches.filter(function (_ref7) {
+    var priorityGroup = _ref7.priorityGroup;
+    return priorityGroup === undefined;
+  });
+  var orderedSearchResults = [].concat(_toConsumableArray(prioritizedMatches.sort(comparePrioritizedSearchResults).map(function (_ref8) {
+    var item = _ref8.item;
+    return item;
+  })), _toConsumableArray(getSearchResults(unprioritizedMatches)));
+  if (orderedSearchResults.length > 0) {
+    return {
+      fallbackItems: [],
+      sections: [[SEARCH_RESULTS_HEADING].concat(_toConsumableArray(orderedSearchResults))]
+    };
+  }
+  var fallbackItem = contentSections.flatMap(function (section) {
+    var _childrenMap$get2;
+    return (_childrenMap$get2 = childrenMap.get(getComponentIdentity(section))) !== null && _childrenMap$get2 !== void 0 ? _childrenMap$get2 : [];
+  }).find(function (component) {
+    return component.type === ASK_ROVO_MENU_ITEM.type && component.key === ASK_ROVO_MENU_ITEM.key && willComponentRender(component, childrenMap, surfaceContext);
+  });
+  return {
+    fallbackItems: fallbackItem ? [fallbackItem] : [],
+    sections: []
+  };
+};
+
+/**
+ * Builds the registered quick-insert menu model. An empty query browses every
+ * category; a non-empty query returns ranked matches. The footer is shared by both.
+ */
+export var getQuickInsertMenuModel = function getQuickInsertMenuModel(_ref9) {
+  var components = _ref9.components,
+    formatMessage = _ref9.formatMessage,
+    getItemRank = _ref9.getItemRank,
+    query = _ref9.query,
+    rootComponent = _ref9.rootComponent,
+    selectCategoryItems = _ref9.selectCategoryItems,
+    surfaceContext = _ref9.surfaceContext;
+  var rankedComponents = applyRegisteredItemRanks(components, getItemRank);
+  var _resolveSurface = resolveSurface(rankedComponents, rootComponent),
+    childrenMap = _resolveSurface.childrenMap,
+    root = _resolveSurface.root,
+    _resolveSurface$topLe = _resolveSurface.topLevelChildren,
+    topLevelChildren = _resolveSurface$topLe === void 0 ? [] : _resolveSurface$topLe;
+  if (!root || !willComponentRender(root, childrenMap, surfaceContext)) {
+    return {
+      fallbackItems: [],
+      footer: undefined,
+      root: undefined,
+      sections: []
+    };
+  }
+  var renderedSections = topLevelChildren.filter(function (section) {
+    return section.type === 'menu-section' && willComponentRender(section, childrenMap, surfaceContext);
+  });
+  var footerSection = renderedSections.find(function (_ref0) {
+    var key = _ref0.key;
+    return isMenuFooterSectionKey(key);
+  });
+  var contentSections = renderedSections.filter(function (_ref1) {
+    var key = _ref1.key;
+    return !isMenuFooterSectionKey(key);
+  });
+  var content = query === '' ? buildBrowseSections({
+    childrenMap: childrenMap,
+    contentSections: contentSections,
+    selectCategoryItems: selectCategoryItems,
+    surfaceContext: surfaceContext
+  }) : buildSearchSections({
+    childrenMap: childrenMap,
+    components: rankedComponents,
+    contentSections: contentSections,
+    formatMessage: formatMessage,
+    query: query,
+    root: root,
+    surfaceContext: surfaceContext
+  });
+  var footer = footerSection ? getRenderedMenuItems(footerSection, childrenMap, surfaceContext)[0] : undefined;
+  return _objectSpread(_objectSpread({}, content), {}, {
+    footer: footer,
+    root: root
+  });
+};

package/dist/esm/ui/registered-menu/getQuickInsertMenuItemId.js

@@ -0,0 +1,3 @@
+export var getQuickInsertMenuItemId = function getQuickInsertMenuItemId(listId, itemIndex) {
+  return "".concat(listId, "-").concat(itemIndex);
+};

package/dist/esm/ui/registered-menu/selectQuickInsertCategoryItems.js

@@ -0,0 +1,21 @@
+import { quickInsertProviderMenuItemKey } from '@atlaskit/editor-common/quick-insert/get-provider-menu-item-key';
+var DEFAULT_ITEM_LIMIT = 30;
+var ECOSYSTEM_ITEM_LIMIT = 10;
+var isEcosystemQuickInsertItem = function isEcosystemQuickInsertItem(item) {
+  return quickInsertProviderMenuItemKey.isEcosystem(item.key);
+};
+
+/**
+ * Keeps the initial native and ecosystem results while ensuring ecosystem registrations
+ * remain discoverable beyond the default category item limit.
+ */
+export var selectQuickInsertCategoryItems = function selectQuickInsertCategoryItems(items) {
+  var ecosystemItemCount = 0;
+  return items.filter(function (item, index) {
+    var isEcosystemItem = isEcosystemQuickInsertItem(item);
+    if (isEcosystemItem) {
+      ecosystemItemCount++;
+    }
+    return index < DEFAULT_ITEM_LIMIT || isEcosystemItem && ecosystemItemCount <= ECOSYSTEM_ITEM_LIMIT;
+  });
+};

package/dist/esm/ui/registered-menu/useQuickInsertSearchAnalytics.js

@@ -0,0 +1,93 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { useCallback, useEffect, useRef } from 'react';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics/types/enums';
+var SEARCH_DEBOUNCE_MS = 1000;
+export var useQuickInsertSearchAnalytics = function useQuickInsertSearchAnalytics(_ref) {
+  var query = _ref.query,
+    resultCount = _ref.resultCount,
+    surface = _ref.surface,
+    category = _ref.category,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
+    fireAnalyticsEvent = _ref.fireAnalyticsEvent;
+  var latestOptions = useRef({
+    query: query,
+    resultCount: resultCount,
+    surface: surface,
+    category: category,
+    fireAnalyticsEvent: fireAnalyticsEvent
+  });
+  latestOptions.current = {
+    query: query,
+    resultCount: resultCount,
+    surface: surface,
+    category: category,
+    fireAnalyticsEvent: fireAnalyticsEvent
+  };
+  var pendingSearch = useRef(null);
+  var effectVersion = useRef(0);
+  var flush = useCallback(function () {
+    var pending = pendingSearch.current;
+    if (!pending) {
+      return;
+    }
+    clearTimeout(pending.timer);
+    pendingSearch.current = null;
+    var current = latestOptions.current;
+    if (current.query.trim() !== pending.query || !current.fireAnalyticsEvent) {
+      return;
+    }
+    var attributes = _objectSpread(_objectSpread({}, current.surface === 'element-browser' && current.category !== undefined ? {
+      category: current.category
+    } : {}), {}, {
+      isEmpty: current.resultCount === 0,
+      queryLength: current.query.trim().length,
+      resultCount: current.resultCount,
+      surface: current.surface
+    });
+    var payload = {
+      action: ACTION.SEARCHED,
+      actionSubject: ACTION_SUBJECT.QUICK_INSERT,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: attributes
+    };
+    current.fireAnalyticsEvent(payload);
+  }, []);
+  useEffect(function () {
+    var currentVersion = ++effectVersion.current;
+    if (!isOpen) {
+      flush();
+      return;
+    }
+    var trimmedQuery = query.trim();
+    if (!trimmedQuery) {
+      if (pendingSearch.current) {
+        clearTimeout(pendingSearch.current.timer);
+        pendingSearch.current = null;
+      }
+      return;
+    }
+    if (pendingSearch.current) {
+      clearTimeout(pendingSearch.current.timer);
+    }
+    var timer = setTimeout(flush, SEARCH_DEBOUNCE_MS);
+    pendingSearch.current = {
+      query: trimmedQuery,
+      timer: timer
+    };
+    return function () {
+      if (pendingSearch.current) {
+        clearTimeout(pendingSearch.current.timer);
+      }
+      Promise.resolve().then(function () {
+        // oxlint-disable-next-line react-hooks/exhaustive-deps -- The live effect version distinguishes dependency cleanup from a real unmount.
+        if (effectVersion.current === currentVersion) {
+          flush();
+        }
+      });
+    };
+  }, [query, surface, category, isOpen, flush]);
+  return flush;
+};

package/dist/types/quickInsertPluginType.d.ts

@@ -1,7 +1,7 @@
 import type { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import type { QuickInsertItem } from '@atlaskit/editor-common/provider-factory/quick-insert-provider';
 import type { IsRecommendedItem } from '@atlaskit/editor-common/quick-insert/is-recommended-item';
-import type { RegisteredItemRankResolver } from '@atlaskit/editor-common/type-ahead/item-rank';
+import type { RegisteredItemRankResolver } from '@atlaskit/editor-common/registered-menu/item-rank';
 import type { Command } from '@atlaskit/editor-common/types/command';
 import type { EditorCommand } from '@atlaskit/editor-common/types/editor-command';
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types/next-editor-plugin';

package/dist/types/ui/QuickInsertRecommendedSlot.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import type { RegisterMenuItem, SurfaceContext } from '@atlaskit/editor-ui-control-model/types';
-type Props = Record<string, unknown> & {
+import type { CommonComponentProps, RegisterMenuItem, SurfaceContext } from '@atlaskit/editor-ui-control-model/types';
+type Props = CommonComponentProps & {
     getSnapshot: (surfaceContext?: SurfaceContext) => RegisterMenuItem[];
     index: number;
 };
-export declare const QuickInsertRecommendedSlot: ({ index, getSnapshot, ...props }: Props) => React.ReactNode;
+export declare const QuickInsertRecommendedSlot: ({ children, parents, surfaceContext, index, getSnapshot, }: Props) => React.ReactNode;
 export {};

package/dist/types/ui/RegistryElementBrowser/RegistryElementBrowserSearchResults.d.ts

@@ -6,6 +6,7 @@ import React from 'react';
 import type { QuickInsertSelectionHandler } from '@atlaskit/editor-common/quick-insert/context';
 import type { EmptyStateHandler } from '@atlaskit/editor-common/types/empty-state-handler';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { SurfaceContext } from '@atlaskit/editor-ui-control-model/types';
 import type { RegistryElementBrowserItem } from './model';
 type Props = {
     editorView: EditorView;
@@ -20,13 +21,15 @@ type Props = {
     resultsId: string;
     section?: string;
     selectedKey?: string;
+    surfaceContext: SurfaceContext;
 };
-declare const RegistryElementBrowserItem: ({ editorView, isOffline, isSelected, item, onSelect, }: {
+declare const RegistryElementBrowserItem: ({ editorView, isOffline, isSelected, item, onSelect, surfaceContext, }: {
     editorView: EditorView;
     isOffline: boolean;
     isSelected: boolean;
     item: RegistryElementBrowserItem;
     onSelect: (key: string, handler: QuickInsertSelectionHandler) => void;
+    surfaceContext: SurfaceContext;
 }) => React.JSX.Element | null;
-export declare const RegistryElementBrowserSearchResults: ({ editorView, emptyStateHandler, fallbackItems, isLoading, isOffline, items, query, resultsId, section, selectedKey, onKeyDown, onSelect, }: Props) => React.JSX.Element;
+export declare const RegistryElementBrowserSearchResults: ({ editorView, emptyStateHandler, fallbackItems, isLoading, isOffline, items, query, resultsId, section, selectedKey, surfaceContext, onKeyDown, onSelect, }: Props) => React.JSX.Element;
 export {};