@mskcc/carbon-react/es/components/MskAutocomplete/AutocompleteSuggestionList.js

Carbon react components for the MSKCC DSM

/**
 * MSKCC 2021, 2024
 */

import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
import React__default from 'react';
import ListBox from '../ListBox/index.js';
import { useAutocomplete } from './Autocomplete.js';

// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
const AutocompleteSuggestionList = _ref => {
  let {
    children
  } = _ref;
  const {
    getMenuProps,
    isOpen,
    getItemProps,
    highlightedIndex,
    items
  } = useAutocomplete();
  return (
    /*#__PURE__*/
    // @ts-ignore
    React__default.createElement(ListBox, {
      isOpen: isOpen
    }, /*#__PURE__*/React__default.createElement(ListBox.Menu, getMenuProps(), isOpen ? items.map((item, index) => {
      return /*#__PURE__*/React__default.createElement(ListBox.MenuItem, _extends({
        key: index
      }, getItemProps({
        item,
        index
      }), {
        isHighlighted: highlightedIndex === index
      }), children(item));
    }) : null))
  );
};
AutocompleteSuggestionList.displayName = 'AutocompleteSuggestionList';
AutocompleteSuggestionList.propTypes = {};

export { AutocompleteSuggestionList, AutocompleteSuggestionList as default };