model-navigator-standalone
Version:
Standalone MDF graph model visualizer
32 lines • 1.2 kB
JavaScript
import React from 'react';
import { useSelector } from 'react-redux';
import withStyles from '@mui/styles/withStyles';
import clsx from 'clsx';
import AutoCompleteInput from './AutoCompleteInput';
import AutoCompleteSuggestions from './AutoCompleteSuggestions';
import { selectSuggestionList } from '../../../../../features/search/searchSlice';
import './AutoComplete.css';
import styles from './AutoCompleteStyle';
function AutoComplete(_ref) {
let {
classes,
inputPlaceHolderText,
inputTitle
} = _ref;
const suggestionList = useSelector(selectSuggestionList);
return /*#__PURE__*/React.createElement("div", {
className: clsx(classes.autoComplete, {
[classes.emptySuggestionList]: suggestionList.length
})
}, /*#__PURE__*/React.createElement("div", {
className: classes.inputWrapper
}, /*#__PURE__*/React.createElement(AutoCompleteInput, {
classes: classes,
placeHolderText: inputPlaceHolderText,
inputTitle: inputTitle
})), suggestionList && suggestionList.length > 0 && /*#__PURE__*/React.createElement(AutoCompleteSuggestions, {
className: classes.suggestions,
classes: classes
}));
}
export default withStyles(styles)(AutoComplete);