1 | "use strict";
|
2 |
|
3 | Object.defineProperty(exports, "__esModule", {
|
4 | value: true
|
5 | });
|
6 | exports.Autocomplete = void 0;
|
7 |
|
8 | var _react = _interopRequireWildcard(require("react"));
|
9 |
|
10 | var _propTypes = _interopRequireDefault(require("prop-types"));
|
11 |
|
12 | var _reactOutsideClickHandler = _interopRequireDefault(require("react-outside-click-handler"));
|
13 |
|
14 | var _Input = _interopRequireDefault(require("./Input"));
|
15 |
|
16 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17 |
|
18 | function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
|
19 |
|
20 | function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
21 |
|
22 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
23 |
|
24 | function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
25 |
|
26 | function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
27 |
|
28 | function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
29 |
|
30 | function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
31 |
|
32 | function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
33 |
|
34 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
35 |
|
36 | function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
37 |
|
38 | var propTypes = {
|
39 | activeIndexOnInputChange: _propTypes.default.number,
|
40 | addClearInput: _propTypes.default.bool,
|
41 | autoFocus: _propTypes.default.bool,
|
42 | book: _propTypes.default.bool,
|
43 | clearOnSelect: _propTypes.default.bool,
|
44 | clearOnSubmit: _propTypes.default.bool,
|
45 | defaultActiveIndex: _propTypes.default.number,
|
46 | defaultValue: _propTypes.default.string,
|
47 | disabled: _propTypes.default.bool,
|
48 | hideDropdownOnSubmit: _propTypes.default.bool,
|
49 | hideLabel: _propTypes.default.bool,
|
50 | hideResultsTopBorder: _propTypes.default.bool,
|
51 | id: _propTypes.default.string,
|
52 | inline: _propTypes.default.bool,
|
53 | inputBorderless: _propTypes.default.bool,
|
54 | inputFocusBorderless: _propTypes.default.bool,
|
55 | inputOverflowEllipsis: _propTypes.default.bool,
|
56 | inputRef: _propTypes.default.func,
|
57 | inputRemoveMargins: _propTypes.default.bool,
|
58 | invalid: _propTypes.default.bool,
|
59 | inverse: _propTypes.default.bool,
|
60 | loading: _propTypes.default.bool,
|
61 | label: _propTypes.default.string,
|
62 | labelDescription: _propTypes.default.string,
|
63 | large: _propTypes.default.bool,
|
64 | maxResults: _propTypes.default.number,
|
65 | name: _propTypes.default.string,
|
66 | noResultsLabel: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.symbol]),
|
67 | onBlur: _propTypes.default.func,
|
68 | onCancel: _propTypes.default.func,
|
69 | onChange: _propTypes.default.func,
|
70 | onFocus: _propTypes.default.func,
|
71 | onSelect: _propTypes.default.func,
|
72 | onSubmit: _propTypes.default.func,
|
73 | placeholder: _propTypes.default.string,
|
74 | prefix: _propTypes.default.symbol,
|
75 | results: _propTypes.default.arrayOf(_propTypes.default.object),
|
76 | resultsBorderless: _propTypes.default.bool,
|
77 | resultsMaxHeight: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
78 | resultsPosition: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
79 | resultsWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
80 | scrollResults: _propTypes.default.bool,
|
81 | showFakeValuePlaceholder: _propTypes.default.bool,
|
82 | small: _propTypes.default.bool,
|
83 | subResultPaddingUnits: _propTypes.default.number,
|
84 | underlineFocus: _propTypes.default.bool
|
85 | };
|
86 |
|
87 | var Autocomplete =
|
88 |
|
89 | function (_Component) {
|
90 | _inherits(Autocomplete, _Component);
|
91 |
|
92 | function Autocomplete(props) {
|
93 | var _this;
|
94 |
|
95 | _classCallCheck(this, Autocomplete);
|
96 |
|
97 | _this = _possibleConstructorReturn(this, _getPrototypeOf(Autocomplete).call(this, props));
|
98 | _this.state = {
|
99 | activeIndex: props.defaultActiveIndex || -1,
|
100 | areResultsVisible: false,
|
101 | lastEventType: null,
|
102 | value: ''
|
103 | };
|
104 | return _this;
|
105 | }
|
106 |
|
107 | _createClass(Autocomplete, [{
|
108 | key: "render",
|
109 | value: function render() {
|
110 | var _this$props = this.props,
|
111 | activeIndexOnInputChange = _this$props.activeIndexOnInputChange,
|
112 | addClearInput = _this$props.addClearInput,
|
113 | autoFocus = _this$props.autoFocus,
|
114 | book = _this$props.book,
|
115 | clearOnSelect = _this$props.clearOnSelect,
|
116 | clearOnSubmit = _this$props.clearOnSubmit,
|
117 | defaultActiveIndex = _this$props.defaultActiveIndex,
|
118 | defaultValue = _this$props.defaultValue,
|
119 | disabled = _this$props.disabled,
|
120 | hideDropdownOnSubmit = _this$props.hideDropdownOnSubmit,
|
121 | hideLabel = _this$props.hideLabel,
|
122 | hideResultsTopBorder = _this$props.hideResultsTopBorder,
|
123 | id = _this$props.id,
|
124 | inline = _this$props.inline,
|
125 | inputBorderless = _this$props.inputBorderless,
|
126 | inputFocusBorderless = _this$props.inputFocusBorderless,
|
127 | inputOverflowEllipsis = _this$props.inputOverflowEllipsis,
|
128 | inputRef = _this$props.inputRef,
|
129 | inputRemoveMargins = _this$props.inputRemoveMargins,
|
130 | invalid = _this$props.invalid,
|
131 | inverse = _this$props.inverse,
|
132 | loading = _this$props.loading,
|
133 | label = _this$props.label,
|
134 | labelDescription = _this$props.labelDescription,
|
135 | large = _this$props.large,
|
136 | maxResults = _this$props.maxResults,
|
137 | name = _this$props.name,
|
138 | noResultsLabel = _this$props.noResultsLabel,
|
139 | onBlur = _this$props.onBlur,
|
140 | onCancel = _this$props.onCancel,
|
141 | onChange = _this$props.onChange,
|
142 | onFocus = _this$props.onFocus,
|
143 | onSelect = _this$props.onSelect,
|
144 | onSubmit = _this$props.onSubmit,
|
145 | placeholder = _this$props.placeholder,
|
146 | prefix = _this$props.prefix,
|
147 | results = _this$props.results,
|
148 | resultsBorderless = _this$props.resultsBorderless,
|
149 | resultsMaxHeight = _this$props.resultsMaxHeight,
|
150 | resultsPosition = _this$props.resultsPosition,
|
151 | resultsWidth = _this$props.resultsWidth,
|
152 | scrollResults = _this$props.scrollResults,
|
153 | showFakeValuePlaceholder = _this$props.showFakeValuePlaceholder,
|
154 | small = _this$props.small,
|
155 | subResultPaddingUnits = _this$props.subResultPaddingUnits,
|
156 | underlineFocus = _this$props.underlineFocus;
|
157 | return _react.default.createElement(_reactOutsideClickHandler.default, null, _react.default.createElement(_Input.default, {
|
158 | autoComplete: "off",
|
159 | autoFocus: autoFocus,
|
160 | book: book,
|
161 | borderless: inputBorderless,
|
162 | disabled: disabled
|
163 | ,
|
164 | focusBorderless: inputFocusBorderless,
|
165 | hideLabel: hideLabel,
|
166 | id: id,
|
167 | inline: inline,
|
168 | inputRef: inputRef,
|
169 | invalid: invalid,
|
170 | inverse: inverse,
|
171 | label: label,
|
172 | labelDescription: labelDescription,
|
173 | large: large,
|
174 | name: name
|
175 |
|
176 |
|
177 |
|
178 |
|
179 | ,
|
180 | placeholder: placeholder,
|
181 | prefix: prefix
|
182 | ,
|
183 | removeMargins: inputRemoveMargins,
|
184 | showFakeValuePlaceholder: showFakeValuePlaceholder,
|
185 | showOverflowEllipsis: inputOverflowEllipsis,
|
186 | small: small,
|
187 | type: "text",
|
188 | underlineFocus: underlineFocus,
|
189 | value: this.state.value
|
190 | }));
|
191 | }
|
192 | }]);
|
193 |
|
194 | return Autocomplete;
|
195 | }(_react.Component);
|
196 |
|
197 | exports.Autocomplete = Autocomplete;
|
198 | Autocomplete.propTypes = propTypes; |
\ | No newline at end of file |