lucid-ui
Version:
A UI component library from AppNexus.
130 lines • 4.09 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.notes = void 0;
var react_1 = __importDefault(require("react"));
var create_react_class_1 = __importDefault(require("create-react-class"));
var index_1 = require("../../../index");
var lodash_1 = __importDefault(require("lodash"));
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',
'Amee',
'Padmé Amidala',
'Cassian Andor',
'Bail Antilles',
'Raymus Antilles',
'Wedge Antilles',
'Queen Apailana',
'Commander Appo',
'Passel Argente',
'Faro Argyus',
'Seti Ashgad',
'AZI-3',
],
],
[
'Lord of the Rings',
[
'Adrahil',
'Adrahil II',
'Aegnor',
'Aerandir',
'Aghan',
'Aglahad',
'Ailinel',
'Alatar',
'Aldamir',
'Aldor',
'Almarian',
'Almiel',
'Amandil',
'Amdír',
'Amlaith',
'Amrod',
'Amroth',
'Anardil',
'Anborn',
'Ancalagon The Black',
'Andróg',
'Angbor',
'Angelimar',
'Angelimir',
'Angrod',
'Anárion',
'Ar-Adûnakhôr',
'Ar-Gimilzôr',
'Ar-Pharazôn',
'Ar-Sakalthôr',
'Ar-Zimrathôn',
'Arador',
'Araglas',
'Aragorn I',
'Aragorn II Elessar',
],
],
[
'Star Trek',
[
'Jonathan Archer',
'Ayala',
'Azan',
'Reginald Barclay',
'Lieutenant, JG (TNG,FCT)',
'Engineering Officer (TNG,Movies)',
'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("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.Tag, { key: groupCallbackId, isRemovable: true, onRemove: _this.handleRemove, callbackId: groupCallbackId },
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.Tag, { key: nameCallbackId, isRemovable: true, onRemove: _this.handleRemove, callbackId: nameCallbackId }, name));
})));
})));
},
});
// begin-hide-from-docs
exports.notes = "\nUse interactive tags to allow users to remove a selection.\n";
// end-hide-from-docs
//# sourceMappingURL=04.interactive.js.map