@atlaskit/editor-plugin-type-ahead 15.0.4 → 15.1.1

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/editor-plugin-type-ahead
 
+## 15.1.1
+
+### Patch Changes
+
+- [`3a4c286fdb8c1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3a4c286fdb8c1) -
+  Add registry-backed Quick Insert search matching under the existing
+  `platform_editor_slash_command` experiment. Make native, provider, and extension registered Quick
+  Insert items searchable.
+- Updated dependencies
+
+## 15.1.0
+
+### Minor Changes
+
+- [`c0cf420333ef1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c0cf420333ef1) -
+  Add public registration APIs for provider-backed Quick Insert components.
+
+  Providers can expose registered items directly:
+
+  ```tsx
+  const getComponents = async () => [
+  	{
+  		key: 'insert-table',
+  		component: TableItem,
+  		parents: [{ type: 'menu-section', key: 'quick-insert', rank: 1 }],
+  	},
+  ];
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 15.0.4
 
 ### Patch Changes

package/dist/cjs/ui/registered-menu/RegisteredTypeAheadMenu.js

@@ -11,12 +11,14 @@ require("./RegisteredTypeAheadMenu.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
 var _typeAheadIsSectionOverflowItemKey = require("@atlaskit/editor-common/type-ahead-is-section-overflow-item-key");
 var _ui = require("@atlaskit/editor-common/ui");
 var _constants = require("@atlaskit/editor-shared-styles/constants");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _InputQuery = require("../InputQuery");
 var _buildTypeAheadMenuModel = require("./buildTypeAheadMenuModel");
+var _getMatchingComponents = require("./getMatchingComponents");
 var _getTypeAheadGlobalViewMoreId = require("./getTypeAheadGlobalViewMoreId");
 var _getTypeAheadItemId = require("./getTypeAheadItemId");
 var _TypeAheadMenuRenderer = require("./TypeAheadMenuRenderer");
@@ -46,6 +48,8 @@ var RegisteredTypeAheadMenu = exports.RegisteredTypeAheadMenu = function Registe
     setQuery = _ref.setQuery,
     surface = _ref.surface,
     triggerHandler = _ref.triggerHandler;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
   var generatedId = (0, _react.useId)();
   var listId = "".concat(surface.listIdPrefix, "-").concat(generatedId);
   var menuRef = (0, _react.useRef)(null);
@@ -64,8 +68,8 @@ var RegisteredTypeAheadMenu = exports.RegisteredTypeAheadMenu = function Registe
     });
   }, [components]);
   var menuModel = (0, _react.useMemo)(function () {
-    return (0, _buildTypeAheadMenuModel.buildTypeAheadMenuModel)(components, surface.root, hasSectionOverflowItems ? SECTION_OVERFLOW_LIMIT : undefined);
-  }, [components, hasSectionOverflowItems, surface.root]);
+    return query === '' ? (0, _buildTypeAheadMenuModel.buildTypeAheadMenuModel)(components, surface.root, hasSectionOverflowItems ? SECTION_OVERFLOW_LIMIT : undefined) : (0, _getMatchingComponents.getMatchingComponents)(components, surface.root, query, formatMessage);
+  }, [components, formatMessage, hasSectionOverflowItems, query, surface.root]);
   var rows = (0, _react.useMemo)(function () {
     return menuModel.sections.flat();
   }, [menuModel.sections]);

package/dist/cjs/ui/registered-menu/getMatchingComponents.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMatchingComponents = void 0;
+var _typeAheadIsMenuFooterSectionKey = require("@atlaskit/editor-common/type-ahead-is-menu-footer-section-key");
+var _typeAheadIsSectionOverflowItemKey = require("@atlaskit/editor-common/type-ahead-is-section-overflow-item-key");
+var _surfaceRenderer = require("@atlaskit/editor-ui-control-model/surface-renderer");
+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; }
+var getRank = function getRank(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.score - b.score || a.sectionRank - b.sectionRank || a.itemRank - b.itemRank || a.identity.localeCompare(b.identity);
+};
+
+/**
+ * Resolves registered menu items for a non-empty query. This intentionally has
+ * no empty-query path so browse behavior remains owned by buildTypeAheadMenuModel.
+ */
+var getMatchingComponents = exports.getMatchingComponents = function getMatchingComponents(components, rootComponent, query, formatMessage) {
+  var _resolveSurface = (0, _surfaceRenderer.resolveSurface)(components, rootComponent),
+    childrenMap = _resolveSurface.childrenMap,
+    root = _resolveSurface.root,
+    topLevelChildren = _resolveSurface.topLevelChildren;
+  if (!root || !topLevelChildren) {
+    return {
+      footer: undefined,
+      root: root,
+      sections: []
+    };
+  }
+  var matches = new Map();
+  var _iterator = _createForOfIteratorHelper(topLevelChildren),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _childrenMap$get;
+      var section = _step.value;
+      if (section.type !== 'menu-section' || (0, _typeAheadIsMenuFooterSectionKey.isMenuFooterSectionKey)(section.key) || !(0, _surfaceRenderer.willComponentRender)(section, childrenMap)) {
+        continue;
+      }
+      var _iterator3 = _createForOfIteratorHelper((_childrenMap$get = childrenMap.get(section.key)) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : []),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _item$match, _match$score;
+          var item = _step3.value;
+          if (item.type !== 'menu-item' || (0, _typeAheadIsSectionOverflowItemKey.isSectionOverflowItemKey)(item.key) || !(0, _surfaceRenderer.willComponentRender)(item, childrenMap)) {
+            continue;
+          }
+          var match = (_item$match = item.match) === null || _item$match === void 0 ? void 0 : _item$match.call(item, {
+            formatMessage: formatMessage,
+            query: query
+          });
+          if (item.match && match === null) {
+            continue;
+          }
+          var candidate = {
+            identity: "".concat(item.type, ":").concat(item.key),
+            item: item,
+            itemRank: getRank(item, section.key),
+            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)),
+            section: section,
+            sectionRank: getRank(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) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var sectionsByKey = new Map();
+  var _iterator2 = _createForOfIteratorHelper(Array.from(matches.values()).sort(compareMatchedItems)),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _match = _step2.value;
+      var _existing = sectionsByKey.get(_match.section.key);
+      if (_existing) {
+        _existing.push(_match.item);
+      } else {
+        sectionsByKey.set(_match.section.key, [_match.section, _match.item]);
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return {
+    footer: undefined,
+    root: root,
+    sections: Array.from(sectionsByKey.values())
+  };
+};

package/dist/cjs/ui/registered-menu/quick-insert/TypeAheadQuickInsertItem.js

@@ -20,6 +20,7 @@ var TypeAheadQuickInsertItem = exports.TypeAheadQuickInsertItem = function TypeA
   var contextValue = (0, _react.useMemo)(function () {
     return {
       editorView: quickInsertContext.editorView,
+      isOffline: quickInsertContext.isOffline,
       item: {
         id: id,
         isSelected: isSelected

package/dist/cjs/ui/registered-menu/quick-insert/TypeAheadQuickInsertProvider.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TypeAheadQuickInsertProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _isOfflineMode = require("@atlaskit/editor-common/connectivity/isOfflineMode");
+var _hooks = require("@atlaskit/editor-common/hooks");
 var _provider = require("@atlaskit/editor-common/quick-insert/provider");
 var _insertTypeAheadItem = require("../../../pm-plugins/commands/insert-type-ahead-item");
 var _useTypeAheadContext2 = require("../useTypeAheadContext");
@@ -13,11 +15,19 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var TypeAheadQuickInsertProvider = exports.TypeAheadQuickInsertProvider = function TypeAheadQuickInsertProvider(_ref) {
   var children = _ref.children;
   var _useTypeAheadContext = (0, _useTypeAheadContext2.useTypeAheadContext)(),
+    api = _useTypeAheadContext.api,
     editorView = _useTypeAheadContext.editorView,
     inputMethod = _useTypeAheadContext.inputMethod,
     onClose = _useTypeAheadContext.onClose,
     query = _useTypeAheadContext.query,
     triggerHandler = _useTypeAheadContext.triggerHandler;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['connectivity'], function (_ref2) {
+      var connectivityState = _ref2.connectivityState;
+      return {
+        isOffline: (0, _isOfflineMode.isOfflineMode)(connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode)
+      };
+    }),
+    isOffline = _useSharedPluginState.isOffline;
   var select = (0, _react.useCallback)(function (selectionHandler) {
     onClose();
     queueMicrotask(function () {
@@ -32,9 +42,10 @@ var TypeAheadQuickInsertProvider = exports.TypeAheadQuickInsertProvider = functi
   var contextValue = (0, _react.useMemo)(function () {
     return {
       editorView: editorView,
+      isOffline: isOffline,
       select: select
     };
-  }, [editorView, select]);
+  }, [editorView, isOffline, select]);
   return /*#__PURE__*/_react.default.createElement(_provider.QuickInsertProvider, {
     value: contextValue
   }, children);

package/dist/es2019/ui/registered-menu/RegisteredTypeAheadMenu.js

@@ -2,12 +2,14 @@
 import "./RegisteredTypeAheadMenu.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { useIntl } from 'react-intl';
 import { isSectionOverflowItemKey } from '@atlaskit/editor-common/type-ahead-is-section-overflow-item-key';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
 import { Box } from '@atlaskit/primitives/compiled';
 import { InputQuery } from '../InputQuery';
 import { buildTypeAheadMenuModel } from './buildTypeAheadMenuModel';
+import { getMatchingComponents } from './getMatchingComponents';
 import { getTypeAheadGlobalViewMoreId } from './getTypeAheadGlobalViewMoreId';
 import { getTypeAheadItemId } from './getTypeAheadItemId';
 import { TypeAheadMenuRenderer } from './TypeAheadMenuRenderer';
@@ -36,6 +38,9 @@ export const RegisteredTypeAheadMenu = ({
   surface,
   triggerHandler
 }) => {
+  const {
+    formatMessage
+  } = useIntl();
   const generatedId = useId();
   const listId = `${surface.listIdPrefix}-${generatedId}`;
   const menuRef = useRef(null);
@@ -47,7 +52,7 @@ export const RegisteredTypeAheadMenu = ({
   const hasSectionOverflowItems = useMemo(() => components.some(({
     key
   }) => isSectionOverflowItemKey(key)), [components]);
-  const menuModel = useMemo(() => buildTypeAheadMenuModel(components, surface.root, hasSectionOverflowItems ? SECTION_OVERFLOW_LIMIT : undefined), [components, hasSectionOverflowItems, surface.root]);
+  const menuModel = useMemo(() => query === '' ? buildTypeAheadMenuModel(components, surface.root, hasSectionOverflowItems ? SECTION_OVERFLOW_LIMIT : undefined) : getMatchingComponents(components, surface.root, query, formatMessage), [components, formatMessage, hasSectionOverflowItems, query, surface.root]);
   const rows = useMemo(() => menuModel.sections.flat(), [menuModel.sections]);
   const selectableRowIndexes = useMemo(() => rows.flatMap((registration, rowIndex) => registration.type === 'menu-item' ? [rowIndex] : []), [rows]);
   const selectableRowKeys = selectableRowIndexes.map(index => {

package/dist/es2019/ui/registered-menu/getMatchingComponents.js

@@ -0,0 +1,72 @@
+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 { resolveSurface, willComponentRender } from '@atlaskit/editor-ui-control-model/surface-renderer';
+const getRank = (component, parentKey) => {
+  var _component$parents$fi, _component$parents, _component$parents$fi2;
+  return (_component$parents$fi = (_component$parents = component.parents) === null || _component$parents === void 0 ? void 0 : (_component$parents$fi2 = _component$parents.find(parent => parent.key === parentKey)) === null || _component$parents$fi2 === void 0 ? void 0 : _component$parents$fi2.rank) !== null && _component$parents$fi !== void 0 ? _component$parents$fi : Number.MAX_SAFE_INTEGER;
+};
+const compareMatchedItems = (a, b) => a.score - b.score || a.sectionRank - b.sectionRank || a.itemRank - b.itemRank || a.identity.localeCompare(b.identity);
+
+/**
+ * Resolves registered menu items for a non-empty query. This intentionally has
+ * no empty-query path so browse behavior remains owned by buildTypeAheadMenuModel.
+ */
+export const getMatchingComponents = (components, rootComponent, query, formatMessage) => {
+  const {
+    childrenMap,
+    root,
+    topLevelChildren
+  } = resolveSurface(components, rootComponent);
+  if (!root || !topLevelChildren) {
+    return {
+      footer: undefined,
+      root,
+      sections: []
+    };
+  }
+  const matches = new Map();
+  for (const section of topLevelChildren) {
+    if (section.type !== 'menu-section' || isMenuFooterSectionKey(section.key) || !willComponentRender(section, childrenMap)) {
+      continue;
+    }
+    for (const item of (_childrenMap$get = childrenMap.get(section.key)) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : []) {
+      var _childrenMap$get, _item$match, _match$score;
+      if (item.type !== 'menu-item' || isSectionOverflowItemKey(item.key) || !willComponentRender(item, childrenMap)) {
+        continue;
+      }
+      const match = (_item$match = item.match) === null || _item$match === void 0 ? void 0 : _item$match.call(item, {
+        formatMessage,
+        query
+      });
+      if (item.match && match === null) {
+        continue;
+      }
+      const candidate = {
+        identity: `${item.type}:${item.key}`,
+        item,
+        itemRank: getRank(item, section.key),
+        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)),
+        section,
+        sectionRank: getRank(section, root.key)
+      };
+      const existing = matches.get(candidate.identity);
+      if (!existing || compareMatchedItems(candidate, existing) < 0) {
+        matches.set(candidate.identity, candidate);
+      }
+    }
+  }
+  const sectionsByKey = new Map();
+  for (const match of Array.from(matches.values()).sort(compareMatchedItems)) {
+    const existing = sectionsByKey.get(match.section.key);
+    if (existing) {
+      existing.push(match.item);
+    } else {
+      sectionsByKey.set(match.section.key, [match.section, match.item]);
+    }
+  }
+  return {
+    footer: undefined,
+    root,
+    sections: Array.from(sectionsByKey.values())
+  };
+};

package/dist/es2019/ui/registered-menu/quick-insert/TypeAheadQuickInsertItem.js

@@ -12,6 +12,7 @@ export const TypeAheadQuickInsertItem = ({
   const Component = (_registration$compone = registration.component) !== null && _registration$compone !== void 0 ? _registration$compone : PassThrough;
   const contextValue = useMemo(() => ({
     editorView: quickInsertContext.editorView,
+    isOffline: quickInsertContext.isOffline,
     item: {
       id,
       isSelected

package/dist/es2019/ui/registered-menu/quick-insert/TypeAheadQuickInsertProvider.js

@@ -1,4 +1,6 @@
 import React, { useCallback, useMemo } from 'react';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { QuickInsertProvider } from '@atlaskit/editor-common/quick-insert/provider';
 import { performTypeAheadSelection } from '../../../pm-plugins/commands/insert-type-ahead-item';
 import { useTypeAheadContext } from '../useTypeAheadContext';
@@ -6,12 +8,20 @@ export const TypeAheadQuickInsertProvider = ({
   children
 }) => {
   const {
+    api,
     editorView,
     inputMethod,
     onClose,
     query,
     triggerHandler
   } = useTypeAheadContext();
+  const {
+    isOffline
+  } = useSharedPluginStateWithSelector(api, ['connectivity'], ({
+    connectivityState
+  }) => ({
+    isOffline: isOfflineMode(connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode)
+  }));
   const select = useCallback(selectionHandler => {
     onClose();
     queueMicrotask(() => {
@@ -25,8 +35,9 @@ export const TypeAheadQuickInsertProvider = ({
   }, [editorView, inputMethod, onClose, query, triggerHandler]);
   const contextValue = useMemo(() => ({
     editorView,
+    isOffline,
     select
-  }), [editorView, select]);
+  }), [editorView, isOffline, select]);
   return /*#__PURE__*/React.createElement(QuickInsertProvider, {
     value: contextValue
   }, children);

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

@@ -3,12 +3,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./RegisteredTypeAheadMenu.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback, useId, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { useIntl } from 'react-intl';
 import { isSectionOverflowItemKey } from '@atlaskit/editor-common/type-ahead-is-section-overflow-item-key';
 import { Popup } from '@atlaskit/editor-common/ui';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
 import { Box } from '@atlaskit/primitives/compiled';
 import { InputQuery } from '../InputQuery';
 import { buildTypeAheadMenuModel } from './buildTypeAheadMenuModel';
+import { getMatchingComponents } from './getMatchingComponents';
 import { getTypeAheadGlobalViewMoreId } from './getTypeAheadGlobalViewMoreId';
 import { getTypeAheadItemId } from './getTypeAheadItemId';
 import { TypeAheadMenuRenderer } from './TypeAheadMenuRenderer';
@@ -37,6 +39,8 @@ export var RegisteredTypeAheadMenu = function RegisteredTypeAheadMenu(_ref) {
     setQuery = _ref.setQuery,
     surface = _ref.surface,
     triggerHandler = _ref.triggerHandler;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   var generatedId = useId();
   var listId = "".concat(surface.listIdPrefix, "-").concat(generatedId);
   var menuRef = useRef(null);
@@ -55,8 +59,8 @@ export var RegisteredTypeAheadMenu = function RegisteredTypeAheadMenu(_ref) {
     });
   }, [components]);
   var menuModel = useMemo(function () {
-    return buildTypeAheadMenuModel(components, surface.root, hasSectionOverflowItems ? SECTION_OVERFLOW_LIMIT : undefined);
-  }, [components, hasSectionOverflowItems, surface.root]);
+    return query === '' ? buildTypeAheadMenuModel(components, surface.root, hasSectionOverflowItems ? SECTION_OVERFLOW_LIMIT : undefined) : getMatchingComponents(components, surface.root, query, formatMessage);
+  }, [components, formatMessage, hasSectionOverflowItems, query, surface.root]);
   var rows = useMemo(function () {
     return menuModel.sections.flat();
   }, [menuModel.sections]);

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

@@ -0,0 +1,106 @@
+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 { 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 { resolveSurface, willComponentRender } from '@atlaskit/editor-ui-control-model/surface-renderer';
+var getRank = function getRank(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.score - b.score || a.sectionRank - b.sectionRank || a.itemRank - b.itemRank || a.identity.localeCompare(b.identity);
+};
+
+/**
+ * Resolves registered menu items for a non-empty query. This intentionally has
+ * no empty-query path so browse behavior remains owned by buildTypeAheadMenuModel.
+ */
+export var getMatchingComponents = function getMatchingComponents(components, rootComponent, query, formatMessage) {
+  var _resolveSurface = resolveSurface(components, rootComponent),
+    childrenMap = _resolveSurface.childrenMap,
+    root = _resolveSurface.root,
+    topLevelChildren = _resolveSurface.topLevelChildren;
+  if (!root || !topLevelChildren) {
+    return {
+      footer: undefined,
+      root: root,
+      sections: []
+    };
+  }
+  var matches = new Map();
+  var _iterator = _createForOfIteratorHelper(topLevelChildren),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _childrenMap$get;
+      var section = _step.value;
+      if (section.type !== 'menu-section' || isMenuFooterSectionKey(section.key) || !willComponentRender(section, childrenMap)) {
+        continue;
+      }
+      var _iterator3 = _createForOfIteratorHelper((_childrenMap$get = childrenMap.get(section.key)) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : []),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var _item$match, _match$score;
+          var item = _step3.value;
+          if (item.type !== 'menu-item' || isSectionOverflowItemKey(item.key) || !willComponentRender(item, childrenMap)) {
+            continue;
+          }
+          var match = (_item$match = item.match) === null || _item$match === void 0 ? void 0 : _item$match.call(item, {
+            formatMessage: formatMessage,
+            query: query
+          });
+          if (item.match && match === null) {
+            continue;
+          }
+          var candidate = {
+            identity: "".concat(item.type, ":").concat(item.key),
+            item: item,
+            itemRank: getRank(item, section.key),
+            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)),
+            section: section,
+            sectionRank: getRank(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) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var sectionsByKey = new Map();
+  var _iterator2 = _createForOfIteratorHelper(Array.from(matches.values()).sort(compareMatchedItems)),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _match = _step2.value;
+      var _existing = sectionsByKey.get(_match.section.key);
+      if (_existing) {
+        _existing.push(_match.item);
+      } else {
+        sectionsByKey.set(_match.section.key, [_match.section, _match.item]);
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return {
+    footer: undefined,
+    root: root,
+    sections: Array.from(sectionsByKey.values())
+  };
+};

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

@@ -12,6 +12,7 @@ export var TypeAheadQuickInsertItem = function TypeAheadQuickInsertItem(_ref) {
   var contextValue = useMemo(function () {
     return {
       editorView: quickInsertContext.editorView,
+      isOffline: quickInsertContext.isOffline,
       item: {
         id: id,
         isSelected: isSelected

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

@@ -1,15 +1,25 @@
 import React, { useCallback, useMemo } from 'react';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { QuickInsertProvider } from '@atlaskit/editor-common/quick-insert/provider';
 import { performTypeAheadSelection } from '../../../pm-plugins/commands/insert-type-ahead-item';
 import { useTypeAheadContext } from '../useTypeAheadContext';
 export var TypeAheadQuickInsertProvider = function TypeAheadQuickInsertProvider(_ref) {
   var children = _ref.children;
   var _useTypeAheadContext = useTypeAheadContext(),
+    api = _useTypeAheadContext.api,
     editorView = _useTypeAheadContext.editorView,
     inputMethod = _useTypeAheadContext.inputMethod,
     onClose = _useTypeAheadContext.onClose,
     query = _useTypeAheadContext.query,
     triggerHandler = _useTypeAheadContext.triggerHandler;
+  var _useSharedPluginState = useSharedPluginStateWithSelector(api, ['connectivity'], function (_ref2) {
+      var connectivityState = _ref2.connectivityState;
+      return {
+        isOffline: isOfflineMode(connectivityState === null || connectivityState === void 0 ? void 0 : connectivityState.mode)
+      };
+    }),
+    isOffline = _useSharedPluginState.isOffline;
   var select = useCallback(function (selectionHandler) {
     onClose();
     queueMicrotask(function () {
@@ -24,9 +34,10 @@ export var TypeAheadQuickInsertProvider = function TypeAheadQuickInsertProvider(
   var contextValue = useMemo(function () {
     return {
       editorView: editorView,
+      isOffline: isOffline,
       select: select
     };
-  }, [editorView, select]);
+  }, [editorView, isOffline, select]);
   return /*#__PURE__*/React.createElement(QuickInsertProvider, {
     value: contextValue
   }, children);

package/dist/types/ui/registered-menu/getMatchingComponents.d.ts

@@ -0,0 +1,9 @@
+import type { IntlShape } from 'react-intl';
+import type { SurfaceIdentifier } from '@atlaskit/editor-ui-control-model/surface-renderer/types';
+import type { RegisterComponent } from '@atlaskit/editor-ui-control-model/types';
+import type { TypeAheadMenuModel } from './buildTypeAheadMenuModel';
+/**
+ * Resolves registered menu items for a non-empty query. This intentionally has
+ * no empty-query path so browse behavior remains owned by buildTypeAheadMenuModel.
+ */
+export declare const getMatchingComponents: (components: RegisterComponent[], rootComponent: SurfaceIdentifier, query: string, formatMessage: IntlShape['formatMessage']) => TypeAheadMenuModel;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "15.0.4",
+	"version": "15.1.1",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -27,10 +27,10 @@
 		"@atlaskit/editor-plugin-connectivity": "^14.0.0",
 		"@atlaskit/editor-plugin-context-panel": "^16.0.0",
 		"@atlaskit/editor-plugin-metrics": "^15.0.0",
-		"@atlaskit/editor-plugin-ui-control-registry": "^8.0.0",
+		"@atlaskit/editor-plugin-ui-control-registry": "^8.1.0",
 		"@atlaskit/editor-prosemirror": "^8.0.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
-		"@atlaskit/editor-ui-control-model": "^2.4.0",
+		"@atlaskit/editor-ui-control-model": "^2.6.0",
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
 		"@atlaskit/heading": "^7.0.0",
 		"@atlaskit/icon": "^37.3.0",
@@ -53,7 +53,7 @@
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^118.4.0",
+		"@atlaskit/editor-common": "^118.10.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"