lucid-ui
Version:
A UI component library from AppNexus.
83 lines (82 loc) • 4.23 kB
JavaScript
import React from 'react';
import createClass from 'create-react-class';
import { SearchableMultiSelect, Resizer } from '../../../index';
const { Option } = SearchableMultiSelect;
export default createClass({
getInitialState() {
return {
selectedLength: 0
};
},
handleChange(option, event) {
let count = this.state.selectedLength;
if (typeof event.props.children === 'string') {
count--;
}
else {
event.props.children.props.isSelected ? count-- : count++;
}
this.setState({
selectedLength: count
});
},
handleRemoveAll(option, event) {
this.setState({
selectedLength: 0
});
},
render() {
return (React.createElement(Resizer, null, width => {
const responsiveMode = width >= 400 ? 'large' : 'small';
return (React.createElement(SearchableMultiSelect, { responsiveMode: responsiveMode, onRemoveAll: this.handleRemoveAll, onSelect: this.handleChange, Error: this.state.selectedLength > 1 ? null : 'Please select at least two options' },
React.createElement(Option, null, "Alabama"),
React.createElement(Option, null, "Alaska"),
React.createElement(Option, null, "Arizona"),
React.createElement(Option, null, "Arkansas"),
React.createElement(Option, null, "California"),
React.createElement(Option, null, "Colorado"),
React.createElement(Option, null, "Connecticut"),
React.createElement(Option, null, "Delaware"),
React.createElement(Option, null, "Florida"),
React.createElement(Option, null, "Georgia"),
React.createElement(Option, null, "Hawaii"),
React.createElement(Option, null, "Idaho"),
React.createElement(Option, null, "Illinois"),
React.createElement(Option, null, "Indiana"),
React.createElement(Option, null, "Iowa"),
React.createElement(Option, null, "Kansas"),
React.createElement(Option, null, "Kentucky"),
React.createElement(Option, null, "Louisiana"),
React.createElement(Option, null, "Maine"),
React.createElement(Option, null, "Maryland"),
React.createElement(Option, null, "Massachusetts"),
React.createElement(Option, null, "Michigan"),
React.createElement(Option, null, "Minnesota"),
React.createElement(Option, null, "Mississippi"),
React.createElement(Option, null, "Missouri"),
React.createElement(Option, null, "Montana Nebraska"),
React.createElement(Option, null, "Nevada"),
React.createElement(Option, null, "New Hampshire"),
React.createElement(Option, null, "New Jersey"),
React.createElement(Option, null, "New Mexico"),
React.createElement(Option, null, "New York"),
React.createElement(Option, null, "North Carolina"),
React.createElement(Option, null, "North Dakota"),
React.createElement(Option, null, "Ohio"),
React.createElement(Option, null, "Oklahoma"),
React.createElement(Option, null, "Oregon"),
React.createElement(Option, null, "Pennsylvania Rhode Island"),
React.createElement(Option, null, "South Carolina"),
React.createElement(Option, null, "South Dakota"),
React.createElement(Option, null, "Tennessee"),
React.createElement(Option, null, "Texas"),
React.createElement(Option, null, "Utah"),
React.createElement(Option, null, "Vermont"),
React.createElement(Option, null, "Virginia"),
React.createElement(Option, null, "Washington"),
React.createElement(Option, null, "West Virginia"),
React.createElement(Option, null, "Wisconsin"),
React.createElement(Option, null, "Wyoming")));
}));
},
});