@yandex/ui/Tooltip/Tooltip.js

Yandex UI components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Tooltip = exports.cnTooltip = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var classname_1 = require("@bem-react/classname");
var di_1 = require("@bem-react/di");
var Tooltip_Backdrop_1 = require("./Backdrop/Tooltip-Backdrop");
require("./Tooltip.css");
exports.cnTooltip = classname_1.cn('Tooltip');
/**
 * Компонент используется для создания всплывающих подсказок.
 *
 * @param {TooltipProps} props Свойства компонента.
 */
var Tooltip = function (_a) {
    var anchor = _a.anchor, children = _a.children, className = _a.className, direction = _a.direction, hasTail = _a.hasTail, id = _a.id, innerRef = _a.innerRef, keepMounted = _a.keepMounted, mainOffset = _a.mainOffset, scope = _a.scope, secondaryOffset = _a.secondaryOffset, state = _a.state, tailOffset = _a.tailOffset, visible = _a.visible, zIndex = _a.zIndex, onClose = _a.onClose, onClick = _a.onClick;
    var defaultMainOffset = hasTail ? 0 : 4;
    var Popup = di_1.useComponentRegistry(exports.cnTooltip()).Popup;
    return (react_1.default.createElement(Popup, { onClose: onClose, onClick: onClick, anchor: anchor, className: exports.cnTooltip({ visible: visible, state: state }, [className]), direction: direction, hasTail: hasTail, innerRef: innerRef, keepMounted: keepMounted, mainOffset: mainOffset || defaultMainOffset, scope: scope, secondaryOffset: secondaryOffset, tailOffset: tailOffset, target: "anchor", view: "default", visible: visible, zIndex: zIndex, 
        // prettier-ignore
        unstable_onRenderTail: function (tail) { return (react_1.default.createElement(Tooltip_Backdrop_1.TooltipBackdrop, null, hasTail && tail)); } },
        react_1.default.createElement("div", { role: "tooltip", id: id, className: exports.cnTooltip('Content') }, children)));
};
exports.Tooltip = Tooltip;
exports.Tooltip.displayName = 'Tooltip';