@jbrowse/plugin-dotplot-view 2.14.0 → 2.15.1

package/dist/DotplotView/components/DotplotTooltip.js

@@ -1,84 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TooltipWhereClicked = exports.TooltipWhereMouseovered = void 0;
-const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const util_1 = require("./util");
-const material_1 = require("@mui/material");
-const react_2 = require("@floating-ui/react");
-function round(value) {
-    return Math.round(value * 1e5) / 1e5;
-}
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    // these styles come from
-    // https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js
-    tooltip: {
-        position: 'absolute',
-        pointerEvents: 'none',
-        backgroundColor: (0, material_1.alpha)(theme.palette.grey[700], 0.9),
-        borderRadius: theme.shape.borderRadius,
-        color: theme.palette.common.white,
-        fontFamily: theme.typography.fontFamily,
-        padding: '4px 8px',
-        fontSize: theme.typography.pxToRem(12),
-        lineHeight: `${round(14 / 10)}em`,
-        maxWidth: 300,
-        wordWrap: 'break-word',
-    },
-}));
-exports.TooltipWhereMouseovered = (0, mobx_react_1.observer)(function ({ model, mouserect, mouserectClient, xdistance, }) {
-    var _a, _b;
-    const { classes } = useStyles();
-    const { hview, vview, viewHeight } = model;
-    const theme = (0, material_1.useTheme)();
-    const { refs, floatingStyles, context } = (0, react_2.useFloating)({
-        placement: xdistance < 0 ? 'left' : 'right',
-        strategy: 'fixed',
-    });
-    const clientPoint = (0, react_2.useClientPoint)(context, mouserectClient
-        ? {
-            x: mouserectClient[0],
-            y: mouserectClient[1],
-        }
-        : undefined);
-    const { getFloatingProps } = (0, react_2.useInteractions)([clientPoint]);
-    const popperTheme = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
-    return mouserect ? (react_1.default.createElement(material_1.Portal, { container: (_b = popperTheme === null || popperTheme === void 0 ? void 0 : popperTheme.defaultProps) === null || _b === void 0 ? void 0 : _b.container },
-        react_1.default.createElement("div", { className: classes.tooltip, ref: refs.setFloating, style: {
-                ...floatingStyles,
-                zIndex: 100000,
-                pointerEvents: 'none',
-            }, ...getFloatingProps() },
-            `x - ${(0, util_1.locstr)(mouserect[0], hview)}`,
-            react_1.default.createElement("br", null),
-            `y - ${(0, util_1.locstr)(viewHeight - mouserect[1], vview)}`,
-            react_1.default.createElement("br", null)))) : null;
-});
-exports.TooltipWhereClicked = (0, mobx_react_1.observer)(function ({ model, mousedown, mousedownClient, xdistance, ydistance, }) {
-    var _a, _b;
-    const { classes } = useStyles();
-    const { hview, vview, viewHeight } = model;
-    const theme = (0, material_1.useTheme)();
-    const x = ((mousedownClient === null || mousedownClient === void 0 ? void 0 : mousedownClient[0]) || 0) - (xdistance < 0 ? 0 : 0);
-    const y = ((mousedownClient === null || mousedownClient === void 0 ? void 0 : mousedownClient[1]) || 0) - (ydistance < 0 ? 0 : 0);
-    const { refs, floatingStyles, context } = (0, react_2.useFloating)({
-        placement: xdistance < 0 ? 'right' : 'left',
-    });
-    const clientPoint = (0, react_2.useClientPoint)(context, { x, y });
-    const { getFloatingProps } = (0, react_2.useInteractions)([clientPoint]);
-    const popperTheme = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
-    return mousedown && Math.abs(xdistance) > 3 && Math.abs(ydistance) > 3 ? (react_1.default.createElement(material_1.Portal, { container: (_b = popperTheme === null || popperTheme === void 0 ? void 0 : popperTheme.defaultProps) === null || _b === void 0 ? void 0 : _b.container },
-        react_1.default.createElement("div", { className: classes.tooltip, ref: refs.setFloating, style: {
-                ...floatingStyles,
-                zIndex: 100000,
-                pointerEvents: 'none',
-            }, ...getFloatingProps() },
-            `x - ${(0, util_1.locstr)(mousedown[0], hview)}`,
-            react_1.default.createElement("br", null),
-            `y - ${(0, util_1.locstr)(viewHeight - mousedown[1], vview)}`,
-            react_1.default.createElement("br", null)))) : null;
-});

package/esm/DotplotView/components/DotplotTooltip.js

@@ -1,78 +0,0 @@
-import React from 'react';
-import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import { locstr } from './util';
-import { Portal, alpha, useTheme } from '@mui/material';
-import { useFloating, useClientPoint, useInteractions, } from '@floating-ui/react';
-function round(value) {
-    return Math.round(value * 1e5) / 1e5;
-}
-const useStyles = makeStyles()(theme => ({
-    // these styles come from
-    // https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js
-    tooltip: {
-        position: 'absolute',
-        pointerEvents: 'none',
-        backgroundColor: alpha(theme.palette.grey[700], 0.9),
-        borderRadius: theme.shape.borderRadius,
-        color: theme.palette.common.white,
-        fontFamily: theme.typography.fontFamily,
-        padding: '4px 8px',
-        fontSize: theme.typography.pxToRem(12),
-        lineHeight: `${round(14 / 10)}em`,
-        maxWidth: 300,
-        wordWrap: 'break-word',
-    },
-}));
-export const TooltipWhereMouseovered = observer(function ({ model, mouserect, mouserectClient, xdistance, }) {
-    var _a, _b;
-    const { classes } = useStyles();
-    const { hview, vview, viewHeight } = model;
-    const theme = useTheme();
-    const { refs, floatingStyles, context } = useFloating({
-        placement: xdistance < 0 ? 'left' : 'right',
-        strategy: 'fixed',
-    });
-    const clientPoint = useClientPoint(context, mouserectClient
-        ? {
-            x: mouserectClient[0],
-            y: mouserectClient[1],
-        }
-        : undefined);
-    const { getFloatingProps } = useInteractions([clientPoint]);
-    const popperTheme = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
-    return mouserect ? (React.createElement(Portal, { container: (_b = popperTheme === null || popperTheme === void 0 ? void 0 : popperTheme.defaultProps) === null || _b === void 0 ? void 0 : _b.container },
-        React.createElement("div", { className: classes.tooltip, ref: refs.setFloating, style: {
-                ...floatingStyles,
-                zIndex: 100000,
-                pointerEvents: 'none',
-            }, ...getFloatingProps() },
-            `x - ${locstr(mouserect[0], hview)}`,
-            React.createElement("br", null),
-            `y - ${locstr(viewHeight - mouserect[1], vview)}`,
-            React.createElement("br", null)))) : null;
-});
-export const TooltipWhereClicked = observer(function ({ model, mousedown, mousedownClient, xdistance, ydistance, }) {
-    var _a, _b;
-    const { classes } = useStyles();
-    const { hview, vview, viewHeight } = model;
-    const theme = useTheme();
-    const x = ((mousedownClient === null || mousedownClient === void 0 ? void 0 : mousedownClient[0]) || 0) - (xdistance < 0 ? 0 : 0);
-    const y = ((mousedownClient === null || mousedownClient === void 0 ? void 0 : mousedownClient[1]) || 0) - (ydistance < 0 ? 0 : 0);
-    const { refs, floatingStyles, context } = useFloating({
-        placement: xdistance < 0 ? 'right' : 'left',
-    });
-    const clientPoint = useClientPoint(context, { x, y });
-    const { getFloatingProps } = useInteractions([clientPoint]);
-    const popperTheme = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
-    return mousedown && Math.abs(xdistance) > 3 && Math.abs(ydistance) > 3 ? (React.createElement(Portal, { container: (_b = popperTheme === null || popperTheme === void 0 ? void 0 : popperTheme.defaultProps) === null || _b === void 0 ? void 0 : _b.container },
-        React.createElement("div", { className: classes.tooltip, ref: refs.setFloating, style: {
-                ...floatingStyles,
-                zIndex: 100000,
-                pointerEvents: 'none',
-            }, ...getFloatingProps() },
-            `x - ${locstr(mousedown[0], hview)}`,
-            React.createElement("br", null),
-            `y - ${locstr(viewHeight - mousedown[1], vview)}`,
-            React.createElement("br", null)))) : null;
-});