@jbrowse/plugin-linear-genome-view/dist/LinearGenomeView/components/RubberbandTooltip.js

JBrowse 2 linear genome view

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = RubberbandTooltip;
const jsx_runtime_1 = require("react/jsx-runtime");
const material_1 = require("@mui/material");
const mui_1 = require("tss-react/mui");
const useStyles = (0, mui_1.makeStyles)()(theme => {
    return {
        popover: {
            mouseEvents: 'none',
            cursor: 'crosshair',
        },
        paper: {
            paddingLeft: theme.spacing(1),
            paddingRight: theme.spacing(1),
        },
    };
});
function RubberbandTooltip({ anchorEl, side, text, }) {
    const { classes } = useStyles();
    return ((0, jsx_runtime_1.jsx)(material_1.Popover, { className: classes.popover, classes: { paper: classes.paper }, open: true, anchorEl: anchorEl, anchorOrigin: {
            vertical: 'top',
            horizontal: side === 'left' ? 'left' : 'right',
        }, transformOrigin: {
            vertical: 'bottom',
            horizontal: side === 'left' ? 'right' : 'left',
        }, keepMounted: true, disableRestoreFocus: true, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: text }) }));
}