lucid-ui
Version:
A UI component library from AppNexus.
76 lines • 3 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var lodash_1 = __importDefault(require("lodash"));
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
var groups = [
['Last Man on Earth', ['Phil']],
['Last Woman on Earth', ['Carol']],
[
'Star Wars',
[
'Ask Aak',
'Admiral Gial Ackbar',
'Acros-Krik',
'Ak-Rev',
'Stass Allie',
'Almec',
'Mas Amedda',
],
],
[
'Lord of the Rings',
['Adrahil', 'Adrahil II', 'Araglas', 'Aragorn I', 'Aragorn II Elessar'],
],
[
'Star Trek',
[
'Jonathan Archer',
'Ayala',
'Azan',
'Bareil Antos',
'Julian Bashir',
'Season 6 (TNG)',
'Lieutenant, JG (S1-3)',
],
],
];
exports.default = create_react_class_1.default({
getInitialState: function () {
return {
removedItems: {},
};
},
handleRemove: function (_a) {
var callbackId = _a.props.callbackId;
this.setState({
removedItems: lodash_1.default.set(this.state.removedItems, callbackId, true),
});
},
render: function () {
var _this = this;
var removedItems = this.state.removedItems;
return (react_1.default.createElement(index_1.Resizer, null, function (width) {
var responsiveMode = width >= 400 ? 'large' : 'small';
return (react_1.default.createElement("div", null, lodash_1.default.map(groups, function (_a, groupIndex) {
var group = _a[0], names = _a[1];
var groupCallbackId = "" + groupIndex;
if (lodash_1.default.get(removedItems, groupCallbackId) === true) {
return null;
}
return (react_1.default.createElement(index_1.Selection, { responsiveMode: responsiveMode, key: groupCallbackId, isRemovable: true, isBold: true, hasBackground: true, kind: 'container', onRemove: _this.handleRemove, callbackId: groupCallbackId, Label: group }, lodash_1.default.map(names, function (name, nameIndex) {
var nameCallbackId = groupIndex + "." + nameIndex;
if (lodash_1.default.get(removedItems, nameCallbackId) === true) {
return null;
}
return (react_1.default.createElement(index_1.Selection, { responsiveMode: responsiveMode, key: nameCallbackId, isRemovable: true, onRemove: _this.handleRemove, callbackId: nameCallbackId, Label: name }));
})));
})));
}));
},
});
//# sourceMappingURL=3.interactive.js.map