@jbrowse/plugin-wiggle 2.18.0 → 3.0.0

package/dist/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/dist/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 __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
@@ -31,10 +41,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WiggleBaseRenderer = exports.linearWiggleDisplayModelFactory = exports.Tooltip = exports.LinearWiggleDisplayReactComponent = exports.WiggleRendering = void 0;
 const Plugin_1 = __importDefault(require("@jbrowse/core/Plugin"));
-const tracks_1 = require("@jbrowse/core/util/tracks");
 const BigWigAdapter_1 = __importDefault(require("./BigWigAdapter"));
 const CreateMultiWiggleExtension_1 = __importDefault(require("./CreateMultiWiggleExtension"));
 const DensityRenderer_1 = __importDefault(require("./DensityRenderer"));
+const GuessAdapter_1 = __importDefault(require("./GuessAdapter"));
 const LinePlotRenderer_1 = __importDefault(require("./LinePlotRenderer"));
 const LinearWiggleDisplay_1 = __importStar(require("./LinearWiggleDisplay"));
 const MultiDensityRenderer_1 = __importDefault(require("./MultiDensityRenderer"));
@@ -82,32 +92,7 @@ class WigglePlugin extends Plugin_1.default {
         (0, MultiRowLineRenderer_1.default)(pm);
         (0, MultiWiggleAddTrackWorkflow_1.default)(pm);
         (0, CreateMultiWiggleExtension_1.default)(pm);
-        pm.addToExtensionPoint('Core-guessAdapterForLocation', (cb) => {
-            return (file, index, hint) => {
-                const regexGuess = /\.(bw|bigwig)$/i;
-                const adapterName = 'BigWigAdapter';
-                const fileName = (0, tracks_1.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);
-            };
-        });
+        (0, GuessAdapter_1.default)(pm);
         pm.addRpcMethod(() => new rpcMethods_1.WiggleGetGlobalQuantitativeStats(pm));
         pm.addRpcMethod(() => new rpcMethods_1.WiggleGetMultiRegionQuantitativeStats(pm));
         pm.addRpcMethod(() => new rpcMethods_1.MultiWiggleGetSources(pm));

package/dist/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/dist/shared/SetMinMaxDialog.js

@@ -1,30 +1,8 @@
 "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 = SetMinMaxDialog;
-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 material_1 = require("@mui/material");
 function SetMinMaxDialog(props) {
@@ -36,21 +14,13 @@ function SetMinMaxDialog(props) {
         ? +max > +min
         : true;
     const logOk = scaleType === 'log' && min !== '' && !Number.isNaN(+min) ? +min > 0 : true;
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Set min/max score for track" },
-        react_1.default.createElement(material_1.DialogContent, null,
-            react_1.default.createElement(material_1.Typography, null, "Enter min/max score: "),
-            !ok ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "Max is greater than or equal to min")) : null,
-            !logOk ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "Min score should be greater than 0 for log scale")) : null,
-            react_1.default.createElement(material_1.TextField, { value: min, onChange: event => {
-                    setMin(event.target.value);
-                }, placeholder: "Enter min score" }),
-            react_1.default.createElement(material_1.TextField, { value: max, onChange: event => {
-                    setMax(event.target.value);
-                }, placeholder: "Enter max score" })),
-        react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.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 ((0, jsx_runtime_1.jsxs)(ui_1.Dialog, { open: true, onClose: handleClose, title: "Set min/max score for track", children: [(0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Enter min/max score: " }), !ok ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { color: "error", children: "Max is greater than or equal to min" })) : null, !logOk ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { color: "error", children: "Min score should be greater than 0 for log scale" })) : null, (0, jsx_runtime_1.jsx)(material_1.TextField, { value: min, onChange: event => {
+                            setMin(event.target.value);
+                        }, placeholder: "Enter min score" }), (0, jsx_runtime_1.jsx)(material_1.TextField, { value: max, onChange: event => {
+                            setMax(event.target.value);
+                        }, placeholder: "Enter max score" })] }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.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/dist/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/dist/shared/SharedWiggleMixin.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 = SharedWiggleMixin;
 const react_1 = require("react");

package/dist/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/dist/shared/YScaleBar.js

@@ -1,15 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const react_d3_axis_mod_1 = require("react-d3-axis-mod");
 const YScaleBar = (0, mobx_react_1.observer)(function ({ model, orientation, }) {
     const { ticks } = model;
     const theme = (0, material_1.useTheme)();
-    return ticks ? (react_1.default.createElement(react_d3_axis_mod_1.Axis, { ...ticks, shadow: 2, format: (n) => n, style: { orient: orientation === 'left' ? react_d3_axis_mod_1.LEFT : react_d3_axis_mod_1.RIGHT }, bg: theme.palette.background.default, fg: theme.palette.text.primary })) : null;
+    return ticks ? ((0, jsx_runtime_1.jsx)(react_d3_axis_mod_1.Axis, { ...ticks, shadow: 2, format: (n) => n, style: { orient: orientation === 'left' ? react_d3_axis_mod_1.LEFT : react_d3_axis_mod_1.RIGHT }, bg: theme.palette.background.default, fg: theme.palette.text.primary })) : null;
 });
 exports.default = YScaleBar;

package/esm/CreateMultiWiggleExtension/ConfirmDialog.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 declare const ConfirmDialog: ({ tracks, onClose, }: {
     tracks: AnyConfigurationModel[];
     onClose: (arg: boolean, arg1?: {
         name: string;
     }) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ConfirmDialog;

package/esm/CreateMultiWiggleExtension/ConfirmDialog.js

@@ -1,33 +1,21 @@
-import React, { useState } from 'react';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { readConfObject } from '@jbrowse/core/configuration';
 import Dialog from '@jbrowse/core/ui/Dialog';
 import { Button, DialogActions, DialogContent, TextField, Typography, } from '@mui/material';
 const ConfirmDialog = ({ tracks, onClose, }) => {
     const [val, setVal] = useState(`MultiWiggle ${Date.now()}`);
     const allQuant = tracks.every(t => t.type === 'QuantitativeTrack');
-    return (React.createElement(Dialog, { open: true, onClose: () => {
+    return (_jsxs(Dialog, { open: true, onClose: () => {
             onClose(false);
-        }, title: "Confirm multi-wiggle track create" },
-        React.createElement(DialogContent, null,
-            React.createElement(Typography, null,
-                !allQuant
-                    ? 'Not every track looks like a QuantitativeTrack. This could have unexpected behavior, confirm if it looks ok.'
-                    : null,
-                "Listing:"),
-            React.createElement("ul", null, tracks.map(track => (React.createElement("li", { key: track.trackId },
-                readConfObject(track, 'name'),
-                " - ",
-                track.type)))),
-            React.createElement(TextField, { value: val, onChange: event => {
-                    setVal(event.target.value);
-                }, helperText: "Track name" }),
-            React.createElement(Typography, null, "Confirm creation of track?")),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { onClick: () => {
-                    onClose(false);
-                }, color: "primary" }, "Cancel"),
-            React.createElement(Button, { onClick: () => {
-                    onClose(true, { name: val });
-                }, color: "primary", variant: "contained", autoFocus: true }, "Submit"))));
+        }, title: "Confirm multi-wiggle track create", children: [_jsxs(DialogContent, { children: [_jsxs(Typography, { children: [!allQuant
+                                ? 'Not every track looks like a QuantitativeTrack. This could have unexpected behavior, confirm if it looks ok.'
+                                : null, "Listing:"] }), _jsx("ul", { children: tracks.map(track => (_jsxs("li", { children: [readConfObject(track, 'name'), " - ", track.type] }, track.trackId))) }), _jsx(TextField, { value: val, onChange: event => {
+                            setVal(event.target.value);
+                        }, helperText: "Track name" }), _jsx(Typography, { children: "Confirm creation of track?" })] }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: () => {
+                            onClose(false);
+                        }, color: "primary", children: "Cancel" }), _jsx(Button, { onClick: () => {
+                            onClose(true, { name: val });
+                        }, color: "primary", variant: "contained", autoFocus: true, children: "Submit" })] })] }));
 };
 export default ConfirmDialog;

package/esm/DensityRenderer/DensityRenderer.js

@@ -1,7 +1,7 @@
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
-import { drawDensity } from '../drawDensity';
 export default class DensityRenderer extends WiggleBaseRenderer {
     async draw(ctx, props) {
+        const { drawDensity } = await import('../drawDensity');
         return drawDensity(ctx, props);
     }
 }

package/esm/GuessAdapter/index.d.ts

@@ -0,0 +1,2 @@
+import type PluginManager from '@jbrowse/core/PluginManager';
+export default function GuessAdapterF(pluginManager: PluginManager): void;

package/esm/GuessAdapter/index.js

@@ -0,0 +1,22 @@
+import { testAdapter } from '@jbrowse/core/util';
+import { getFileName } from '@jbrowse/core/util/tracks';
+export default function GuessAdapterF(pluginManager) {
+    pluginManager.addToExtensionPoint('Core-guessAdapterForLocation', (cb) => {
+        return (file, index, adapterHint) => {
+            const fileName = getFileName(file);
+            return testAdapter(fileName, /\.(bw|bigwig)$/i, adapterHint, 'BigWigAdapter')
+                ? {
+                    type: 'BigWigAdapter',
+                    bigWigLocation: file,
+                }
+                : cb(file, index, adapterHint);
+        };
+    });
+    pluginManager.addToExtensionPoint('Core-guessTrackTypeForLocation', (trackTypeGuesser) => {
+        return (adapterName) => {
+            return adapterName === 'BigWigAdapter'
+                ? 'QuantitativeTrack'
+                : trackTypeGuesser(adapterName);
+        };
+    });
+}

package/esm/LinePlotRenderer/LinePlotRenderer.js

@@ -1,11 +1,11 @@
 import { readConfObject } from '@jbrowse/core/configuration';
 import WiggleBaseRenderer from '../WiggleBaseRenderer';
-import { drawLine } from '../drawLine';
 import { YSCALEBAR_LABEL_OFFSET } from '../util';
 export default class LinePlotRenderer extends WiggleBaseRenderer {
     async draw(ctx, props) {
         const { config } = props;
         const c = readConfObject(config, 'color');
+        const { drawLine } = await import('../drawLine');
         return drawLine(ctx, {
             ...props,
             offset: YSCALEBAR_LABEL_OFFSET,

package/esm/LinearWiggleDisplay/components/SetColorDialog.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const SetColorDialog: ({ model, handleClose, }: {
     model: {
         color?: string;
@@ -9,5 +8,5 @@ declare const SetColorDialog: ({ model, handleClose, }: {
         setNegColor: (arg?: string) => void;
     };
     handleClose: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SetColorDialog;

package/esm/LinearWiggleDisplay/components/SetColorDialog.js

@@ -1,42 +1,29 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Dialog } from '@jbrowse/core/ui';
 import { ColorPicker } from '@jbrowse/core/ui/ColorPicker';
 import { Button, DialogActions, DialogContent, FormControlLabel, Radio, Typography, } from '@mui/material';
 import { observer } from 'mobx-react';
 const SetColorDialog = observer(function SetColorDialog({ model, handleClose, }) {
     const [posneg, setPosNeg] = useState(false);
-    return (React.createElement(Dialog, { open: true, onClose: handleClose, title: "Set color" },
-        React.createElement(DialogContent, null,
-            React.createElement(Typography, null, "Select either an overall color, or the positive/negative colors. Note that density renderers only work properly with positive/negative colors"),
-            React.createElement(FormControlLabel, { checked: !posneg, onClick: () => {
-                    setPosNeg(false);
-                }, control: React.createElement(Radio, null), label: "Overall color" }),
-            React.createElement(FormControlLabel, { checked: posneg, onClick: () => {
-                    setPosNeg(true);
-                }, control: React.createElement(Radio, null), label: "Positive/negative color" }),
-            posneg ? (React.createElement(React.Fragment, null,
-                React.createElement(Typography, null, "Positive color"),
-                React.createElement(ColorPicker, { color: model.posColor || 'black', onChange: event => {
-                        model.setPosColor(event);
-                        model.setColor(undefined);
-                    } }),
-                React.createElement(Typography, null, "Negative color"),
-                React.createElement(ColorPicker, { color: model.negColor || 'black', onChange: event => {
-                        model.setNegColor(event);
-                        model.setColor(undefined);
-                    } }))) : (React.createElement(React.Fragment, null,
-                React.createElement(Typography, null, "Overall color"),
-                React.createElement(ColorPicker, { color: model.color || 'black', onChange: event => {
-                        model.setColor(event);
-                    } })))),
-        React.createElement(DialogActions, null,
-            React.createElement(Button, { onClick: () => {
-                    model.setPosColor(undefined);
-                    model.setNegColor(undefined);
-                    model.setColor(undefined);
-                }, color: "secondary", variant: "contained" }, "Restore default"),
-            React.createElement(Button, { variant: "contained", color: "primary", type: "submit", onClick: () => {
-                    handleClose();
-                } }, "Submit"))));
+    return (_jsxs(Dialog, { open: true, onClose: handleClose, title: "Set color", children: [_jsxs(DialogContent, { children: [_jsx(Typography, { children: "Select either an overall color, or the positive/negative colors. Note that density renderers only work properly with positive/negative colors" }), _jsx(FormControlLabel, { checked: !posneg, onClick: () => {
+                            setPosNeg(false);
+                        }, control: _jsx(Radio, {}), label: "Overall color" }), _jsx(FormControlLabel, { checked: posneg, onClick: () => {
+                            setPosNeg(true);
+                        }, control: _jsx(Radio, {}), label: "Positive/negative color" }), posneg ? (_jsxs(_Fragment, { children: [_jsx(Typography, { children: "Positive color" }), _jsx(ColorPicker, { color: model.posColor || 'black', onChange: event => {
+                                    model.setPosColor(event);
+                                    model.setColor(undefined);
+                                } }), _jsx(Typography, { children: "Negative color" }), _jsx(ColorPicker, { color: model.negColor || 'black', onChange: event => {
+                                    model.setNegColor(event);
+                                    model.setColor(undefined);
+                                } })] })) : (_jsxs(_Fragment, { children: [_jsx(Typography, { children: "Overall color" }), _jsx(ColorPicker, { color: model.color || 'black', onChange: event => {
+                                    model.setColor(event);
+                                } })] }))] }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: () => {
+                            model.setPosColor(undefined);
+                            model.setNegColor(undefined);
+                            model.setColor(undefined);
+                        }, color: "secondary", variant: "contained", children: "Restore default" }), _jsx(Button, { variant: "contained", color: "primary", type: "submit", onClick: () => {
+                            handleClose();
+                        }, children: "Submit" })] })] }));
 });
 export default SetColorDialog;

package/esm/LinearWiggleDisplay/components/Tooltip.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { TooltipContentsComponent } from '../../Tooltip';
 import type { Feature } from '@jbrowse/core/util';
 type Coord = [number, number];
@@ -11,6 +10,6 @@ declare const WiggleTooltip: (props: {
     clientMouseCoord: Coord;
     clientRect?: DOMRect;
     TooltipContents?: TooltipContentsComponent;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default WiggleTooltip;
 export { default as Tooltip } from '../../Tooltip';

package/esm/LinearWiggleDisplay/components/Tooltip.js

@@ -1,9 +1,10 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { observer } from 'mobx-react';
 import Tooltip from '../../Tooltip';
 import { toP } from '../../util';
 const en = (n) => n.toLocaleString('en-US');
-const TooltipContents = React.forwardRef(function TooltipContents2({ feature }, ref) {
+const TooltipContents = forwardRef(function TooltipContents2({ feature }, ref) {
     const start = feature.get('start') + 1;
     const end = feature.get('end');
     const refName = feature.get('refName');
@@ -15,23 +16,10 @@ const TooltipContents = React.forwardRef(function TooltipContents2({ feature },
     ]
         .filter(f => !!f)
         .join(':');
-    return feature.get('summary') !== undefined ? (React.createElement("div", { ref: ref },
-        loc,
-        React.createElement("br", null),
-        "Max: ",
-        toP(feature.get('maxScore')),
-        React.createElement("br", null),
-        "Avg: ",
-        toP(feature.get('score')),
-        React.createElement("br", null),
-        "Min: ",
-        toP(feature.get('minScore')))) : (React.createElement("div", { ref: ref },
-        loc,
-        React.createElement("br", null),
-        `${toP(feature.get('score'))}`));
+    return feature.get('summary') !== undefined ? (_jsxs("div", { ref: ref, children: [loc, _jsx("br", {}), "Max: ", toP(feature.get('maxScore')), _jsx("br", {}), "Avg: ", toP(feature.get('score')), _jsx("br", {}), "Min: ", toP(feature.get('minScore'))] })) : (_jsxs("div", { ref: ref, children: [loc, _jsx("br", {}), `${toP(feature.get('score'))}`] }));
 });
 const WiggleTooltip = observer(function (props) {
-    return React.createElement(Tooltip, { TooltipContents: TooltipContents, ...props });
+    return _jsx(Tooltip, { TooltipContents: TooltipContents, ...props });
 });
 export default WiggleTooltip;
 export { default as Tooltip } from '../../Tooltip';

package/esm/LinearWiggleDisplay/components/WiggleDisplayComponent.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import type { WiggleDisplayModel } from '../model';
 declare const LinearWiggleDisplay: (props: {
     model: WiggleDisplayModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default LinearWiggleDisplay;

package/esm/LinearWiggleDisplay/components/WiggleDisplayComponent.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getConf } from '@jbrowse/core/configuration';
 import { getContainingTrack, getContainingView, measureText, } from '@jbrowse/core/util';
 import { BaseLinearDisplayComponent } from '@jbrowse/plugin-linear-genome-view';
@@ -12,16 +12,13 @@ const LinearWiggleDisplay = observer((props) => {
     const left = trackLabels === 'overlapping'
         ? measureText(getConf(track, 'name'), 12.8) + 100
         : 50;
-    return (React.createElement("div", null,
-        React.createElement(BaseLinearDisplayComponent, { ...props }),
-        stats && needsScalebar ? (React.createElement("svg", { style: {
-                position: 'absolute',
-                top: 0,
-                left,
-                pointerEvents: 'none',
-                height,
-                width: 50,
-            } },
-            React.createElement(YScaleBar, { model: model }))) : null));
+    return (_jsxs("div", { children: [_jsx(BaseLinearDisplayComponent, { ...props }), stats && needsScalebar ? (_jsx("svg", { style: {
+                    position: 'absolute',
+                    top: 0,
+                    left,
+                    pointerEvents: 'none',
+                    height,
+                    width: 50,
+                }, children: _jsx(YScaleBar, { model: model }) })) : null] }));
 });
 export default LinearWiggleDisplay;