lucid-ui
Version:
A UI component library from AppNexus.
31 lines (30 loc) • 2.17 kB
JavaScript
import _ from 'lodash';
import React, { useState } from 'react';
import { VerticalListMenu } from '../../../index';
export default () => {
const [currentList, setCurrentList] = useState('one');
const [selectedIndices, setSelectedIndices] = useState([0]);
const handleSelect = (currentList, index) => {
setCurrentList(currentList);
setSelectedIndices([index]);
};
return (React.createElement(VerticalListMenu, { onSelect: _.partial(handleSelect, 'one'), selectedIndices: currentList === 'one' ? selectedIndices : [] },
React.createElement(VerticalListMenu.Item, null, "Level one"),
React.createElement(VerticalListMenu.Item, { isExpanded: true },
"Level one with VerticalListMenu",
React.createElement(VerticalListMenu, { onSelect: _.partial(handleSelect, 'two'), selectedIndices: currentList === 'two' ? selectedIndices : [] },
React.createElement(VerticalListMenu.Item, null, "Level two"),
React.createElement(VerticalListMenu.Item, null, "Level two"))),
React.createElement(VerticalListMenu.Item, { isExpanded: true },
"Level one with VerticalListMenu",
React.createElement(VerticalListMenu, { onSelect: _.partial(handleSelect, 'three'), selectedIndices: currentList === 'three' ? selectedIndices : [] },
React.createElement(VerticalListMenu.Item, null, "Level two"),
React.createElement(VerticalListMenu.Item, { isExpanded: false },
"Level two with closed VerticalListMenu",
React.createElement(VerticalListMenu, { onSelect: _.partial(handleSelect, 'four'), selectedIndices: currentList === 'four' ? selectedIndices : [] },
React.createElement(VerticalListMenu.Item, null, "Level three"),
React.createElement(VerticalListMenu.Item, null, "Level three"),
React.createElement(VerticalListMenu.Item, null, "Level three"))),
React.createElement(VerticalListMenu.Item, null, "Level two"))),
React.createElement(VerticalListMenu.Item, null, "Level one")));
};