@jbrowse/plugin-wiggle 2.18.0 → 3.0.0

package/dist/MultiRowXYPlotRenderer/MultiRowXYPlotRenderer.js

@@ -1,11 +1,43 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const util_1 = require("@jbrowse/core/util");
 const WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
-const drawXY_1 = require("../drawXY");
 class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
     async draw(ctx, props) {
         const { bpPerPx, sources, regions, features } = props;
@@ -13,10 +45,11 @@ class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
         const groups = (0, util_1.groupBy)(features.values(), f => f.get('source'));
         const height = props.height / sources.length;
         const width = (region.end - region.start) / bpPerPx;
+        const { drawXY } = await Promise.resolve().then(() => __importStar(require('../drawXY')));
         let feats = [];
         ctx.save();
         sources.forEach(source => {
-            const { reducedFeatures } = (0, drawXY_1.drawXY)(ctx, {
+            const { reducedFeatures } = drawXY(ctx, {
                 ...props,
                 features: groups[source.name] || [],
                 height,

package/dist/MultiWiggleAdapter/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/MultiWiggleAddTrackWorkflow/AddTrackWorkflow.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { AddTrackModel } from '@jbrowse/plugin-data-management';
-export default function MultiWiggleWidget({ model }: {
+declare const MultiWiggleAddTrackWorkflow: ({ model, }: {
     model: AddTrackModel;
-}): React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MultiWiggleAddTrackWorkflow;

package/dist/MultiWiggleAddTrackWorkflow/AddTrackWorkflow.js

@@ -1,33 +1,11 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = MultiWiggleWidget;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const util_1 = require("@jbrowse/core/util");
 const tracks_1 = require("@jbrowse/core/util/tracks");
 const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     paper: {
@@ -49,81 +27,64 @@ function makeFileLocation(file) {
         }
         : (0, tracks_1.storeBlobLocation)({ blob: file });
 }
-function MultiWiggleWidget({ model }) {
+function doSubmit({ trackName, val, model, }) {
+    var _a;
+    const session = (0, util_1.getSession)(model);
+    try {
+        const trackId = [
+            `${trackName.toLowerCase().replaceAll(' ', '_')}-${Date.now()}`,
+            session.adminMode ? '' : '-sessionTrack',
+        ].join('');
+        let bigWigs;
+        try {
+            bigWigs = JSON.parse(val);
+        }
+        catch (e) {
+            bigWigs = val
+                .split(/\n|\r\n|\r/)
+                .map(f => f.trim())
+                .filter(f => !!f);
+        }
+        const obj = typeof bigWigs[0] === 'string' ? { bigWigs } : { subadapters: bigWigs };
+        if ((0, util_1.isSessionWithAddTracks)(session)) {
+            session.addTrackConf({
+                trackId,
+                type: 'MultiQuantitativeTrack',
+                name: trackName,
+                assemblyNames: [model.assembly],
+                adapter: {
+                    type: 'MultiWiggleAdapter',
+                    ...obj,
+                },
+            });
+            (_a = model.view) === null || _a === void 0 ? void 0 : _a.showTrack(trackId);
+        }
+        model.clearData();
+        if ((0, util_1.isSessionModelWithWidgets)(session)) {
+            session.hideWidget(model);
+        }
+    }
+    catch (e) {
+        console.error(e);
+        session.notifyError(`${e}`, e);
+    }
+}
+const MultiWiggleAddTrackWorkflow = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const [val, setVal] = (0, react_1.useState)('');
     const [trackName, setTrackName] = (0, react_1.useState)(`MultiWiggle${+Date.now()}`);
-    return (react_1.default.createElement(material_1.Paper, { className: classes.paper },
-        react_1.default.createElement("ul", null,
-            react_1.default.createElement("li", null, "Enter list of URLs for bigwig files in the textbox"),
-            react_1.default.createElement("li", null, "Or, use the button below the text box to select files from your computer")),
-        react_1.default.createElement(material_1.TextField, { multiline: true, fullWidth: true, rows: 10, value: val, placeholder: "Paste list of URLs here, or use file selector below", variant: "outlined", onChange: event => {
-                setVal(event.target.value);
-            } }),
-        react_1.default.createElement(material_1.Button, { variant: "outlined", component: "label" },
-            "Choose Files from your computer",
-            react_1.default.createElement("input", { type: "file", hidden: true, multiple: true, onChange: ({ target }) => {
-                    const res = [...(target.files || [])].map(file => ({
-                        type: 'BigWigAdapter',
-                        bigWigLocation: makeFileLocation(file),
-                        source: file.name,
-                    }));
-                    setVal(JSON.stringify(res, null, 2));
-                } })),
-        react_1.default.createElement(material_1.TextField, { value: trackName, helperText: "Track name", onChange: event => {
-                setTrackName(event.target.value);
-            } }),
-        react_1.default.createElement(material_1.Button, { variant: "contained", className: classes.submit, onClick: () => {
-                var _a;
-                const session = (0, util_1.getSession)(model);
-                try {
-                    const trackId = [
-                        `${trackName.toLowerCase().replaceAll(' ', '_')}-${Date.now()}`,
-                        session.adminMode ? '' : '-sessionTrack',
-                    ].join('');
-                    let bigWigs;
-                    try {
-                        bigWigs = JSON.parse(val);
-                    }
-                    catch (e) {
-                        bigWigs = val
-                            .split(/\n|\r\n|\r/)
-                            .map(f => f.trim())
-                            .filter(f => !!f);
-                    }
-                    const obj = typeof bigWigs[0] === 'string'
-                        ? { bigWigs }
-                        : { subadapters: bigWigs };
-                    if ((0, util_1.isSessionWithAddTracks)(session)) {
-                        session.addTrackConf({
-                            trackId,
-                            type: 'MultiQuantitativeTrack',
-                            name: trackName,
-                            assemblyNames: [model.assembly],
-                            adapter: {
-                                type: 'MultiWiggleAdapter',
-                                ...obj,
-                            },
-                        });
-                        (_a = model.view) === null || _a === void 0 ? void 0 : _a.showTrack(trackId);
-                    }
-                    model.clearData();
-                    if ((0, util_1.isSessionModelWithWidgets)(session)) {
-                        session.hideWidget(model);
-                    }
-                }
-                catch (e) {
-                    console.error(e);
-                    session.notifyError(`${e}`, e);
-                }
-            } }, "Submit"),
-        react_1.default.createElement("p", null, "Additional notes: "),
-        react_1.default.createElement("ul", null,
-            react_1.default.createElement("li", null,
-                "The list of bigwig files in the text box can be a list of URLs, or a list of elements like",
-                ' ',
-                react_1.default.createElement("code", null, `[{"type":"BigWigAdapter","bigWigLocation":{"uri":"http://host/file.bw"}, "color":"green","source":"name for subtrack"}]`),
-                ' ',
-                "to apply e.g. the color attribute to the view"),
-            react_1.default.createElement("li", null, "Adding local files will update the textbox with JSON contents that are ready to submit with the \"Submit\" button"))));
-}
+    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { className: classes.paper, children: [(0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "Enter list of URLs for bigwig files in the textbox" }), (0, jsx_runtime_1.jsx)("li", { children: "Or, use the button below the text box to select files from your computer" })] }), (0, jsx_runtime_1.jsx)(material_1.TextField, { multiline: true, fullWidth: true, rows: 10, value: val, placeholder: "Paste list of URLs here, or use file selector below", variant: "outlined", onChange: event => {
+                    setVal(event.target.value);
+                } }), (0, jsx_runtime_1.jsxs)(material_1.Button, { variant: "outlined", component: "label", children: ["Choose Files from your computer", (0, jsx_runtime_1.jsx)("input", { type: "file", hidden: true, multiple: true, onChange: ({ target }) => {
+                            setVal(JSON.stringify([...(target.files || [])].map(file => ({
+                                type: 'BigWigAdapter',
+                                bigWigLocation: makeFileLocation(file),
+                                source: file.name,
+                            })), null, 2));
+                        } })] }), (0, jsx_runtime_1.jsx)(material_1.TextField, { value: trackName, helperText: "Track name", onChange: event => {
+                    setTrackName(event.target.value);
+                } }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", className: classes.submit, onClick: () => {
+                    doSubmit({ trackName, val, model });
+                }, children: "Submit" }), (0, jsx_runtime_1.jsx)("p", { children: "Additional notes: " }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsxs)("li", { children: ["The list of bigwig files in the text box can be a list of URLs, or a list of elements like", ' ', (0, jsx_runtime_1.jsx)("code", { children: `[{"type":"BigWigAdapter","bigWigLocation":{"uri":"http://host/file.bw"}, "color":"green","source":"name for subtrack"}]` }), ' ', "to apply e.g. the color attribute to the view"] }), (0, jsx_runtime_1.jsx)("li", { children: "Adding local files will update the textbox with JSON contents that are ready to submit with the \"Submit\" button" })] })] }));
+});
+exports.default = MultiWiggleAddTrackWorkflow;

package/dist/MultiWiggleAddTrackWorkflow/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = MultiWiggleAddTrackWorkflowF;
 const react_1 = require("react");

package/dist/MultiWiggleRendering.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Source } from './util';
 import type { Feature } from '@jbrowse/core/util';
 import type { Region } from '@jbrowse/core/util/types';
@@ -16,5 +15,5 @@ declare const MultiWiggleRendering: (props: {
     onMouseLeave?: (event: React.MouseEvent) => void;
     onMouseMove?: (event: React.MouseEvent, arg?: Feature) => void;
     onFeatureClick?: (event: React.MouseEvent, arg?: Feature) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default MultiWiggleRendering;

package/dist/MultiWiggleRendering.js

@@ -1,29 +1,7 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const util_1 = require("@jbrowse/core/util");
 const mobx_react_1 = require("mobx-react");
@@ -84,7 +62,7 @@ const MultiWiggleRendering = (0, mobx_react_1.observer)(function (props) {
         }
         return featureUnderMouse;
     }
-    return (react_1.default.createElement("div", { ref: ref, onMouseMove: event => {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, onMouseMove: event => {
             const { clientX, clientY } = event;
             const featureUnderMouse = getFeatureUnderMouse(clientX, clientY);
             onMouseMove(event, featureUnderMouse);
@@ -98,7 +76,6 @@ const MultiWiggleRendering = (0, mobx_react_1.observer)(function (props) {
             overflow: 'visible',
             position: 'relative',
             height,
-        } },
-        react_1.default.createElement(ui_1.PrerenderedCanvas, { ...props })));
+        }, children: (0, jsx_runtime_1.jsx)(ui_1.PrerenderedCanvas, { ...props }) }));
 });
 exports.default = MultiWiggleRendering;

package/dist/MultiXYPlotRenderer/MultiXYPlotRenderer.js

@@ -1,20 +1,53 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const util_1 = require("@jbrowse/core/util");
 const WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
-const drawXY_1 = require("../drawXY");
 const util_2 = require("../util");
 class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
     async draw(ctx, props) {
         const { sources, features } = props;
         const groups = (0, util_1.groupBy)(features.values(), f => f.get('source'));
+        const { drawXY } = await Promise.resolve().then(() => __importStar(require('../drawXY')));
         let feats = [];
         for (const source of sources) {
             const features = groups[source.name] || [];
-            const { reducedFeatures } = (0, drawXY_1.drawXY)(ctx, {
+            const { reducedFeatures } = drawXY(ctx, {
                 ...props,
                 features,
                 offset: util_2.YSCALEBAR_LABEL_OFFSET,

package/dist/Tooltip.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Feature } from '@jbrowse/core/util';
 type Coord = [number, number];
 export type TooltipContentsComponent = React.ForwardRefExoticComponent<{
@@ -15,5 +14,5 @@ declare const Tooltip: ({ model, height, clientMouseCoord, offsetMouseCoord, cli
     offsetMouseCoord: Coord;
     clientRect?: DOMRect;
     TooltipContents: TooltipContentsComponent;
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default Tooltip;

package/dist/Tooltip.js

@@ -1,32 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const BaseTooltip_1 = __importDefault(require("@jbrowse/core/ui/BaseTooltip"));
 const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
@@ -48,13 +26,9 @@ const Tooltip = (0, mobx_react_1.observer)(function Tooltip({ model, height, cli
     const { classes } = useStyles();
     const x = clientMouseCoord[0] + 5;
     const y = useClientY ? clientMouseCoord[1] : (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;
-    return featureUnderMouse ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_1.Suspense, { fallback: null },
-            react_1.default.createElement(BaseTooltip_1.default, { clientPoint: { x, y } },
-                react_1.default.createElement(TooltipContents, { model: model, feature: featureUnderMouse }))),
-        react_1.default.createElement("div", { className: classes.hoverVertical, style: {
-                left: offsetMouseCoord[0],
-                height: height - util_1.YSCALEBAR_LABEL_OFFSET * 2,
-            } }))) : null;
+    return featureUnderMouse ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(BaseTooltip_1.default, { clientPoint: { x, y }, children: (0, jsx_runtime_1.jsx)(TooltipContents, { model: model, feature: featureUnderMouse }) }) }), (0, jsx_runtime_1.jsx)("div", { className: classes.hoverVertical, style: {
+                    left: offsetMouseCoord[0],
+                    height: height - util_1.YSCALEBAR_LABEL_OFFSET * 2,
+                } })] })) : null;
 });
 exports.default = Tooltip;

package/dist/WiggleBaseRenderer.d.ts

@@ -31,14 +31,14 @@ export default abstract class WiggleBaseRenderer extends FeatureRendererType {
         width: number;
         containsNoTransferables: boolean;
         canvasRecordedData: any;
-        reactElement?: import("react").ReactElement;
+        reactElement?: React.ReactElement;
         html?: string;
     } | {
         features: Map<string, Feature>;
         height: number;
         width: number;
         containsNoTransferables: boolean;
-        reactElement: React.JSX.Element;
+        reactElement: import("react/jsx-runtime").JSX.Element;
         html?: string;
     } | {
         features: Map<string, Feature>;
@@ -46,7 +46,7 @@ export default abstract class WiggleBaseRenderer extends FeatureRendererType {
         width: number;
         containsNoTransferables: boolean;
         imageData: any;
-        reactElement?: import("react").ReactElement;
+        reactElement?: React.ReactElement;
         html?: string;
     }>;
     abstract draw<T extends RenderArgsDeserializedWithFeatures>(ctx: CanvasRenderingContext2D, props: T): Promise<Record<string, unknown> | undefined>;

package/dist/WiggleRendering.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Feature } from '@jbrowse/core/util';
 import type { Region } from '@jbrowse/core/util/types';
 declare const WiggleRendering: (props: {
@@ -11,5 +10,5 @@ declare const WiggleRendering: (props: {
     onMouseLeave?: (event: React.MouseEvent) => void;
     onMouseMove?: (event: React.MouseEvent, arg?: string) => void;
     onFeatureClick?: (event: React.MouseEvent, arg?: string) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default WiggleRendering;

package/dist/WiggleRendering.js

@@ -1,29 +1,7 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const ui_1 = require("@jbrowse/core/ui");
 const mobx_react_1 = require("mobx-react");
 const WiggleRendering = (0, mobx_react_1.observer)(function (props) {
@@ -48,11 +26,10 @@ const WiggleRendering = (0, mobx_react_1.observer)(function (props) {
         }
         return featureUnderMouse;
     }
-    return (react_1.default.createElement("div", { ref: ref, "data-testid": "wiggle-rendering-test", onMouseMove: e => { var _a; return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(e, (_a = getFeatureUnderMouse(e.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onClick: e => { var _a; return onFeatureClick === null || onFeatureClick === void 0 ? void 0 : onFeatureClick(e, (_a = getFeatureUnderMouse(e.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onMouseLeave: e => onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e), style: {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-testid": "wiggle-rendering-test", onMouseMove: e => { var _a; return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(e, (_a = getFeatureUnderMouse(e.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onClick: e => { var _a; return onFeatureClick === null || onFeatureClick === void 0 ? void 0 : onFeatureClick(e, (_a = getFeatureUnderMouse(e.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onMouseLeave: e => onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e), style: {
             overflow: 'visible',
             position: 'relative',
             height,
-        } },
-        react_1.default.createElement(ui_1.PrerenderedCanvas, { ...props })));
+        }, children: (0, jsx_runtime_1.jsx)(ui_1.PrerenderedCanvas, { ...props }) }));
 });
 exports.default = WiggleRendering;

package/dist/XYPlotRenderer/XYPlotRenderer.js

@@ -1,19 +1,52 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
 const WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
-const drawXY_1 = require("../drawXY");
 const util_1 = require("../util");
 class XYPlotRenderer extends WiggleBaseRenderer_1.default {
     async draw(ctx, props) {
         const { stopToken, features, config } = props;
+        const { drawXY } = await Promise.resolve().then(() => __importStar(require('../drawXY')));
         const pivotValue = (0, configuration_1.readConfObject)(config, 'bicolorPivotValue');
         const negColor = (0, configuration_1.readConfObject)(config, 'negColor');
         const posColor = (0, configuration_1.readConfObject)(config, 'posColor');
-        return (0, drawXY_1.drawXY)(ctx, {
+        return drawXY(ctx, {
             ...props,
             colorCallback: (0, configuration_1.readConfObject)(config, 'color') === '#f0f'
                 ? (_, score) => score < pivotValue ? negColor : posColor