lucid-ui
Version:
A UI component library from AppNexus.
130 lines • 5.43 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { SearchableSelect } from '../../../index';
var Placeholder = SearchableSelect.Placeholder,
Option = SearchableSelect.Option,
OptionGroup = SearchableSelect.OptionGroup;
export default createClass({
getInitialState: function getInitialState() {
return {
selectedIndex: null
};
},
handleSelect: function handleSelect(optionIndex) {
this.setState({
selectedIndex: optionIndex
});
},
render: function render() {
return /*#__PURE__*/React.createElement("section", {
style: {
marginBottom: '20px'
}
}, /*#__PURE__*/React.createElement(SearchableSelect, {
onSelect: this.handleSelect,
maxMenuHeight: "200"
}, /*#__PURE__*/React.createElement(Placeholder, null, "Select State"), /*#__PURE__*/React.createElement(Option, {
value: "AK"
}, "Alaska"), /*#__PURE__*/React.createElement(Option, {
value: "HI"
}, "Hawaii"), /*#__PURE__*/React.createElement(OptionGroup, null, "PST", /*#__PURE__*/React.createElement(Option, {
value: "CA"
}, "California"), /*#__PURE__*/React.createElement(Option, {
value: "NV"
}, "Nevada"), /*#__PURE__*/React.createElement(Option, {
value: "OR"
}, "Oregon"), /*#__PURE__*/React.createElement(Option, {
value: "WA"
}, "Washington")), /*#__PURE__*/React.createElement(OptionGroup, null, "MST", /*#__PURE__*/React.createElement(Option, {
value: "CO"
}, "Colorado"), /*#__PURE__*/React.createElement(Option, {
value: "ID"
}, "Idaho"), /*#__PURE__*/React.createElement(Option, {
value: "MT"
}, "Montana"), /*#__PURE__*/React.createElement(Option, {
value: "NM"
}, "New Mexico"), /*#__PURE__*/React.createElement(Option, {
value: "ND"
}, "North Dakota"), /*#__PURE__*/React.createElement(Option, {
value: "SD"
}, "South Dakota"), /*#__PURE__*/React.createElement(Option, {
value: "WI"
}, "Wisconsin"), /*#__PURE__*/React.createElement(Option, {
value: "WY"
}, "Wyoming")), /*#__PURE__*/React.createElement(OptionGroup, null, "CST", /*#__PURE__*/React.createElement(Option, {
value: "AR"
}, "Arkansas"), /*#__PURE__*/React.createElement(Option, {
value: "IL"
}, "Illinois"), /*#__PURE__*/React.createElement(Option, {
value: "IN"
}, "Indiana"), /*#__PURE__*/React.createElement(Option, {
value: "IA"
}, "Iowa"), /*#__PURE__*/React.createElement(Option, {
value: "KS"
}, "Kansas"), /*#__PURE__*/React.createElement(Option, {
value: "KY"
}, "Kentucky"), /*#__PURE__*/React.createElement(Option, {
value: "MI"
}, "Michigan"), /*#__PURE__*/React.createElement(Option, {
value: "MN"
}, "Minnesota"), /*#__PURE__*/React.createElement(Option, {
value: "MS"
}, "Mississippi"), /*#__PURE__*/React.createElement(Option, {
value: "MO"
}, "Missouri"), /*#__PURE__*/React.createElement(Option, {
value: "NE"
}, "Nebraska"), /*#__PURE__*/React.createElement(Option, {
value: "OH"
}, "Ohio"), /*#__PURE__*/React.createElement(Option, {
value: "OK"
}, "Oklahoma"), /*#__PURE__*/React.createElement(Option, {
value: "TN"
}, "Tennessee"), /*#__PURE__*/React.createElement(Option, {
value: "TX"
}, "Texas"), /*#__PURE__*/React.createElement(Option, {
value: "UT"
}, "Utah")), /*#__PURE__*/React.createElement(OptionGroup, null, "EST", /*#__PURE__*/React.createElement(Option, {
value: "AL"
}, /*#__PURE__*/React.createElement("span", null, "USA: "), "Alabama"), /*#__PURE__*/React.createElement(Option, {
value: "AZ"
}, "Arizona"), /*#__PURE__*/React.createElement(Option, {
value: "CT"
}, "Connecticut"), /*#__PURE__*/React.createElement(Option, {
value: "DE"
}, "Delaware"), /*#__PURE__*/React.createElement(Option, {
value: "DC"
}, "District Of Columbia"), /*#__PURE__*/React.createElement(Option, {
value: "FL"
}, "Florida"), /*#__PURE__*/React.createElement(Option, {
value: "GA"
}, "Georgia"), /*#__PURE__*/React.createElement(Option, {
value: "LA"
}, "Louisiana"), /*#__PURE__*/React.createElement(Option, {
value: "ME"
}, "Maine"), /*#__PURE__*/React.createElement(Option, {
value: "MD"
}, "Maryland"), /*#__PURE__*/React.createElement(Option, {
value: "MA"
}, "Massachusetts"), /*#__PURE__*/React.createElement(Option, {
value: "NH"
}, "New Hampshire"), /*#__PURE__*/React.createElement(Option, {
value: "NJ"
}, "New Jersey"), /*#__PURE__*/React.createElement(Option, {
value: "NY"
}, "New York"), /*#__PURE__*/React.createElement(Option, {
value: "NC"
}, "North Carolina"), /*#__PURE__*/React.createElement(Option, {
value: "PA"
}, "Pennsylvania"), /*#__PURE__*/React.createElement(Option, {
value: "RI"
}, "Rhode Island"), /*#__PURE__*/React.createElement(Option, {
value: "SC"
}, "South Carolina"), /*#__PURE__*/React.createElement(Option, {
value: "VT"
}, "Vermont"), /*#__PURE__*/React.createElement(Option, {
value: "VA"
}, "Virginia"), /*#__PURE__*/React.createElement(Option, {
value: "WV"
}, "West Virginia"))), /*#__PURE__*/React.createElement("section", null, "Selected Index: ", JSON.stringify(this.state.selectedIndex)));
}
});