mui-spfx-controls
Version:
SPFx component library built with MUI
14 lines • 1.02 kB
JavaScript
import { __assign } from "tslib";
import * as React from 'react';
import { SimpleTreeView, TreeItem } from '@mui/x-tree-view';
import { forwardRef, } from 'react';
var renderTree = function (item, target, props) {
var _a;
return (React.createElement(TreeItem, __assign({}, props, { key: item.id, itemId: item.id, label: item.label, onClick: item.children ? undefined : function () { return window.open(new URL(item.link), target); } }), (_a = item.children) === null || _a === void 0 ? void 0 : _a.map(function (child) { return renderTree(child, target, props); })));
};
export var Navigation = forwardRef(function (_a, ref) {
var items = _a.items, itemProps = _a.itemProps, viewProps = _a.viewProps, linkTarget = _a.linkTarget;
return (React.createElement(SimpleTreeView, __assign({}, viewProps, { ref: ref, "data-testid": "mui-spfx-navigation" }), items.map(function (item) { return renderTree(item, linkTarget, itemProps); })));
});
export default Navigation;
//# sourceMappingURL=Navigation.js.map