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

Carbon react components for the MSKCC DSM

/**
 * MSKCC 2021, 2024
 */

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
var React = require('react');
var index = require('../ListBox/index.js');
var Autocomplete = require('./Autocomplete.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

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

exports.AutocompleteSuggestionList = AutocompleteSuggestionList;
exports["default"] = AutocompleteSuggestionList;