@jbrowse/plugin-linear-genome-view 3.5.1 → 3.6.1

package/dist/LinearGenomeView/components/RubberbandTooltip.d.ts

@@ -1,5 +1,5 @@
 export default function RubberbandTooltip({ anchorEl, side, text, }: {
     anchorEl: HTMLSpanElement;
     side: string;
-    text: string;
+    text: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/LinearGenomeView/components/RubberbandTooltip.js

@@ -3,26 +3,18 @@ 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 }) }));
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: text, open: true, placement: side === 'left' ? 'left-start' : 'right-start', slotProps: {
+            popper: {
+                anchorEl,
+                modifiers: [
+                    {
+                        name: 'offset',
+                        options: {
+                            offset: [-30, -10],
+                        },
+                    },
+                ],
+            },
+        }, children: (0, jsx_runtime_1.jsx)("span", {}) }));
 }

package/esm/LinearGenomeView/components/RubberbandTooltip.d.ts

@@ -1,5 +1,5 @@
 export default function RubberbandTooltip({ anchorEl, side, text, }: {
     anchorEl: HTMLSpanElement;
     side: string;
-    text: string;
+    text: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/esm/LinearGenomeView/components/RubberbandTooltip.js

@@ -1,25 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Popover, Typography } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
-const useStyles = makeStyles()(theme => {
-    return {
-        popover: {
-            mouseEvents: 'none',
-            cursor: 'crosshair',
-        },
-        paper: {
-            paddingLeft: theme.spacing(1),
-            paddingRight: theme.spacing(1),
-        },
-    };
-});
+import { Tooltip } from '@mui/material';
 export default function RubberbandTooltip({ anchorEl, side, text, }) {
-    const { classes } = useStyles();
-    return (_jsx(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: _jsx(Typography, { children: text }) }));
+    return (_jsx(Tooltip, { title: text, open: true, placement: side === 'left' ? 'left-start' : 'right-start', slotProps: {
+            popper: {
+                anchorEl,
+                modifiers: [
+                    {
+                        name: 'offset',
+                        options: {
+                            offset: [-30, -10],
+                        },
+                    },
+                ],
+            },
+        }, children: _jsx("span", {}) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-genome-view",
-  "version": "3.5.1",
+  "version": "3.6.1",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
     "jbrowse",
@@ -38,7 +38,7 @@
     "useSrc": "node ../../scripts/useSrc.js"
   },
   "dependencies": {
-    "@jbrowse/core": "^3.5.1",
+    "@jbrowse/core": "^3.6.1",
     "@mui/icons-material": "^7.0.0",
     "@mui/material": "^7.0.0",
     "@types/file-saver": "^2.0.1",
@@ -57,5 +57,5 @@
     "access": "public"
   },
   "module": "esm/index.js",
-  "gitHead": "cb8859da9d838ad2594964777c5c54f385d98f5e"
+  "gitHead": "3b7ba0005a28fb0903b7b31f15259c2cfccecfa1"
 }