lucid-ui
Version:
A UI component library from AppNexus.
91 lines • 5.18 kB
JavaScript
;
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 Option = index_1.SearchableMultiSelect.Option;
exports.default = create_react_class_1.default({
getInitialState: function () {
return {
selectedLength: 0,
};
},
handleChange: function (option, event) {
var count = this.state.selectedLength;
if (typeof event.props.children === 'string') {
count--;
}
else {
event.props.children.props.isSelected ? count-- : count++;
}
this.setState({
selectedLength: count,
});
},
handleRemoveAll: function (option, event) {
this.setState({
selectedLength: 0,
});
},
render: function () {
var _this = this;
return (react_1.default.createElement(index_1.Resizer, null, function (width) {
var responsiveMode = width >= 400 ? 'large' : 'small';
return (react_1.default.createElement(index_1.SearchableMultiSelect, { responsiveMode: responsiveMode, onRemoveAll: _this.handleRemoveAll, onSelect: _this.handleChange, Error: _this.state.selectedLength > 1
? null
: 'Please select at least two options' },
react_1.default.createElement(Option, null, "Alabama"),
react_1.default.createElement(Option, null, "Alaska"),
react_1.default.createElement(Option, null, "Arizona"),
react_1.default.createElement(Option, null, "Arkansas"),
react_1.default.createElement(Option, null, "California"),
react_1.default.createElement(Option, null, "Colorado"),
react_1.default.createElement(Option, null, "Connecticut"),
react_1.default.createElement(Option, null, "Delaware"),
react_1.default.createElement(Option, null, "Florida"),
react_1.default.createElement(Option, null, "Georgia"),
react_1.default.createElement(Option, null, "Hawaii"),
react_1.default.createElement(Option, null, "Idaho"),
react_1.default.createElement(Option, null, "Illinois"),
react_1.default.createElement(Option, null, "Indiana"),
react_1.default.createElement(Option, null, "Iowa"),
react_1.default.createElement(Option, null, "Kansas"),
react_1.default.createElement(Option, null, "Kentucky"),
react_1.default.createElement(Option, null, "Louisiana"),
react_1.default.createElement(Option, null, "Maine"),
react_1.default.createElement(Option, null, "Maryland"),
react_1.default.createElement(Option, null, "Massachusetts"),
react_1.default.createElement(Option, null, "Michigan"),
react_1.default.createElement(Option, null, "Minnesota"),
react_1.default.createElement(Option, null, "Mississippi"),
react_1.default.createElement(Option, null, "Missouri"),
react_1.default.createElement(Option, null, "Montana Nebraska"),
react_1.default.createElement(Option, null, "Nevada"),
react_1.default.createElement(Option, null, "New Hampshire"),
react_1.default.createElement(Option, null, "New Jersey"),
react_1.default.createElement(Option, null, "New Mexico"),
react_1.default.createElement(Option, null, "New York"),
react_1.default.createElement(Option, null, "North Carolina"),
react_1.default.createElement(Option, null, "North Dakota"),
react_1.default.createElement(Option, null, "Ohio"),
react_1.default.createElement(Option, null, "Oklahoma"),
react_1.default.createElement(Option, null, "Oregon"),
react_1.default.createElement(Option, null, "Pennsylvania Rhode Island"),
react_1.default.createElement(Option, null, "South Carolina"),
react_1.default.createElement(Option, null, "South Dakota"),
react_1.default.createElement(Option, null, "Tennessee"),
react_1.default.createElement(Option, null, "Texas"),
react_1.default.createElement(Option, null, "Utah"),
react_1.default.createElement(Option, null, "Vermont"),
react_1.default.createElement(Option, null, "Virginia"),
react_1.default.createElement(Option, null, "Washington"),
react_1.default.createElement(Option, null, "West Virginia"),
react_1.default.createElement(Option, null, "Wisconsin"),
react_1.default.createElement(Option, null, "Wyoming")));
}));
},
});
//# sourceMappingURL=08.invalid.js.map