lucid-ui
Version:
A UI component library from AppNexus.
47 lines • 2.77 kB
JavaScript
"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 Option = index_1.SearchableMultiSelect.Option;
exports.default = create_react_class_1.default({
getInitialState: function () {
return {
isRequired: false,
};
},
handleChange: function (event) {
this.setState({
isRequired: event.length > 0,
});
},
render: function () {
return (react_1.default.createElement(index_1.Resizer, null, function (width) {
var responsiveMode = width >= 768 ? 'large' : 'small';
return (react_1.default.createElement("section", null,
react_1.default.createElement("h5", null, "Loading"),
react_1.default.createElement(index_1.SearchableMultiSelect, { responsiveMode: responsiveMode, isLoading: true },
react_1.default.createElement(Option, null, "Alabama")),
react_1.default.createElement("h5", null, "Disabled"),
react_1.default.createElement(index_1.SearchableMultiSelect, { responsiveMode: responsiveMode, isDisabled: true },
react_1.default.createElement(Option, null, "Alabama")),
react_1.default.createElement("h5", null, "Custom option selections"),
react_1.default.createElement(index_1.SearchableMultiSelect, { responsiveMode: responsiveMode, selectedIndices: [0, 1, 2, 3] },
react_1.default.createElement(Option, { Selection: { kind: 'warning' } }, "Washington"),
react_1.default.createElement(Option, { Selection: { kind: 'success' } }, "Oregon"),
react_1.default.createElement(Option, { Selection: { kind: 'danger' } }, "California"),
react_1.default.createElement(Option, { Selection: { kind: 'container' } }, "Nevada")),
react_1.default.createElement("h5", null, "No remove all option"),
react_1.default.createElement(index_1.SearchableMultiSelect, { responsiveMode: responsiveMode, hasRemoveAll: false, initialState: {
selectedIndices: [0, 1, 2],
} },
react_1.default.createElement(Option, null, "Washington"),
react_1.default.createElement(Option, null, "Oregon"),
react_1.default.createElement(Option, null, "California"))));
}));
},
});
//# sourceMappingURL=02.props.js.map