lucid-ui
Version:
A UI component library from AppNexus.
38 lines (37 loc) • 1.31 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { SearchField } from '../../../index';
export default createClass({
getInitialState: function getInitialState() {
return {};
},
render: function render() {
var _this = this;
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SearchField, {
placeholder: "Name/ID"
}, /*#__PURE__*/React.createElement(SearchField.TextField, {
value: this.state.value,
onSubmit: function onSubmit(submission) {
return _this.setState({
submission: submission
});
},
onChange: function onChange(value) {
return _this.setState({
value: value
});
},
onKeyDown: function onKeyDown(_ref) {
var key = _ref.event.key;
return _this.setState({
key: key
});
},
onBlur: function onBlur(lastValue) {
return _this.setState({
lastValue: lastValue
});
}
})), /*#__PURE__*/React.createElement("div", null, "Hit \"enter\" to submit: ", this.state.submission), /*#__PURE__*/React.createElement("div", null, "Last keydown: ", this.state.key), /*#__PURE__*/React.createElement("div", null, "Value on blur: ", this.state.lastValue));
}
});