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