nice-ui
Version:
React design system, components, and utilities
24 lines (23 loc) • 1.69 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ToolbarMenuMore = void 0;
const React = require("react");
const use_t_1 = require("use-t");
const ToolbarItem_1 = require("../ToolbarItem");
const ToolbarMenuPopup_1 = require("./ToolbarMenuPopup");
const context_1 = require("./context");
const Iconista_1 = require("../../../icons/Iconista");
const useBehaviorSubject_1 = require("../../../hooks/useBehaviorSubject");
const ToolbarMenuMore = ({ item, disabled }) => {
const [t] = (0, use_t_1.useT)();
const openPanel = (0, context_1.useToolbarMenu)()?.openPanel;
const selected_ = (0, useBehaviorSubject_1.useBehaviorSubjectOpt)(openPanel?.selected$);
const id = item.id ?? item.name;
const selected = selected_ === id;
return (React.createElement(ToolbarMenuPopup_1.ToolbarMenuPopup, { open: selected_ === id, item: item },
React.createElement("div", { style: { height: 32, display: 'flex', alignItems: 'center' } },
React.createElement(ToolbarItem_1.ToolbarItem, { fill: true, narrow: true, skewed: false, height: 28, disabled: disabled, selected: selected, children: React.createElement(Iconista_1.Iconista, { width: 16, height: 16, set: 'tabler', icon: 'dots-vertical', style: { opacity: 0.5 } }), onMouseEnter: disabled ? void 0 : () => openPanel?.onMouseMove(id), onMouseMove: disabled ? void 0 : () => openPanel?.onMouseMove(id), onMouseLeave: disabled ? void 0 : openPanel?.onMouseLeave, onClick: disabled ? void 0 : () => openPanel?.onClick(id), tooltip: {
renderTooltip: item.name ? () => t(item.name) : void 0,
} }))));
};
exports.ToolbarMenuMore = ToolbarMenuMore;