@jbrowse/plugin-wiggle 2.18.0 → 3.0.1

package/esm/MultiWiggleAddTrackWorkflow/AddTrackWorkflow.js

@@ -1,7 +1,9 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { getSession, isElectron, isSessionModelWithWidgets, isSessionWithAddTracks, } from '@jbrowse/core/util';
 import { storeBlobLocation } from '@jbrowse/core/util/tracks';
 import { Button, Paper, TextField } from '@mui/material';
+import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()(theme => ({
     paper: {
@@ -23,81 +25,64 @@ function makeFileLocation(file) {
         }
         : storeBlobLocation({ blob: file });
 }
-export default function MultiWiggleWidget({ model }) {
+function doSubmit({ trackName, val, model, }) {
+    var _a;
+    const session = 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 (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 (isSessionModelWithWidgets(session)) {
+            session.hideWidget(model);
+        }
+    }
+    catch (e) {
+        console.error(e);
+        session.notifyError(`${e}`, e);
+    }
+}
+const MultiWiggleAddTrackWorkflow = observer(function ({ model, }) {
     const { classes } = useStyles();
     const [val, setVal] = useState('');
     const [trackName, setTrackName] = useState(`MultiWiggle${+Date.now()}`);
-    return (React.createElement(Paper, { className: classes.paper },
-        React.createElement("ul", null,
-            React.createElement("li", null, "Enter list of URLs for bigwig files in the textbox"),
-            React.createElement("li", null, "Or, use the button below the text box to select files from your computer")),
-        React.createElement(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.createElement(Button, { variant: "outlined", component: "label" },
-            "Choose Files from your computer",
-            React.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.createElement(TextField, { value: trackName, helperText: "Track name", onChange: event => {
-                setTrackName(event.target.value);
-            } }),
-        React.createElement(Button, { variant: "contained", className: classes.submit, onClick: () => {
-                var _a;
-                const session = 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 (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 (isSessionModelWithWidgets(session)) {
-                        session.hideWidget(model);
-                    }
-                }
-                catch (e) {
-                    console.error(e);
-                    session.notifyError(`${e}`, e);
-                }
-            } }, "Submit"),
-        React.createElement("p", null, "Additional notes: "),
-        React.createElement("ul", null,
-            React.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.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.createElement("li", null, "Adding local files will update the textbox with JSON contents that are ready to submit with the \"Submit\" button"))));
-}
+    return (_jsxs(Paper, { className: classes.paper, children: [_jsxs("ul", { children: [_jsx("li", { children: "Enter list of URLs for bigwig files in the textbox" }), _jsx("li", { children: "Or, use the button below the text box to select files from your computer" })] }), _jsx(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);
+                } }), _jsxs(Button, { variant: "outlined", component: "label", children: ["Choose Files from your computer", _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));
+                        } })] }), _jsx(TextField, { value: trackName, helperText: "Track name", onChange: event => {
+                    setTrackName(event.target.value);
+                } }), _jsx(Button, { variant: "contained", className: classes.submit, onClick: () => {
+                    doSubmit({ trackName, val, model });
+                }, children: "Submit" }), _jsx("p", { children: "Additional notes: " }), _jsxs("ul", { children: [_jsxs("li", { children: ["The list of bigwig files in the text box can be a list of URLs, or a list of elements like", ' ', _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"] }), _jsx("li", { children: "Adding local files will update the textbox with JSON contents that are ready to submit with the \"Submit\" button" })] })] }));
+});
+export default MultiWiggleAddTrackWorkflow;

package/esm/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/esm/MultiWiggleRendering.js

@@ -1,4 +1,5 @@
-import React, { useRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
 import { PrerenderedCanvas } from '@jbrowse/core/ui';
 import { SimpleFeature } from '@jbrowse/core/util';
 import { observer } from 'mobx-react';
@@ -59,7 +60,7 @@ const MultiWiggleRendering = observer(function (props) {
         }
         return featureUnderMouse;
     }
-    return (React.createElement("div", { ref: ref, onMouseMove: event => {
+    return (_jsx("div", { ref: ref, onMouseMove: event => {
             const { clientX, clientY } = event;
             const featureUnderMouse = getFeatureUnderMouse(clientX, clientY);
             onMouseMove(event, featureUnderMouse);
@@ -73,7 +74,6 @@ const MultiWiggleRendering = observer(function (props) {
             overflow: 'visible',
             position: 'relative',
             height,
-        } },
-        React.createElement(PrerenderedCanvas, { ...props })));
+        }, children: _jsx(PrerenderedCanvas, { ...props }) }));
 });
 export default MultiWiggleRendering;

package/esm/MultiXYPlotRenderer/MultiXYPlotRenderer.js

@@ -1,11 +1,11 @@
 import { groupBy } from '@jbrowse/core/util';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
-import { drawXY } from '../drawXY';
 import { YSCALEBAR_LABEL_OFFSET } from '../util';
 export default class MultiXYPlotRenderer extends WiggleBaseRenderer {
     async draw(ctx, props) {
         const { sources, features } = props;
         const groups = groupBy(features.values(), f => f.get('source'));
+        const { drawXY } = await import('../drawXY');
         let feats = [];
         for (const source of sources) {
             const features = groups[source.name] || [];

package/esm/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/esm/Tooltip.js

@@ -1,4 +1,5 @@
-import React, { Suspense } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense } from 'react';
 import BaseTooltip from '@jbrowse/core/ui/BaseTooltip';
 import { observer } from 'mobx-react';
 import { makeStyles } from 'tss-react/mui';
@@ -20,13 +21,9 @@ const Tooltip = observer(function Tooltip({ model, height, clientMouseCoord, off
     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.createElement(React.Fragment, null,
-        React.createElement(Suspense, { fallback: null },
-            React.createElement(BaseTooltip, { clientPoint: { x, y } },
-                React.createElement(TooltipContents, { model: model, feature: featureUnderMouse }))),
-        React.createElement("div", { className: classes.hoverVertical, style: {
-                left: offsetMouseCoord[0],
-                height: height - YSCALEBAR_LABEL_OFFSET * 2,
-            } }))) : null;
+    return featureUnderMouse ? (_jsxs(_Fragment, { children: [_jsx(Suspense, { fallback: null, children: _jsx(BaseTooltip, { clientPoint: { x, y }, children: _jsx(TooltipContents, { model: model, feature: featureUnderMouse }) }) }), _jsx("div", { className: classes.hoverVertical, style: {
+                    left: offsetMouseCoord[0],
+                    height: height - YSCALEBAR_LABEL_OFFSET * 2,
+                } })] })) : null;
 });
 export default Tooltip;

package/esm/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/esm/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/esm/WiggleRendering.js

@@ -1,4 +1,5 @@
-import React, { useRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
 import { PrerenderedCanvas } from '@jbrowse/core/ui';
 import { observer } from 'mobx-react';
 const WiggleRendering = observer(function (props) {
@@ -23,11 +24,10 @@ const WiggleRendering = observer(function (props) {
         }
         return featureUnderMouse;
     }
-    return (React.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 (_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.createElement(PrerenderedCanvas, { ...props })));
+        }, children: _jsx(PrerenderedCanvas, { ...props }) }));
 });
 export default WiggleRendering;

package/esm/XYPlotRenderer/XYPlotRenderer.js

@@ -1,10 +1,10 @@
 import { readConfObject } from '@jbrowse/core/configuration';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
-import { drawXY } from '../drawXY';
 import { YSCALEBAR_LABEL_OFFSET } from '../util';
 export default class XYPlotRenderer extends WiggleBaseRenderer {
     async draw(ctx, props) {
         const { stopToken, features, config } = props;
+        const { drawXY } = await import('../drawXY');
         const pivotValue = readConfObject(config, 'bicolorPivotValue');
         const negColor = readConfObject(config, 'negColor');
         const posColor = readConfObject(config, 'posColor');

package/esm/index.d.ts

@@ -10,9 +10,9 @@ export default class WigglePlugin extends Plugin {
     exports: {
         LinearWiggleDisplayReactComponent: (props: {
             model: import("./LinearWiggleDisplay/model").WiggleDisplayModel;
-        }) => import("react").JSX.Element;
+        }) => import("react/jsx-runtime").JSX.Element;
         XYPlotRendererReactComponent: (props: {
-            regions: import("@jbrowse/core/util/types").Region[];
+            regions: import("@jbrowse/core/util").Region[];
             features: Map<string, import("@jbrowse/core/util").Feature>;
             bpPerPx: number;
             width: number;
@@ -21,7 +21,7 @@ export default class WigglePlugin extends Plugin {
             onMouseLeave?: (event: React.MouseEvent) => void;
             onMouseMove?: (event: React.MouseEvent, arg?: string) => void;
             onFeatureClick?: (event: React.MouseEvent, arg?: string) => void;
-        }) => import("react").JSX.Element;
+        }) => import("react/jsx-runtime").JSX.Element;
         XYPlotRenderer: typeof XYPlotRenderer;
         WiggleBaseRenderer: typeof WiggleBaseRenderer;
         linearWiggleDisplayModelFactory: typeof linearWiggleDisplayModelFactory;

package/esm/index.js

@@ -1,8 +1,8 @@
 import Plugin from '@jbrowse/core/Plugin';
-import { getFileName } from '@jbrowse/core/util/tracks';
 import BigWigAdapterF from './BigWigAdapter';
 import CreateMultiWiggleExtensionF from './CreateMultiWiggleExtension';
 import DensityRendererF from './DensityRenderer';
+import GuessAdapterF from './GuessAdapter';
 import LinePlotRendererF from './LinePlotRenderer';
 import LinearWiggleDisplayF, { ReactComponent as LinearWiggleDisplayReactComponent, modelFactory as linearWiggleDisplayModelFactory, } from './LinearWiggleDisplay';
 import MultiDensityRendererF from './MultiDensityRenderer';
@@ -50,32 +50,7 @@ export default class WigglePlugin extends Plugin {
         MultiRowLineRendererF(pm);
         MultiWiggleAddTrackWorkflowF(pm);
         CreateMultiWiggleExtensionF(pm);
-        pm.addToExtensionPoint('Core-guessAdapterForLocation', (cb) => {
-            return (file, index, hint) => {
-                const regexGuess = /\.(bw|bigwig)$/i;
-                const adapterName = 'BigWigAdapter';
-                const fileName = getFileName(file);
-                const obj = {
-                    type: adapterName,
-                    bigWigLocation: file,
-                };
-                if (regexGuess.test(fileName) && !hint) {
-                    return obj;
-                }
-                if (hint === adapterName) {
-                    return obj;
-                }
-                return cb(file, index, hint);
-            };
-        });
-        pm.addToExtensionPoint('Core-guessTrackTypeForLocation', (trackTypeGuesser) => {
-            return (adapterName) => {
-                if (adapterName === 'BigWigAdapter') {
-                    return 'QuantitativeTrack';
-                }
-                return trackTypeGuesser(adapterName);
-            };
-        });
+        GuessAdapterF(pm);
         pm.addRpcMethod(() => new WiggleGetGlobalQuantitativeStats(pm));
         pm.addRpcMethod(() => new WiggleGetMultiRegionQuantitativeStats(pm));
         pm.addRpcMethod(() => new MultiWiggleGetSources(pm));

package/esm/shared/SetMinMaxDialog.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export default function SetMinMaxDialog(props: {
     model: {
         minScore: number;
@@ -8,4 +7,4 @@ export default function SetMinMaxDialog(props: {
         setMaxScore: (arg?: number) => void;
     };
     handleClose: () => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/esm/shared/SetMinMaxDialog.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Dialog } from '@jbrowse/core/ui';
 import { Button, DialogActions, DialogContent, TextField, Typography, } from '@mui/material';
 export default function SetMinMaxDialog(props) {
@@ -10,21 +11,13 @@ export default function SetMinMaxDialog(props) {
         ? +max > +min
         : true;
     const logOk = scaleType === 'log' && min !== '' && !Number.isNaN(+min) ? +min > 0 : true;
-    return (React.createElement(Dialog, { open: true, onClose: handleClose, title: "Set min/max score for track" },
-        React.createElement(DialogContent, null,
-            React.createElement(Typography, null, "Enter min/max score: "),
-            !ok ? (React.createElement(Typography, { color: "error" }, "Max is greater than or equal to min")) : null,
-            !logOk ? (React.createElement(Typography, { color: "error" }, "Min score should be greater than 0 for log scale")) : null,
-            React.createElement(TextField, { value: min, onChange: event => {
-                    setMin(event.target.value);
-                }, placeholder: "Enter min score" }),
-            React.createElement(TextField, { value: max, onChange: event => {
-                    setMax(event.target.value);
-                }, placeholder: "Enter max score" })),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { variant: "contained", color: "primary", type: "submit", style: { marginLeft: 20 }, disabled: !ok, onClick: () => {
-                    model.setMinScore(min !== '' && !Number.isNaN(+min) ? +min : undefined);
-                    model.setMaxScore(max !== '' && !Number.isNaN(+max) ? +max : undefined);
-                    handleClose();
-                } }, "Submit"))));
+    return (_jsxs(Dialog, { open: true, onClose: handleClose, title: "Set min/max score for track", children: [_jsxs(DialogContent, { children: [_jsx(Typography, { children: "Enter min/max score: " }), !ok ? (_jsx(Typography, { color: "error", children: "Max is greater than or equal to min" })) : null, !logOk ? (_jsx(Typography, { color: "error", children: "Min score should be greater than 0 for log scale" })) : null, _jsx(TextField, { value: min, onChange: event => {
+                            setMin(event.target.value);
+                        }, placeholder: "Enter min score" }), _jsx(TextField, { value: max, onChange: event => {
+                            setMax(event.target.value);
+                        }, placeholder: "Enter max score" })] }), _jsx(DialogActions, { children: _jsx(Button, { variant: "contained", color: "primary", type: "submit", style: { marginLeft: 20 }, disabled: !ok, onClick: () => {
+                        model.setMinScore(min !== '' && !Number.isNaN(+min) ? +min : undefined);
+                        model.setMaxScore(max !== '' && !Number.isNaN(+max) ? +max : undefined);
+                        handleClose();
+                    }, children: "Submit" }) })] }));
 }

package/esm/shared/SharedWiggleMixin.d.ts

@@ -35,7 +35,7 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("react").JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
@@ -185,13 +185,13 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
 } & {
     readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
-    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react").JSX.Element | null;
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react/jsx-runtime").JSX.Element | null;
 } & {
     featureIdUnderMouse: undefined | string;
     contextMenuFeature: undefined | Feature;
 } & {
-    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
-    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
+    readonly blockType: "staticBlocks" | "dynamicBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
@@ -218,7 +218,7 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
     afterAttach(): void;
 } & {
     message: undefined | string;
@@ -352,7 +352,7 @@ export default function SharedWiggleMixin(configSchema: AnyConfigurationSchemaTy
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("react").JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;

package/esm/shared/YScaleBar.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { axisPropsFromTickScale } from 'react-d3-axis-mod';
 type Ticks = ReturnType<typeof axisPropsFromTickScale>;
 declare const YScaleBar: ({ model, orientation, }: {
@@ -6,5 +5,5 @@ declare const YScaleBar: ({ model, orientation, }: {
         ticks?: Ticks;
     };
     orientation?: string;
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default YScaleBar;

package/esm/shared/YScaleBar.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useTheme } from '@mui/material';
 import { observer } from 'mobx-react';
 import { Axis, LEFT, RIGHT } from 'react-d3-axis-mod';
 const YScaleBar = observer(function ({ model, orientation, }) {
     const { ticks } = model;
     const theme = useTheme();
-    return ticks ? (React.createElement(Axis, { ...ticks, shadow: 2, format: (n) => n, style: { orient: orientation === 'left' ? LEFT : RIGHT }, bg: theme.palette.background.default, fg: theme.palette.text.primary })) : null;
+    return ticks ? (_jsx(Axis, { ...ticks, shadow: 2, format: (n) => n, style: { orient: orientation === 'left' ? LEFT : RIGHT }, bg: theme.palette.background.default, fg: theme.palette.text.primary })) : null;
 });
 export default YScaleBar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-wiggle",
-  "version": "2.18.0",
+  "version": "3.0.1",
   "description": "JBrowse 2 wiggle adapters, tracks, etc.",
   "keywords": [
     "jbrowse",
@@ -36,32 +36,31 @@
     "clean": "rimraf dist esm *.tsbuildinfo"
   },
   "dependencies": {
-    "@gmod/bbi": "^5.0.0",
+    "@gmod/bbi": "^6.0.0",
+    "@jbrowse/core": "^3.0.1",
+    "@jbrowse/plugin-data-management": "^3.0.1",
+    "@jbrowse/plugin-linear-genome-view": "^3.0.1",
     "@mui/icons-material": "^6.0.0",
+    "@mui/material": "^6.0.0",
     "@mui/x-charts-vendor": "^7.12.0",
     "@mui/x-data-grid": "^7.0.0",
     "fast-deep-equal": "^3.1.3",
-    "is-object": "^1.0.1",
-    "react-d3-axis-mod": "^0.1.9",
-    "react-draggable": "^4.4.5"
-  },
-  "peerDependencies": {
-    "@jbrowse/core": "^2.0.0",
-    "@jbrowse/plugin-data-management": "^2.0.0",
-    "@jbrowse/plugin-linear-genome-view": "^2.0.0",
-    "@mui/material": "^6.0.0",
     "mobx": "^6.0.0",
     "mobx-react": "^9.0.0",
     "mobx-state-tree": "^5.0.0",
-    "react": ">=16.8.0",
+    "react-d3-axis-mod": "^0.1.9",
+    "react-draggable": "^4.4.5",
     "rxjs": "^7.0.0",
     "tss-react": "^4.0.0"
   },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
   "publishConfig": {
     "access": "public"
   },
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "c344ea60099cb7e460b77f15808946b24a7eee74"
+  "gitHead": "aa2f1d1a89d2361c7fd1a93fe29506fa4554f5cc"
 }

package/dist/MultiLinearWiggleDisplay/components/DraggableDialog.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { DialogProps } from '@mui/material';
-declare const DraggableDialog: (props: DialogProps & {
-    title: string;
-}) => React.JSX.Element;
-export default DraggableDialog;

package/dist/MultiLinearWiggleDisplay/components/DraggableDialog.js

@@ -1,62 +0,0 @@
-"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 Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const react_draggable_1 = __importDefault(require("react-draggable"));
-const mui_1 = require("tss-react/mui");
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    closeButton: {
-        position: 'absolute',
-        right: theme.spacing(1),
-        top: theme.spacing(1),
-        color: theme.palette.grey[500],
-    },
-}));
-function PaperComponent(props) {
-    const ref = (0, react_1.useRef)(null);
-    return (react_1.default.createElement(react_draggable_1.default, { nodeRef: ref, cancel: '[class*="MuiDialogContent-root"]', onStart: arg => { var _a, _b; return (_b = (_a = arg.target) === null || _a === void 0 ? void 0 : _a.className) === null || _b === void 0 ? void 0 : _b.includes('MuiDialogTitle'); } },
-        react_1.default.createElement(material_1.Paper, { ref: ref, ...props })));
-}
-const DraggableDialog = (0, mobx_react_1.observer)(function DraggableDialog(props) {
-    const { classes } = useStyles();
-    const { title, children, onClose } = props;
-    return (react_1.default.createElement(material_1.Dialog, { ...props, PaperComponent: PaperComponent },
-        react_1.default.createElement(material_1.ScopedCssBaseline, null,
-            react_1.default.createElement(material_1.DialogTitle, { style: { cursor: 'move' } },
-                title,
-                onClose ? (react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: () => {
-                        onClose();
-                    } },
-                    react_1.default.createElement(Close_1.default, null))) : null),
-            react_1.default.createElement(material_1.Divider, null),
-            children)));
-});
-exports.default = DraggableDialog;

package/esm/MultiLinearWiggleDisplay/components/DraggableDialog.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { DialogProps } from '@mui/material';
-declare const DraggableDialog: (props: DialogProps & {
-    title: string;
-}) => React.JSX.Element;
-export default DraggableDialog;