lucid-ui
Version:
A UI component library from AppNexus.
49 lines • 3.33 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
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 = __importStar(require("react"));
var index_1 = require("../../../index");
exports.default = (function () {
var _a = react_1.useState('one'), currentList = _a[0], setCurrentList = _a[1];
var _b = react_1.useState([0]), selectedIndices = _b[0], setSelectedIndices = _b[1];
var handleSelect = function (currentList, index) {
setCurrentList(currentList);
setSelectedIndices([index]);
};
return (react_1.default.createElement(index_1.VerticalListMenu, { style: { width: 250 }, onSelect: lodash_1.default.partial(handleSelect, 'one'), selectedIndices: currentList === 'one' ? selectedIndices : [] },
react_1.default.createElement(index_1.VerticalListMenu.Item, null, "Level one"),
react_1.default.createElement(index_1.VerticalListMenu.Item, { hasExpander: true },
"Level one with VerticalListMenu",
react_1.default.createElement(index_1.VerticalListMenu, { onSelect: lodash_1.default.partial(handleSelect, 'two'), selectedIndices: currentList === 'two' ? selectedIndices : [] },
react_1.default.createElement(index_1.VerticalListMenu.Item, null, "Level two"),
react_1.default.createElement(index_1.VerticalListMenu.Item, { hasExpander: true },
"Level two with VerticalListMenu and lots of text. Lorem quos natus mollitia nihil quasi! Necessitatibus corporis aliquam quam laborum nesciunt quaerat. Nostrum distinctio officiis adipisci nulla unde repellat. Soluta eaque ex obcaecati molestiae provident aspernatur sit! Expedita et.",
react_1.default.createElement(index_1.VerticalListMenu, { onSelect: lodash_1.default.partial(handleSelect, 'three'), selectedIndices: currentList === 'three' ? selectedIndices : [] }, lodash_1.default.times(50, function (n) {
return (react_1.default.createElement(index_1.VerticalListMenu.Item, { key: n }, "Level three"));
}))),
react_1.default.createElement(index_1.VerticalListMenu.Item, null, "Level two"))),
react_1.default.createElement(index_1.VerticalListMenu.Item, null, "Level one")));
});
//# sourceMappingURL=2.nested-with-expander.js.map