Sha256: c01674a001c770d7dc5c09b1e61d20f25210b52a0ad16cb3ce8987a94b529e60
Contents?: true
Size: 1.89 KB
Versions: 20
Compression:
Stored size: 1.89 KB
Contents
import React from 'react';
import { InputGroup, Button } from '@patternfly/react-core';
import { TimesIcon, SearchIcon } from '@patternfly/react-icons';
import PropTypes from 'prop-types';
import keyPressHandler from '../helpers/helpers';
import TypeAheadInput from './TypeAheadInput';
import TypeAheadItems from './TypeAheadItems';
import commonSearchPropTypes from '../helpers/commonPropTypes';
import './TypeAheadSearch.scss';
const TypeAheadSearch = ({
userInputValue, clearSearch, getInputProps, getItemProps, isOpen, inputValue, highlightedIndex,
selectedItem, selectItem, openMenu, onSearch, items, activeItems, shouldShowItems,
autoSearchEnabled,
}) => (
<React.Fragment>
<InputGroup>
<TypeAheadInput
onKeyPress={
(e) => {
keyPressHandler(
e,
isOpen,
activeItems,
highlightedIndex,
selectItem,
userInputValue,
onSearch,
);
}
}
onInputFocus={openMenu}
passedProps={getInputProps()}
autoSearchEnabled={autoSearchEnabled}
/>
<React.Fragment>
{userInputValue &&
<Button
variant={autoSearchEnabled ? 'plain' : 'control'}
className="foreman-pf4-search-clear"
onClick={clearSearch}
>
<TimesIcon />
</Button>}
</React.Fragment>
{!autoSearchEnabled &&
<Button aria-label="search button" variant="control" onClick={() => onSearch(inputValue)}>
<SearchIcon />
</Button>}
</InputGroup>
<TypeAheadItems
isOpen={shouldShowItems}
{...{
items, highlightedIndex, selectedItem, getItemProps, activeItems,
}}
/>
</React.Fragment>
);
TypeAheadSearch.propTypes = {
autoSearchEnabled: PropTypes.bool.isRequired,
...commonSearchPropTypes,
};
export default TypeAheadSearch;
Version data entries
20 entries across 20 versions & 1 rubygems