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

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

@@ -1,134 +0,0 @@
-import React, { useCallback, useLayoutEffect, useMemo, useRef } from 'react';
-import { useIntl } from 'react-intl';
-import { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
-import { List } from 'react-virtualized/dist/commonjs/List';
-import { QuickInsertEmptyState } from '@atlaskit/editor-common/quick-insert/empty-state';
-import { getQuickInsertMenuRows } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
-import { useMenuListHeight } from '@atlaskit/editor-common/quick-insert/use-menu-list-height';
-import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead/messages';
-import { Box } from '@atlaskit/primitives/compiled/box';
-import { Text } from '@atlaskit/primitives/compiled/text';
-import { createTypeAheadRowRenderer } from './createTypeAheadRowRenderer';
-import { getTypeAheadGlobalViewMoreId } from './getTypeAheadGlobalViewMoreId';
-import { PassThrough } from './PassThrough';
-import { TypeAheadMenuFooter } from './TypeAheadMenuFooter';
-const LIST_WIDTH = 320;
-const ESTIMATED_ROW_HEIGHT = 44;
-// 44px item + 1px separator.
-const MENU_FOOTER_HEIGHT = 45;
-const MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING = 51;
-export const TypeAheadMenuRenderer = ({
-  Item,
-  listLabel,
-  listId,
-  maxHeight,
-  model,
-  query = '',
-  hasScrollPadding = false,
-  onItemHover,
-  onItemLeave,
-  onItemVisibilityChange,
-  selectedItemIndex
-}) => {
-  var _model$root$component, _model$fallbackItems;
-  const intl = useIntl();
-  const listRef = useRef(null);
-  const rows = useMemo(() => getQuickInsertMenuRows(model), [model]);
-  const cache = useMemo(() => new CellMeasurerCache({
-    defaultHeight: ESTIMATED_ROW_HEIGHT,
-    fixedWidth: true
-  }), []);
-  const itemIndexByRowIndex = useMemo(() => {
-    const indexes = new Map();
-    let itemIndex = 0;
-    rows.forEach((registration, rowIndex) => {
-      if (registration.type === 'menu-item') {
-        indexes.set(rowIndex, itemIndex++);
-      }
-    });
-    return indexes;
-  }, [rows]);
-  const selectedRowIndex = useMemo(() => {
-    for (const [rowIndex, itemIndex] of itemIndexByRowIndex) {
-      if (itemIndex === selectedItemIndex) {
-        return rowIndex;
-      }
-    }
-    return -1;
-  }, [itemIndexByRowIndex, selectedItemIndex]);
-  const rowKeySignature = useMemo(() => rows.map(({
-    key,
-    type
-  }) => `${type}:${key}`).join('\0'), [rows]);
-  const {
-    height: measuredHeight,
-    updateHeight
-  } = useMenuListHeight(cache, rows.length, rowKeySignature);
-  useLayoutEffect(() => {
-    var _listRef$current, _listRef$current2;
-    cache.clearAll();
-    (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.recomputeRowHeights();
-    (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.scrollToPosition(0);
-  }, [cache, rowKeySignature]);
-  useLayoutEffect(() => {
-    if (selectedRowIndex >= 0) {
-      var _listRef$current3;
-      (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 ? void 0 : _listRef$current3.scrollToRow(selectedRowIndex);
-    }
-  }, [selectedRowIndex]);
-  const renderRow = createTypeAheadRowRenderer({
-    cache,
-    onMeasured: updateHeight,
-    itemIndexByRowIndex,
-    Item,
-    listId,
-    onItemHover,
-    onItemLeave,
-    onItemVisibilityChange,
-    rows,
-    hasScrollPadding,
-    selectedItemIndex
-  });
-  const footerItemIndex = itemIndexByRowIndex.size;
-  const onFooterItemHover = useCallback(() => onItemHover(footerItemIndex), [footerItemIndex, onItemHover]);
-  if (!model.root) {
-    return null;
-  }
-  const RootComponent = (_model$root$component = model.root.component) !== null && _model$root$component !== void 0 ? _model$root$component : PassThrough;
-  const listMaxHeight = Math.max(0, maxHeight - (model.footer ? hasScrollPadding ? MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING : MENU_FOOTER_HEIGHT : 0));
-  const hasListboxContent = rows.length > 0 || model.footer !== undefined;
-  return /*#__PURE__*/React.createElement(RootComponent, null, /*#__PURE__*/React.createElement(Box, {
-    "aria-label": hasListboxContent ? intl.formatMessage(listLabel) : undefined,
-    id: listId,
-    role: hasListboxContent ? 'listbox' : undefined
-  }, rows.length > 0 ? /*#__PURE__*/React.createElement(List, {
-    containerRole: "presentation",
-    height: Math.min(measuredHeight, listMaxHeight),
-    onRowsRendered: updateHeight,
-    overscanRowCount: 3,
-    ref: listRef,
-    role: "presentation",
-    rowCount: rows.length,
-    rowHeight: cache.rowHeight,
-    rowRenderer: renderRow,
-    scrollToAlignment: "auto",
-    width: LIST_WIDTH
-  }) : query !== '' && ((_model$fallbackItems = model.fallbackItems) === null || _model$fallbackItems === void 0 ? void 0 : _model$fallbackItems.length) === 0 ? /*#__PURE__*/React.createElement(QuickInsertEmptyState, {
-    mode: "inline",
-    spacing: "spacious"
-  }) : model.fallbackItems === undefined ? /*#__PURE__*/React.createElement(Box, {
-    paddingBlock: "space.150",
-    paddingInline: "space.250",
-    role: "group"
-  }, /*#__PURE__*/React.createElement(Text, {
-    align: "center",
-    as: "p"
-  }, intl.formatMessage(typeAheadListMessages.emptySearchResults))) : null, model.footer && /*#__PURE__*/React.createElement(TypeAheadMenuFooter, {
-    id: getTypeAheadGlobalViewMoreId(listId),
-    isSelected: selectedItemIndex === footerItemIndex,
-    Item: Item,
-    onMouseMove: onFooterItemHover,
-    registration: model.footer,
-    hasScrollPadding: hasScrollPadding
-  })));
-};

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

@@ -1,2 +0,0 @@
-import { TypeAheadContext } from './TypeAheadContext';
-export const TypeAheadProvider = TypeAheadContext.Provider;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { PassThrough } from './PassThrough';
-export const TypeAheadSectionRow = ({
-  registration
-}) => {
-  var _registration$compone;
-  const Component = (_registration$compone = registration.component) !== null && _registration$compone !== void 0 ? _registration$compone : PassThrough;
-  return /*#__PURE__*/React.createElement(Component, null, null);
-};

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,67 +0,0 @@
-import React from 'react';
-import { CellMeasurer } from 'react-virtualized/dist/commonjs/CellMeasurer';
-import { Box } from '@atlaskit/primitives/compiled/box';
-import { ListRow } from '../ListRow';
-import { TypeAheadItemRow } from './TypeAheadItemRow';
-import { TypeAheadSectionRow } from './TypeAheadSectionRow';
-const noOp = () => {};
-export const createTypeAheadRowRenderer = ({
-  cache,
-  hasScrollPadding = false,
-  onMeasured,
-  itemIndexByRowIndex,
-  Item,
-  listId,
-  onItemHover,
-  onItemLeave,
-  onItemVisibilityChange,
-  rows,
-  selectedItemIndex
-}) => ({
-  index,
-  key,
-  parent,
-  style,
-  isScrolling,
-  isVisible
-}) => {
-  const registration = rows[index];
-  if (!registration) {
-    return null;
-  }
-  const itemIndex = itemIndexByRowIndex.get(index);
-  const rowContent = registration.type === 'menu-section' ? /*#__PURE__*/React.createElement(TypeAheadSectionRow, {
-    registration: registration
-  }) : /*#__PURE__*/React.createElement(TypeAheadItemRow, {
-    Item: Item,
-    isSelected: itemIndex === selectedItemIndex,
-    itemIndex: itemIndex !== null && itemIndex !== void 0 ? itemIndex : 0,
-    listId: listId,
-    onItemHover: onItemHover,
-    onItemLeave: onItemLeave,
-    onItemVisibilityChange: onItemVisibilityChange,
-    isVisible: isVisible,
-    registration: registration,
-    rowIndex: index
-  });
-  return /*#__PURE__*/React.createElement(CellMeasurer, {
-    key: key,
-    cache: cache,
-    parent: parent,
-    columnIndex: 0,
-    rowIndex: index
-  }, ({
-    measure
-  }) => /*#__PURE__*/React.createElement(ListRow, {
-    index: index,
-    isScrolling: isScrolling,
-    isVisible: isVisible,
-    measure: measure,
-    onMeasured: onMeasured,
-    onMouseMove: noOp,
-    style: style
-  }, hasScrollPadding ? /*#__PURE__*/React.createElement(Box, {
-    paddingBlockStart: index === 0 ? 'space.100' : undefined,
-    paddingBlockEnd: index === rows.length - 1 ? 'space.100' : undefined
-  }, rowContent) : rowContent));
-};

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

@@ -1 +0,0 @@
-export const getTypeAheadGlobalViewMoreId = listId => `${listId}-view-all`;

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

@@ -1 +0,0 @@
-export const getTypeAheadItemId = (listId, itemIndex) => `${listId}--${itemIndex}`;

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

@@ -1,31 +0,0 @@
-import React, { useMemo } from 'react';
-import { QuickInsertProvider } from '@atlaskit/editor-common/quick-insert/provider';
-import { useQuickInsertContext } from '@atlaskit/editor-common/quick-insert/use-quick-insert-context';
-import { PassThrough } from '../PassThrough';
-export const TypeAheadQuickInsertItem = ({
-  id,
-  isSelected,
-  registration
-}) => {
-  var _registration$compone;
-  const quickInsertContext = useQuickInsertContext();
-  const Component = (_registration$compone = registration.component) !== null && _registration$compone !== void 0 ? _registration$compone : PassThrough;
-  const contextValue = useMemo(() => ({
-    activePreviewItemKey: quickInsertContext.activePreviewItemKey,
-    editorView: quickInsertContext.editorView,
-    isOffline: quickInsertContext.isOffline,
-    menuOpenId: quickInsertContext.menuOpenId,
-    popupsMountPoint: quickInsertContext.popupsMountPoint,
-    surfaceContext: quickInsertContext.surfaceContext,
-    surface: 'typeahead',
-    item: {
-      id,
-      isPreviewActive: quickInsertContext.activePreviewItemKey === registration.key,
-      isSelected
-    },
-    select: quickInsertContext.select
-  }), [id, isSelected, quickInsertContext, registration.key]);
-  return /*#__PURE__*/React.createElement(QuickInsertProvider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement(Component, null, null));
-};

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

@@ -1,58 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import { isOfflineMode } from '@atlaskit/editor-common/connectivity/isOfflineMode';
-import { QuickInsertProvider } from '@atlaskit/editor-common/quick-insert/provider';
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
-import { performTypeAheadSelection } from '../../../pm-plugins/commands/insert-type-ahead-item';
-import { useTypeAheadContext } from '../useTypeAheadContext';
-export const TypeAheadQuickInsertProvider = ({
-  children
-}) => {
-  const {
-    activePreviewItemKey,
-    api,
-    editorView,
-    inputMethod,
-    menuOpenId,
-    onClose,
-    popupsMountPoint,
-    query,
-    surfaceContext,
-    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(() => {
-      performTypeAheadSelection(editorView)({
-        handler: triggerHandler,
-        inputMethod,
-        query,
-        selectionHandler
-      });
-    });
-  }, [editorView, inputMethod, onClose, query, triggerHandler]);
-  const contextValue = useMemo(() => ({
-    activePreviewItemKey,
-    editorView,
-    isOffline,
-    menuOpenId,
-    popupsMountPoint,
-    item: {
-      id: 'typeahead-quick-insert',
-      isPreviewActive: false,
-      isSelected: false
-    },
-    surface: 'typeahead',
-    select,
-    surfaceContext
-  }), [activePreviewItemKey, editorView, isOffline, menuOpenId, popupsMountPoint, select, surfaceContext]);
-  return /*#__PURE__*/React.createElement(QuickInsertProvider, {
-    value: contextValue
-  }, children);
-};

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,21 +0,0 @@
-import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
-import { MENU } from '@atlaskit/editor-common/quick-insert/keys';
-import { TypeAheadAvailableNodes } from '@atlaskit/editor-common/type-ahead';
-import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead/messages';
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { TypeAheadQuickInsertItem } from './quick-insert/TypeAheadQuickInsertItem';
-import { TypeAheadQuickInsertProvider } from './quick-insert/TypeAheadQuickInsertProvider';
-const quickInsertSurface = {
-  inputMethod: INPUT_METHOD.QUICK_INSERT,
-  Item: TypeAheadQuickInsertItem,
-  listIdPrefix: 'quick-insert-menu',
-  listLabel: typeAheadListMessages.quickInsertInputLabel,
-  Provider: TypeAheadQuickInsertProvider,
-  root: MENU
-};
-export const getTypeAheadSurface = id => {
-  if (id === TypeAheadAvailableNodes.QUICK_INSERT && isExperimentEnabled('platform_editor_slash_command')) {
-    return quickInsertSurface;
-  }
-  return undefined;
-};

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

@@ -1,9 +0,0 @@
-import { useContext } from 'react';
-import { TypeAheadContext } from './TypeAheadContext';
-export const useTypeAheadContext = () => {
-  const value = useContext(TypeAheadContext);
-  if (!value) {
-    throw new Error('useTypeAheadContext must be used within TypeAheadProvider');
-  }
-  return value;
-};

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

@@ -1,4 +0,0 @@
-export var PassThrough = function PassThrough(_ref) {
-  var children = _ref.children;
-  return children;
-};

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

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export var TypeAheadContext = /*#__PURE__*/createContext(null);

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

@@ -1,40 +0,0 @@
-import React, { useCallback, useLayoutEffect } from 'react';
-import { getTypeAheadItemId } from './getTypeAheadItemId';
-export var 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 = useCallback(function () {
-    return onItemHover(itemIndex, registration.key);
-  }, [itemIndex, onItemHover, registration.key]);
-  var onMouseLeave = useCallback(function () {
-    return onItemLeave(registration.key);
-  }, [onItemLeave, registration.key]);
-  var onBlur = useCallback(function (event) {
-    if (!event.currentTarget.contains(event.relatedTarget)) {
-      onItemLeave(registration.key);
-    }
-  }, [onItemLeave, registration.key]);
-  useLayoutEffect(function () {
-    onItemVisibilityChange(registration.key, isVisible);
-    return function () {
-      return onItemVisibilityChange(registration.key, false);
-    };
-  }, [isVisible, onItemVisibilityChange, registration.key]);
-  return /*#__PURE__*/React.createElement("div", {
-    onBlur: onBlur,
-    onMouseLeave: onMouseLeave,
-    onMouseMove: onMouseMove
-  }, /*#__PURE__*/React.createElement(Item, {
-    id: getTypeAheadItemId(listId, rowIndex),
-    isSelected: isSelected,
-    registration: registration
-  }));
-};

package/dist/esm/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/esm/ui/registered-menu/TypeAheadMenuFooter.js

@@ -1,26 +0,0 @@
-/* TypeAheadMenuFooter.tsx generated by @compiled/babel-plugin v3.0.2 */
-import "./TypeAheadMenuFooter.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { Box } from '@atlaskit/primitives/compiled/box';
-var styles = {
-  footer: "_1i531l7x _15a5nqa1 _uwhke4h9"
-};
-export var 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.createElement(Box, {
-    onMouseMove: onMouseMove,
-    paddingBlockEnd: hasScrollPadding ? 'space.075' : undefined,
-    xcss: styles.footer
-  }, /*#__PURE__*/React.createElement(Item, {
-    id: id,
-    isSelected: isSelected,
-    registration: registration
-  }));
-};

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

@@ -1,158 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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 React, { useCallback, useLayoutEffect, useMemo, useRef } from 'react';
-import { useIntl } from 'react-intl';
-import { CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
-import { List } from 'react-virtualized/dist/commonjs/List';
-import { QuickInsertEmptyState } from '@atlaskit/editor-common/quick-insert/empty-state';
-import { getQuickInsertMenuRows } from '@atlaskit/editor-common/quick-insert/registered-menu-model';
-import { useMenuListHeight } from '@atlaskit/editor-common/quick-insert/use-menu-list-height';
-import { typeAheadListMessages } from '@atlaskit/editor-common/type-ahead/messages';
-import { Box } from '@atlaskit/primitives/compiled/box';
-import { Text } from '@atlaskit/primitives/compiled/text';
-import { createTypeAheadRowRenderer } from './createTypeAheadRowRenderer';
-import { getTypeAheadGlobalViewMoreId } from './getTypeAheadGlobalViewMoreId';
-import { PassThrough } from './PassThrough';
-import { TypeAheadMenuFooter } from './TypeAheadMenuFooter';
-var LIST_WIDTH = 320;
-var ESTIMATED_ROW_HEIGHT = 44;
-// 44px item + 1px separator.
-var MENU_FOOTER_HEIGHT = 45;
-var MENU_FOOTER_HEIGHT_WITH_SCROLL_PADDING = 51;
-export var TypeAheadMenuRenderer = function TypeAheadMenuRenderer(_ref) {
-  var _model$root$component, _model$fallbackItems;
-  var Item = _ref.Item,
-    listLabel = _ref.listLabel,
-    listId = _ref.listId,
-    maxHeight = _ref.maxHeight,
-    model = _ref.model,
-    _ref$query = _ref.query,
-    query = _ref$query === void 0 ? '' : _ref$query,
-    _ref$hasScrollPadding = _ref.hasScrollPadding,
-    hasScrollPadding = _ref$hasScrollPadding === void 0 ? false : _ref$hasScrollPadding,
-    onItemHover = _ref.onItemHover,
-    onItemLeave = _ref.onItemLeave,
-    onItemVisibilityChange = _ref.onItemVisibilityChange,
-    selectedItemIndex = _ref.selectedItemIndex;
-  var intl = useIntl();
-  var listRef = useRef(null);
-  var rows = useMemo(function () {
-    return getQuickInsertMenuRows(model);
-  }, [model]);
-  var cache = useMemo(function () {
-    return new CellMeasurerCache({
-      defaultHeight: ESTIMATED_ROW_HEIGHT,
-      fixedWidth: true
-    });
-  }, []);
-  var itemIndexByRowIndex = useMemo(function () {
-    var indexes = new Map();
-    var itemIndex = 0;
-    rows.forEach(function (registration, rowIndex) {
-      if (registration.type === 'menu-item') {
-        indexes.set(rowIndex, itemIndex++);
-      }
-    });
-    return indexes;
-  }, [rows]);
-  var selectedRowIndex = useMemo(function () {
-    var _iterator = _createForOfIteratorHelper(itemIndexByRowIndex),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var _step$value = _slicedToArray(_step.value, 2),
-          rowIndex = _step$value[0],
-          itemIndex = _step$value[1];
-        if (itemIndex === selectedItemIndex) {
-          return rowIndex;
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-    return -1;
-  }, [itemIndexByRowIndex, selectedItemIndex]);
-  var rowKeySignature = useMemo(function () {
-    return rows.map(function (_ref2) {
-      var key = _ref2.key,
-        type = _ref2.type;
-      return "".concat(type, ":").concat(key);
-    }).join('\0');
-  }, [rows]);
-  var _useMenuListHeight = useMenuListHeight(cache, rows.length, rowKeySignature),
-    measuredHeight = _useMenuListHeight.height,
-    updateHeight = _useMenuListHeight.updateHeight;
-  useLayoutEffect(function () {
-    var _listRef$current, _listRef$current2;
-    cache.clearAll();
-    (_listRef$current = listRef.current) === null || _listRef$current === void 0 || _listRef$current.recomputeRowHeights();
-    (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 || _listRef$current2.scrollToPosition(0);
-  }, [cache, rowKeySignature]);
-  useLayoutEffect(function () {
-    if (selectedRowIndex >= 0) {
-      var _listRef$current3;
-      (_listRef$current3 = listRef.current) === null || _listRef$current3 === void 0 || _listRef$current3.scrollToRow(selectedRowIndex);
-    }
-  }, [selectedRowIndex]);
-  var renderRow = createTypeAheadRowRenderer({
-    cache: cache,
-    onMeasured: updateHeight,
-    itemIndexByRowIndex: itemIndexByRowIndex,
-    Item: Item,
-    listId: listId,
-    onItemHover: onItemHover,
-    onItemLeave: onItemLeave,
-    onItemVisibilityChange: onItemVisibilityChange,
-    rows: rows,
-    hasScrollPadding: hasScrollPadding,
-    selectedItemIndex: selectedItemIndex
-  });
-  var footerItemIndex = itemIndexByRowIndex.size;
-  var onFooterItemHover = useCallback(function () {
-    return onItemHover(footerItemIndex);
-  }, [footerItemIndex, onItemHover]);
-  if (!model.root) {
-    return null;
-  }
-  var RootComponent = (_model$root$component = model.root.component) !== null && _model$root$component !== void 0 ? _model$root$component : PassThrough;
-  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(RootComponent, null, /*#__PURE__*/React.createElement(Box, {
-    "aria-label": hasListboxContent ? intl.formatMessage(listLabel) : undefined,
-    id: listId,
-    role: hasListboxContent ? 'listbox' : undefined
-  }, rows.length > 0 ? /*#__PURE__*/React.createElement(List, {
-    containerRole: "presentation",
-    height: Math.min(measuredHeight, listMaxHeight),
-    onRowsRendered: updateHeight,
-    overscanRowCount: 3,
-    ref: listRef,
-    role: "presentation",
-    rowCount: rows.length,
-    rowHeight: cache.rowHeight,
-    rowRenderer: renderRow,
-    scrollToAlignment: "auto",
-    width: LIST_WIDTH
-  }) : query !== '' && ((_model$fallbackItems = model.fallbackItems) === null || _model$fallbackItems === void 0 ? void 0 : _model$fallbackItems.length) === 0 ? /*#__PURE__*/React.createElement(QuickInsertEmptyState, {
-    mode: "inline",
-    spacing: "spacious"
-  }) : model.fallbackItems === undefined ? /*#__PURE__*/React.createElement(Box, {
-    paddingBlock: "space.150",
-    paddingInline: "space.250",
-    role: "group"
-  }, /*#__PURE__*/React.createElement(Text, {
-    align: "center",
-    as: "p"
-  }, intl.formatMessage(typeAheadListMessages.emptySearchResults))) : null, model.footer && /*#__PURE__*/React.createElement(TypeAheadMenuFooter, {
-    id: getTypeAheadGlobalViewMoreId(listId),
-    isSelected: selectedItemIndex === footerItemIndex,
-    Item: Item,
-    onMouseMove: onFooterItemHover,
-    registration: model.footer,
-    hasScrollPadding: hasScrollPadding
-  })));
-};

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

@@ -1,2 +0,0 @@
-import { TypeAheadContext } from './TypeAheadContext';
-export var TypeAheadProvider = TypeAheadContext.Provider;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { PassThrough } from './PassThrough';
-export var TypeAheadSectionRow = function TypeAheadSectionRow(_ref) {
-  var _registration$compone;
-  var registration = _ref.registration;
-  var Component = (_registration$compone = registration.component) !== null && _registration$compone !== void 0 ? _registration$compone : PassThrough;
-  return /*#__PURE__*/React.createElement(Component, null, null);
-};

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

@@ -1 +0,0 @@
-export {};