1 | function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
2 |
|
3 | import React from 'react';
|
4 | import Combobox from './Combobox';
|
5 | import { useUncontrolledProp } from 'uncontrollable';
|
6 |
|
7 | function Autocomplete(props) {
|
8 | const [open, onToggle] = useUncontrolledProp(props.open, props.defaultOpen, props.onToggle);
|
9 | const [value, onChange] = useUncontrolledProp(props.value, props.defaultValue, props.onChange);
|
10 |
|
11 | const handleChange = (value, meta) => {
|
12 | onChange(value, meta);
|
13 |
|
14 | if (!value && open) {
|
15 | onToggle(false);
|
16 | }
|
17 | };
|
18 |
|
19 | return React.createElement(Combobox, _extends({}, props, {
|
20 | hideCaret: true,
|
21 | hideEmptyPopup: true,
|
22 | value: value,
|
23 | onChange: handleChange,
|
24 | open: open,
|
25 | onToggle: onToggle
|
26 | }));
|
27 | }
|
28 |
|
29 | export default Autocomplete; |
\ | No newline at end of file |