UNPKG

lucid-ui

Version:

A UI component library from AppNexus.

91 lines 6.38 kB
"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); var react_1 = __importDefault(require("react")); var create_react_class_1 = __importDefault(require("create-react-class")); var index_1 = require("../../../index"); var Placeholder = index_1.SearchableSelect.Placeholder, Option = index_1.SearchableSelect.Option, OptionGroup = index_1.SearchableSelect.OptionGroup; exports.default = create_react_class_1.default({ getInitialState: function () { return { selectedIndex: null, }; }, handleSelect: function (optionIndex) { this.setState({ selectedIndex: optionIndex, }); }, render: function () { return (react_1.default.createElement("section", { style: { marginBottom: '20px' } }, react_1.default.createElement(index_1.SearchableSelect, { onSelect: this.handleSelect, maxMenuHeight: '200', isInvisible: true }, react_1.default.createElement(Placeholder, null, "Select State"), react_1.default.createElement(Option, { value: 'AK' }, "Alaska"), react_1.default.createElement(Option, { value: 'HI' }, "Hawaii"), react_1.default.createElement(OptionGroup, null, "PST", react_1.default.createElement(Option, { value: 'CA' }, "California"), react_1.default.createElement(Option, { value: 'NV' }, "Nevada"), react_1.default.createElement(Option, { value: 'OR' }, "Oregon"), react_1.default.createElement(Option, { value: 'WA' }, "Washington")), react_1.default.createElement(OptionGroup, null, "MST", react_1.default.createElement(Option, { value: 'CO' }, "Colorado"), react_1.default.createElement(Option, { value: 'ID' }, "Idaho"), react_1.default.createElement(Option, { value: 'MT' }, "Montana"), react_1.default.createElement(Option, { value: 'NM' }, "New Mexico"), react_1.default.createElement(Option, { value: 'ND' }, "North Dakota"), react_1.default.createElement(Option, { value: 'SD' }, "South Dakota"), react_1.default.createElement(Option, { value: 'WI' }, "Wisconsin"), react_1.default.createElement(Option, { value: 'WY' }, "Wyoming")), react_1.default.createElement(OptionGroup, null, "CST", react_1.default.createElement(Option, { value: 'AR' }, "Arkansas"), react_1.default.createElement(Option, { value: 'IL' }, "Illinois"), react_1.default.createElement(Option, { value: 'IN' }, "Indiana"), react_1.default.createElement(Option, { value: 'IA' }, "Iowa"), react_1.default.createElement(Option, { value: 'KS' }, "Kansas"), react_1.default.createElement(Option, { value: 'KY' }, "Kentucky"), react_1.default.createElement(Option, { value: 'MI' }, "Michigan"), react_1.default.createElement(Option, { value: 'MN' }, "Minnesota"), react_1.default.createElement(Option, { value: 'MS' }, "Mississippi"), react_1.default.createElement(Option, { value: 'MO' }, "Missouri"), react_1.default.createElement(Option, { value: 'NE' }, "Nebraska"), react_1.default.createElement(Option, { value: 'OH' }, "Ohio"), react_1.default.createElement(Option, { value: 'OK' }, "Oklahoma"), react_1.default.createElement(Option, { value: 'TN' }, "Tennessee"), react_1.default.createElement(Option, { value: 'TX' }, "Texas"), react_1.default.createElement(Option, { value: 'UT' }, "Utah")), react_1.default.createElement(OptionGroup, null, "EST", react_1.default.createElement(Option, { value: 'AL' }, react_1.default.createElement("span", null, "USA: "), "Alabama"), react_1.default.createElement(Option, { value: 'AZ' }, "Arizona"), react_1.default.createElement(Option, { value: 'CT' }, "Connecticut"), react_1.default.createElement(Option, { value: 'DE' }, "Delaware"), react_1.default.createElement(Option, { value: 'DC' }, "District Of Columbia"), react_1.default.createElement(Option, { value: 'FL' }, "Florida"), react_1.default.createElement(Option, { value: 'GA' }, "Georgia"), react_1.default.createElement(Option, { value: 'LA' }, "Louisiana"), react_1.default.createElement(Option, { value: 'ME' }, "Maine"), react_1.default.createElement(Option, { value: 'MD' }, "Maryland"), react_1.default.createElement(Option, { value: 'MA' }, "Massachusetts"), react_1.default.createElement(Option, { value: 'NH' }, "New Hampshire"), react_1.default.createElement(Option, { value: 'NJ' }, "New Jersey"), react_1.default.createElement(Option, { value: 'NY' }, "New York"), react_1.default.createElement(Option, { value: 'NC' }, "North Carolina"), react_1.default.createElement(Option, { value: 'PA' }, "Pennsylvania"), react_1.default.createElement(Option, { value: 'RI' }, "Rhode Island"), react_1.default.createElement(Option, { value: 'SC' }, "South Carolina"), react_1.default.createElement(Option, { value: 'VT' }, "Vermont"), react_1.default.createElement(Option, { value: 'VA' }, "Virginia"), react_1.default.createElement(Option, { value: 'WV' }, "West Virginia"))), react_1.default.createElement("section", { style: { marginTop: '10px' } }, "Selected Index: ", JSON.stringify(this.state.selectedIndex)))); }, }); //# sourceMappingURL=04.invisible.js.map