@atlaskit/editor-plugin-type-ahead 30.0.4 → 31.0.0

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

@@ -2,264 +2,165 @@
 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, useSyncExternalStore } from 'react';
-import { useIntl } from 'react-intl';
+import React, { useCallback, useMemo, useState, useSyncExternalStore } from 'react';
+import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
 import Popup from '@atlaskit/editor-common/Popup';
-import { getQuickInsertMenuModel, getQuickInsertMenuRows, selectQuickInsertCategoryItems } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
-import { useMenuPopupSizing } from '@atlaskit/editor-common/quick-insert/use-menu-popup-sizing';
-import { useQuickInsertSearchAnalytics } from '@atlaskit/editor-common/quick-insert/use-search-analytics';
-import { isSectionOverflowItemKey } from '@atlaskit/editor-common/type-ahead-is-section-overflow-item-key';
-import { TYPE_AHEAD_SURFACE_CONTEXT } from '@atlaskit/editor-common/type-ahead-surface-context';
+import { RegisteredMenuContext } from '@atlaskit/editor-common/registered-menu/context';
+import { useMenuPopupSizing } from '@atlaskit/editor-common/registered-menu/popup-sizing';
+import { createRegisteredMenuSurfaceContext } from '@atlaskit/editor-common/registered-menu/surface-context';
+import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles/constants';
-import { createSurfaceContext } from '@atlaskit/editor-ui-control-model/create-surface-context';
+import { performTypeAheadSelection } from '../../pm-plugins/commands/insert-type-ahead-item';
 import { InputQuery } from '../InputQuery';
-import { getTypeAheadGlobalViewMoreId } from './getTypeAheadGlobalViewMoreId';
-import { getTypeAheadItemId } from './getTypeAheadItemId';
-import { TypeAheadMenuRenderer } from './TypeAheadMenuRenderer';
-import { TypeAheadProvider } from './TypeAheadProvider';
-var styles = {
-  menu: "_19itglyw _2rko1mok _1reo15vq _18m915vq _bfhk1bhr _r06hglyw _vchhusvi _16qs130s _1q51idpf _85i5idpf _1bsbnklw"
-};
 var DEFAULT_MENU_MAX_HEIGHT = 480;
-var MENU_WIDTH = 320;
 var POPUP_OFFSET = [0, 8];
+var styles = {
+  popup: "_19itglyw _2rko1mok _1reo15vq _18m915vq _bfhk1bhr _r06hglyw _vchhusvi _1q51idpf _85i5idpf _16qs130s _1bsbnklw"
+};
 var EMPTY_COMPONENTS = [];
 var subscribeToNothing = function subscribeToNothing() {
   return function () {};
 };
-export var RegisteredTypeAheadMenu = function RegisteredTypeAheadMenu(_ref) {
-  var _api$uiControlRegistr2, _api$uiControlRegistr3, _api$analytics;
-  var anchorElement = _ref.anchorElement,
-    api = _ref.api,
-    cancel = _ref.cancel,
-    editorView = _ref.editorView,
-    forceFocus = _ref.forceFocus,
-    _ref$maxHeight = _ref.maxHeight,
-    maxHeight = _ref$maxHeight === void 0 ? DEFAULT_MENU_MAX_HEIGHT : _ref$maxHeight,
-    onClose = _ref.onClose,
-    onUndoRedo = _ref.onUndoRedo,
-    popupsBoundariesElement = _ref.popupsBoundariesElement,
-    popupsMountPoint = _ref.popupsMountPoint,
-    popupsScrollableElement = _ref.popupsScrollableElement,
-    query = _ref.query,
-    reopenQuery = _ref.reopenQuery,
-    setQuery = _ref.setQuery,
-    surface = _ref.surface,
-    triggerHandler = _ref.triggerHandler;
-  var menuHeight = useMenuPopupSizing({
-    target: anchorElement,
-    boundariesElement: popupsBoundariesElement,
-    scrollableElement: popupsScrollableElement,
-    maxHeight: maxHeight,
+var noOp = function noOp() {};
+export var RegisteredTypeAheadMenu = function RegisteredTypeAheadMenu(props) {
+  var _props$maxHeight, _api$uiControlRegistr2, _api$uiControlRegistr3, _root$isHidden;
+  var api = props.api,
+    registeredMenuKey = props.registeredMenuKey,
+    query = props.query,
+    editorView = props.editorView,
+    onClose = props.onClose,
+    triggerHandler = props.triggerHandler,
+    popupsMountPoint = props.popupsMountPoint;
+  var rootComponent = useMemo(function () {
+    return {
+      key: registeredMenuKey,
+      type: 'menu'
+    };
+  }, [registeredMenuKey]);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    menuInteraction = _useState2[0],
+    setMenuInteraction = _useState2[1];
+  var registerInteraction = useCallback(function (interaction) {
+    setMenuInteraction(interaction);
+    return function () {
+      return setMenuInteraction(function (current) {
+        return current === interaction ? undefined : current;
+      });
+    };
+  }, []);
+  var maxHeight = useMenuPopupSizing({
+    target: props.anchorElement,
+    boundariesElement: props.popupsBoundariesElement,
+    scrollableElement: props.popupsScrollableElement,
+    maxHeight: (_props$maxHeight = props.maxHeight) !== null && _props$maxHeight !== void 0 ? _props$maxHeight : DEFAULT_MENU_MAX_HEIGHT,
     offset: POPUP_OFFSET[1]
   });
-  var _useIntl = useIntl(),
-    formatMessage = _useIntl.formatMessage;
-  var generatedId = useId();
-  var listId = "".concat(surface.listIdPrefix, "-").concat(generatedId);
-  var menuRef = useRef(null);
-  var _useState = useState(function () {
-      return {
-        menuOpenId: Symbol('type-ahead-menu-open')
-      };
+  var cancelMenu = useCallback(function (params) {
+    var _menuInteraction$onCl;
+    menuInteraction === null || menuInteraction === void 0 || (_menuInteraction$onCl = menuInteraction.onClose) === null || _menuInteraction$onCl === void 0 || _menuInteraction$onCl.call(menuInteraction);
+    props.cancel(params);
+  }, [menuInteraction, props.cancel]);
+  var _useState3 = useState(function () {
+      return Symbol('type-ahead-menu-open');
     }),
-    _useState2 = _slicedToArray(_useState, 1),
-    typeAheadSurfaceContext = _useState2[0];
+    _useState4 = _slicedToArray(_useState3, 1),
+    menuOpenId = _useState4[0];
   var surfaceContext = useMemo(function () {
-    return createSurfaceContext(TYPE_AHEAD_SURFACE_CONTEXT, typeAheadSurfaceContext);
-  }, [typeAheadSurfaceContext]);
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedItemIndex = _useState4[0],
-    setSelectedItemIndex = _useState4[1];
-  var selectedItemIndexRef = useRef(selectedItemIndex);
+    return createRegisteredMenuSurfaceContext({
+      menuOpenId: menuOpenId,
+      surface: 'typeahead'
+    });
+  }, [menuOpenId]);
   var getComponents = useCallback(function () {
     var _api$uiControlRegistr;
-    var components = api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 ? void 0 : _api$uiControlRegistr.actions.getComponents(surface.root.key);
+    var components = api === null || api === void 0 || (_api$uiControlRegistr = api.uiControlRegistry) === null || _api$uiControlRegistr === void 0 ? void 0 : _api$uiControlRegistr.actions.getComponents(rootComponent.key);
     return components !== null && components !== void 0 && components.length ? components : EMPTY_COMPONENTS;
-  }, [api, surface.root.key]);
+  }, [api, rootComponent.key]);
   var components = useSyncExternalStore((_api$uiControlRegistr2 = api === null || api === void 0 || (_api$uiControlRegistr3 = api.uiControlRegistry) === null || _api$uiControlRegistr3 === void 0 ? void 0 : _api$uiControlRegistr3.actions.subscribe) !== null && _api$uiControlRegistr2 !== void 0 ? _api$uiControlRegistr2 : subscribeToNothing, getComponents, getComponents);
-  var hasSectionOverflowItems = useMemo(function () {
-    return components.some(function (_ref2) {
-      var key = _ref2.key;
-      return isSectionOverflowItemKey(key);
-    });
-  }, [components]);
-  var menuModel = useMemo(function () {
-    return getQuickInsertMenuModel({
-      components: components,
-      formatMessage: formatMessage,
-      getItemRank: triggerHandler.getRegisteredItemRank,
-      query: query,
-      rootComponent: surface.root,
-      selectCategoryItems: hasSectionOverflowItems ? selectQuickInsertCategoryItems : undefined,
-      surfaceContext: surfaceContext
+  var root = useMemo(function () {
+    return components.find(function (_ref) {
+      var key = _ref.key,
+        type = _ref.type,
+        parents = _ref.parents;
+      return key === rootComponent.key && type === rootComponent.type && !(parents !== null && parents !== void 0 && parents.length);
     });
-  }, [components, formatMessage, hasSectionOverflowItems, query, surfaceContext, surface.root, triggerHandler.getRegisteredItemRank]);
-  var rows = useMemo(function () {
-    return getQuickInsertMenuRows(menuModel);
-  }, [menuModel]);
-  var searchResultCount = useMemo(function () {
-    return menuModel.sections.reduce(function (count, section) {
-      return count + section.filter(function (_ref3) {
-        var key = _ref3.key,
-          type = _ref3.type;
-        return type === 'menu-item' && !isSectionOverflowItemKey(key);
-      }).length;
-    }, 0);
-  }, [menuModel.sections]);
-  var flushSearchAnalytics = useQuickInsertSearchAnalytics({
-    fireAnalyticsEvent: api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.fireAnalyticsEvent,
-    query: query,
-    resultCount: searchResultCount,
-    surface: 'typeahead'
-  });
-  var closeMenu = useCallback(function () {
-    flushSearchAnalytics();
+  }, [components, rootComponent]);
+  var Root = root !== null && root !== void 0 && (_root$isHidden = root.isHidden) !== null && _root$isHidden !== void 0 && _root$isHidden.call(root, {
+    surfaceContext: surfaceContext
+  }) ? undefined : root === null || root === void 0 ? void 0 : root.component;
+  // Interaction updates should not recreate the registered component's own props.
+  var menu = useMemo(function () {
+    return Root && /*#__PURE__*/React.createElement(Root, null, null);
+  }, [Root]);
+  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 (selectItem) {
     onClose();
-  }, [flushSearchAnalytics, onClose]);
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    previewActivation = _useState6[0],
-    setPreviewActivation = _useState6[1];
-  var activePreviewItemKey = (previewActivation === null || previewActivation === void 0 ? void 0 : previewActivation.menuModel) === menuModel ? previewActivation.itemKey : undefined;
-  var selectableRowIndexes = useMemo(function () {
-    return rows.flatMap(function (registration, rowIndex) {
-      return registration.type === 'menu-item' ? [rowIndex] : [];
-    });
-  }, [rows]);
-  var selectableRowKeys = selectableRowIndexes.map(function (index) {
-    var _rows$index;
-    return (_rows$index = rows[index]) === null || _rows$index === void 0 ? void 0 : _rows$index.key;
-  }).join(',');
-  var selectableItemCount = selectableRowIndexes.length + (menuModel.footer ? 1 : 0);
-  useLayoutEffect(function () {
-    var initialItemIndex = selectableItemCount > 0 ? 0 : -1;
-    selectedItemIndexRef.current = initialItemIndex;
-    setSelectedItemIndex(initialItemIndex);
-  }, [query, selectableItemCount, selectableRowKeys]);
-  useLayoutEffect(function () {
-    setPreviewActivation(undefined);
-  }, [menuModel, query]);
-  var selectActiveItem = useCallback(function (_mode) {
-    var rowIndex = selectableRowIndexes[selectedItemIndex];
-    var selectedId = rowIndex !== undefined ? getTypeAheadItemId(listId, rowIndex) : menuModel.footer && selectedItemIndex === selectableRowIndexes.length ? getTypeAheadGlobalViewMoreId(listId) : undefined;
-    if (selectedId) {
-      var _menuRef$current;
-      (_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 || (_menuRef$current = _menuRef$current.ownerDocument.getElementById(selectedId)) === null || _menuRef$current === void 0 || _menuRef$current.click();
-    }
-  }, [listId, menuModel.footer, selectableRowIndexes, selectedItemIndex]);
-  var setKeyboardPreview = useCallback(function (itemIndex) {
-    var rowIndex = selectableRowIndexes[itemIndex];
-    var registration = rowIndex === undefined ? undefined : rows[rowIndex];
-    setPreviewActivation((registration === null || registration === void 0 ? void 0 : registration.type) === 'menu-item' ? {
-      itemKey: registration.key,
-      menuModel: menuModel,
-      source: 'keyboard'
-    } : undefined);
-  }, [menuModel, rows, selectableRowIndexes]);
-  var selectNextItem = useCallback(function () {
-    var currentIndex = selectedItemIndexRef.current;
-    var nextIndex = selectableItemCount === 0 ? -1 : currentIndex < 0 || currentIndex === selectableItemCount - 1 ? 0 : currentIndex + 1;
-    selectedItemIndexRef.current = nextIndex;
-    setSelectedItemIndex(nextIndex);
-    setKeyboardPreview(nextIndex);
-  }, [selectableItemCount, setKeyboardPreview]);
-  var selectPreviousItem = useCallback(function () {
-    var currentIndex = selectedItemIndexRef.current;
-    var previousIndex = selectableItemCount === 0 ? -1 : currentIndex <= 0 ? selectableItemCount - 1 : currentIndex - 1;
-    selectedItemIndexRef.current = previousIndex;
-    setSelectedItemIndex(previousIndex);
-    setKeyboardPreview(previousIndex);
-  }, [selectableItemCount, setKeyboardPreview]);
-  var onItemHover = useCallback(function (itemIndex, itemKey) {
-    selectedItemIndexRef.current = itemIndex;
-    setSelectedItemIndex(itemIndex);
-    setPreviewActivation(function (current) {
-      if ((current === null || current === void 0 ? void 0 : current.itemKey) === itemKey && (current === null || current === void 0 ? void 0 : current.menuModel) === menuModel && (current === null || current === void 0 ? void 0 : current.source) === 'pointer') {
-        return current;
-      }
-      return itemKey ? {
-        itemKey: itemKey,
-        menuModel: menuModel,
-        source: 'pointer'
-      } : undefined;
-    });
-  }, [menuModel]);
-  var onItemLeave = useCallback(function (itemKey) {
-    setPreviewActivation(function (current) {
-      return (current === null || current === void 0 ? void 0 : current.source) === 'pointer' && current.itemKey === itemKey ? undefined : current;
-    });
-  }, []);
-  var onItemVisibilityChange = useCallback(function (itemKey, isVisible) {
-    if (!isVisible) {
-      setPreviewActivation(function (current) {
-        return (current === null || current === void 0 ? void 0 : current.source) === 'pointer' && current.itemKey === itemKey ? undefined : current;
+    queueMicrotask(function () {
+      return performTypeAheadSelection(editorView)({
+        handler: triggerHandler,
+        query: query,
+        selectItem: selectItem
       });
-    }
-  }, []);
-  var typeAheadContextValue = useMemo(function () {
+    });
+  }, [editorView, onClose, query, triggerHandler]);
+  var registeredMenu = useMemo(function () {
     return {
-      activePreviewItemKey: activePreviewItemKey,
-      api: api,
+      components: components,
+      onClose: onClose,
+      maxHeight: maxHeight,
+      registerInteraction: registerInteraction,
       editorView: editorView,
-      inputMethod: surface.inputMethod,
-      menuOpenId: typeAheadSurfaceContext.menuOpenId,
-      onClose: closeMenu,
-      popupsMountPoint: popupsMountPoint,
+      getItemRank: triggerHandler.getRegisteredItemRank,
+      isOffline: isOffline,
+      menuOpenId: menuOpenId,
+      portalMountPoint: popupsMountPoint,
+      rootComponent: rootComponent,
       query: query,
-      surfaceContext: surfaceContext,
-      triggerHandler: triggerHandler
+      select: select,
+      surfaceContext: surfaceContext
     };
-  }, [activePreviewItemKey, api, editorView, closeMenu, popupsMountPoint, query, surface.inputMethod, surfaceContext, triggerHandler, typeAheadSurfaceContext]);
-  var noOp = useCallback(function () {}, []);
-  var SurfaceProvider = surface.Provider;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(InputQuery, {
-    activeDescendantId: selectableRowIndexes[selectedItemIndex] !== undefined ? getTypeAheadItemId(listId, selectableRowIndexes[selectedItemIndex]) : menuModel.footer && selectedItemIndex === selectableRowIndexes.length ? getTypeAheadGlobalViewMoreId(listId) : undefined,
-    cancel: cancel,
+  }, [onClose, maxHeight, registerInteraction, components, editorView, triggerHandler.getRegisteredItemRank, isOffline, menuOpenId, popupsMountPoint, rootComponent, query, select, surfaceContext]);
+  return /*#__PURE__*/React.createElement(RegisteredMenuContext.Provider, {
+    value: registeredMenu
+  }, /*#__PURE__*/React.createElement(InputQuery, {
+    menuInteraction: menuInteraction,
+    cancel: cancelMenu,
     editorView: editorView,
-    forceFocus: forceFocus,
-    listId: listId,
-    onItemSelect: selectActiveItem,
-    onQueryChange: setQuery,
+    forceFocus: props.forceFocus,
+    onItemSelect: noOp,
+    onQueryChange: props.setQuery,
     onQueryFocus: noOp,
-    onUndoRedo: onUndoRedo,
-    optionCount: selectableItemCount,
-    reopenQuery: reopenQuery,
-    selectNextItem: selectNextItem,
-    selectPreviousItem: selectPreviousItem,
+    onUndoRedo: props.onUndoRedo,
+    optionCount: 0,
+    reopenQuery: props.reopenQuery,
+    selectNextItem: noOp,
+    selectPreviousItem: noOp,
     shouldKeepOpenOnRegisteredMenu: true,
     triggerQueryPrefix: triggerHandler.trigger
-  }), /*#__PURE__*/React.createElement(Popup, {
-    ariaLabel: null,
-    boundariesElement: popupsBoundariesElement,
-    fitHeight: menuHeight,
-    fitWidth: MENU_WIDTH,
+  }), Root && /*#__PURE__*/React.createElement(Popup, {
+    zIndex: akEditorFloatingDialogZIndex,
+    target: props.anchorElement,
     mountTo: popupsMountPoint,
+    boundariesElement: props.popupsBoundariesElement,
+    scrollableElement: props.popupsScrollableElement,
+    fitHeight: maxHeight,
+    fitWidth: 320,
     offset: POPUP_OFFSET,
-    preventOverflow: true,
-    scrollableElement: popupsScrollableElement,
-    target: anchorElement,
-    zIndex: akEditorFloatingDialogZIndex
+    ariaLabel: null,
+    preventOverflow: true
   }, /*#__PURE__*/React.createElement("div", {
-    ref: menuRef,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Parent overlays use this class to restore pointer interaction.
-    className: ax([styles.menu, "fabric-editor-typeahead"]),
+    // Legacy host integrations also use this popup selector.
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Preserve the typeahead popup selector.
+    className: ax([styles.popup, "fabric-editor-typeahead"]),
     "data-registered-type-ahead-menu": "",
-    "data-testid": "registered-type-ahead-menu"
-  }, /*#__PURE__*/React.createElement(TypeAheadProvider, {
-    value: typeAheadContextValue
-  }, /*#__PURE__*/React.createElement(SurfaceProvider, null, /*#__PURE__*/React.createElement(TypeAheadMenuRenderer, {
-    Item: surface.Item,
-    listLabel: surface.listLabel,
-    listId: listId,
-    maxHeight: Math.max(0, menuHeight),
-    model: menuModel,
-    query: query,
-    hasScrollPadding: true,
-    onItemHover: onItemHover,
-    onItemLeave: onItemLeave,
-    onItemVisibilityChange: onItemVisibilityChange,
-    selectedItemIndex: selectedItemIndex
-  }))))));
+    "data-testid": "registered-type-ahead-menu",
+    hidden: !menuInteraction
+  }, menu)));
 };

package/dist/types/pm-plugins/commands/insert-type-ahead-item.d.ts

@@ -1,6 +1,7 @@
-import type { QuickInsertSelectionHandler } from '@atlaskit/editor-common/quick-insert/context';
+import type { InsertContentCallback } from '@atlaskit/editor-common/insert';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { TypeAheadHandler, TypeAheadItem } from '@atlaskit/editor-common/types/type-ahead';
+import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 type Props = {
     handler: TypeAheadHandler;
@@ -10,10 +11,9 @@ type Props = {
     sourceListItem: Array<TypeAheadItem>;
 };
 export declare const insertTypeAheadItem: (view: EditorView) => ({ item, handler, mode, query, sourceListItem }: Props) => void;
-export declare const performTypeAheadSelection: (view: EditorView) => ({ inputMethod, selectionHandler, handler, query, }: {
+export declare const performTypeAheadSelection: (view: EditorView) => ({ handler, query, selectItem, }: {
     handler: TypeAheadHandler;
-    inputMethod: Parameters<QuickInsertSelectionHandler>[0]['source'];
     query: string;
-    selectionHandler: QuickInsertSelectionHandler;
+    selectItem: (insert: InsertContentCallback) => Transaction | false | void;
 }) => void;
 export {};

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

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 import { jsx } from '@emotion/react';
+import type { RegisteredMenuInteraction } from '@atlaskit/editor-common/registered-menu';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { TypeAheadItem } from '@atlaskit/editor-common/types/type-ahead';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
@@ -19,12 +20,14 @@ type InputQueryProps = {
     }) => void;
     editorView: EditorView;
     forceFocus: boolean;
+    inputLabel?: string;
     /**
      * @private
      * @deprecated Pass `optionCount` instead.
      */
     items?: TypeAheadItem[];
     listId?: string;
+    menuInteraction?: RegisteredMenuInteraction;
     onItemSelect: (mode: SelectItemMode) => void;
     onQueryChange: (query: string) => void;
     onQueryFocus: () => void;
@@ -36,5 +39,5 @@ type InputQueryProps = {
     shouldKeepOpenOnRegisteredMenu?: boolean;
     triggerQueryPrefix: string;
 };
-export declare const InputQuery: React.MemoExoticComponent<({ activeDescendantId, triggerQueryPrefix, cancel, onQueryChange, onItemSelect, selectNextItem, selectPreviousItem, forceFocus, reopenQuery, onQueryFocus, onUndoRedo, editorView, items, listId, optionCount, shouldKeepOpenOnRegisteredMenu, }: InputQueryProps) => jsx.JSX.Element>;
+export declare const InputQuery: React.MemoExoticComponent<({ activeDescendantId, triggerQueryPrefix, cancel, onQueryChange, onItemSelect, selectNextItem, selectPreviousItem, forceFocus, reopenQuery, onQueryFocus, onUndoRedo, editorView, items, inputLabel, menuInteraction, listId, optionCount, shouldKeepOpenOnRegisteredMenu, }: InputQueryProps) => jsx.JSX.Element>;
 export {};

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

@@ -8,7 +8,6 @@ import type { TypeAheadHandler } from '@atlaskit/editor-common/types/type-ahead'
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { CloseSelectionOptions } from '../../pm-plugins/constants';
 import type { TypeAheadPlugin } from '../../typeAheadPluginType';
-import type { TypeAheadSurface } from './typeAheadSurfaces';
 type Props = {
     anchorElement: HTMLElement;
     api: ExtractInjectionAPI<TypeAheadPlugin> | undefined;
@@ -27,10 +26,10 @@ type Props = {
     popupsMountPoint?: HTMLElement;
     popupsScrollableElement?: HTMLElement;
     query: string;
+    registeredMenuKey: string;
     reopenQuery?: string;
     setQuery: (query: string) => void;
-    surface: TypeAheadSurface;
     triggerHandler: TypeAheadHandler;
 };
-export declare const RegisteredTypeAheadMenu: ({ anchorElement, api, cancel, editorView, forceFocus, maxHeight, onClose, onUndoRedo, popupsBoundariesElement, popupsMountPoint, popupsScrollableElement, query, reopenQuery, setQuery, surface, triggerHandler, }: Props) => React.JSX.Element;
+export declare const RegisteredTypeAheadMenu: (props: Props) => React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-type-ahead",
-	"version": "30.0.4",
+	"version": "31.0.0",
 	"description": "Type-ahead plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -23,11 +23,11 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^57.7.0",
 		"@atlaskit/css": "^1.1.0",
-		"@atlaskit/editor-plugin-analytics": "^29.0.0",
-		"@atlaskit/editor-plugin-connectivity": "^29.0.0",
-		"@atlaskit/editor-plugin-context-panel": "^31.0.0",
-		"@atlaskit/editor-plugin-metrics": "^30.0.0",
-		"@atlaskit/editor-plugin-ui-control-registry": "^23.0.0",
+		"@atlaskit/editor-plugin-analytics": "^30.0.0",
+		"@atlaskit/editor-plugin-connectivity": "^30.0.0",
+		"@atlaskit/editor-plugin-context-panel": "^32.0.0",
+		"@atlaskit/editor-plugin-metrics": "^31.0.0",
+		"@atlaskit/editor-plugin-ui-control-registry": "^24.0.0",
 		"@atlaskit/editor-prosemirror": "^9.0.0",
 		"@atlaskit/editor-shared-styles": "^4.6.0",
 		"@atlaskit/editor-ui-control-model": "^2.10.0",
@@ -42,8 +42,8 @@
 		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/prosemirror-history": "^1.3.0",
 		"@atlaskit/prosemirror-input-rules": "^4.1.0",
-		"@atlaskit/tmp-editor-statsig": "^245.0.0",
-		"@atlaskit/tokens": "^20.7.0",
+		"@atlaskit/tmp-editor-statsig": "^246.1.0",
+		"@atlaskit/tokens": "^20.8.0",
 		"@atlaskit/visually-hidden": "^4.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -54,7 +54,7 @@
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^133.5.0",
+		"@atlaskit/editor-common": "^134.0.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"

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

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PassThrough = void 0;
-var PassThrough = exports.PassThrough = function PassThrough(_ref) {
-  var children = _ref.children;
-  return children;
-};

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

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TypeAheadContext = void 0;
-var _react = require("react");
-var TypeAheadContext = exports.TypeAheadContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -1,48 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TypeAheadItemRow = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _getTypeAheadItemId = require("./getTypeAheadItemId");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var TypeAheadItemRow = exports.TypeAheadItemRow = function TypeAheadItemRow(_ref) {
-  var isSelected = _ref.isSelected,
-    itemIndex = _ref.itemIndex,
-    Item = _ref.Item,
-    listId = _ref.listId,
-    onItemHover = _ref.onItemHover,
-    onItemLeave = _ref.onItemLeave,
-    onItemVisibilityChange = _ref.onItemVisibilityChange,
-    registration = _ref.registration,
-    rowIndex = _ref.rowIndex,
-    isVisible = _ref.isVisible;
-  var onMouseMove = (0, _react.useCallback)(function () {
-    return onItemHover(itemIndex, registration.key);
-  }, [itemIndex, onItemHover, registration.key]);
-  var onMouseLeave = (0, _react.useCallback)(function () {
-    return onItemLeave(registration.key);
-  }, [onItemLeave, registration.key]);
-  var onBlur = (0, _react.useCallback)(function (event) {
-    if (!event.currentTarget.contains(event.relatedTarget)) {
-      onItemLeave(registration.key);
-    }
-  }, [onItemLeave, registration.key]);
-  (0, _react.useLayoutEffect)(function () {
-    onItemVisibilityChange(registration.key, isVisible);
-    return function () {
-      return onItemVisibilityChange(registration.key, false);
-    };
-  }, [isVisible, onItemVisibilityChange, registration.key]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    onBlur: onBlur,
-    onMouseLeave: onMouseLeave,
-    onMouseMove: onMouseMove
-  }, /*#__PURE__*/_react.default.createElement(Item, {
-    id: (0, _getTypeAheadItemId.getTypeAheadItemId)(listId, rowIndex),
-    isSelected: isSelected,
-    registration: registration
-  }));
-};

package/dist/cjs/ui/registered-menu/TypeAheadMenuFooter.compiled.css

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

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

@@ -1,33 +0,0 @@
-/* TypeAheadMenuFooter.tsx generated by @compiled/babel-plugin v3.0.2 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TypeAheadMenuFooter = void 0;
-require("./TypeAheadMenuFooter.compiled.css");
-var _runtime = require("@compiled/react/runtime");
-var _react = _interopRequireDefault(require("react"));
-var _box = require("@atlaskit/primitives/compiled/box");
-var styles = {
-  footer: "_1i531l7x _15a5nqa1 _uwhke4h9"
-};
-var TypeAheadMenuFooter = exports.TypeAheadMenuFooter = function TypeAheadMenuFooter(_ref) {
-  var id = _ref.id,
-    isSelected = _ref.isSelected,
-    Item = _ref.Item,
-    onMouseMove = _ref.onMouseMove,
-    registration = _ref.registration,
-    _ref$hasScrollPadding = _ref.hasScrollPadding,
-    hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding;
-  return /*#__PURE__*/_react.default.createElement(_box.Box, {
-    onMouseMove: onMouseMove,
-    paddingBlockEnd: hasScrollPadding ? 'space.075' : undefined,
-    xcss: styles.footer
-  }, /*#__PURE__*/_react.default.createElement(Item, {
-    id: id,
-    isSelected: isSelected,
-    registration: registration
-  }));
-};