@pnp/spfx-controls-react/lib-commonjs/controls/TermSetNavigation/NavigationContextMenu.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.NavigationContextMenu = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var jotai_1 = require("jotai");
var Button_1 = require("@fluentui/react/lib/Button");
var globalState_1 = require("./atoms/globalState");
var NavigationContextMenu = function (props) {
    var moreVerticaliIcon = { iconName: "MoreVertical" };
    var appGlobalState = (0, jotai_1.useAtom)(globalState_1.globalState)[0];
    var contextMenuItems = appGlobalState.contextMenuItems, onSelectedTermAction = appGlobalState.onSelectedTermAction, selectedItem = appGlobalState.selectedItem;
    var menuProps = React.useMemo(function () {
        return {
            items: contextMenuItems.length ? contextMenuItems : [],
            directionalHintFixed: true,
            onItemClick: function (ev, item) {
                ev.preventDefault();
                onSelectedTermAction(selectedItem.data, item.text);
            },
        };
    }, [contextMenuItems]);
    return (React.createElement(React.Fragment, null,
        React.createElement(Button_1.IconButton, { menuProps: menuProps, iconProps: moreVerticaliIcon, ariaLabel: "Menu", styles: { menuIcon: { display: "none" } } })));
};
exports.NavigationContextMenu = NavigationContextMenu;
//# sourceMappingURL=NavigationContextMenu.js.map