lucid-ui
Version:
A UI component library from AppNexus.
58 lines • 2.26 kB
JavaScript
;
var __spreadArrays = (this && this.__spreadArrays) || function () {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
};
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");
exports.default = create_react_class_1.default({
getInitialState: function () {
return {
selectedIcons: ['item2'],
};
},
isSelected: function (id) {
return this.state.selectedIcons.includes(id);
},
handleSelect: function (selectedId) {
var selectedIcons = this.state.selectedIcons;
// if selected, then remove from list
if (this.isSelected(selectedId)) {
this.setState({
selectedIcons: selectedIcons.filter(function (id) { return id !== selectedId; }),
});
}
else {
// add it to list
this.setState({
selectedIcons: __spreadArrays(selectedIcons, [selectedId]),
});
}
},
render: function () {
return (react_1.default.createElement(index_1.IconSelect, { kind: 'multiple' // default value, renders as checkboxes
, onSelect: this.handleSelect, items: [
{
id: 'item1',
icon: react_1.default.createElement(index_1.ClockIcon, null),
isSelected: this.isSelected('item1'),
label: 'Foo Bar',
},
{
id: 'item2',
icon: react_1.default.createElement(index_1.ClockIcon, null),
isSelected: this.isSelected('item2'),
label: 'Bax Tar',
},
] }));
},
});
//# sourceMappingURL=2.select-multiple-icons.js.map