@jbrowse/plugin-wiggle 2.13.1 → 2.14.0

package/dist/BigWigAdapter/BigWigAdapter.d.ts

@@ -14,7 +14,7 @@ export default class BigWigAdapter extends BaseFeatureDataAdapter {
         header: Awaited<ReturnType<BigWig["getHeader"]>>;
     }>;
     getRefNames(opts?: BaseOptions): Promise<string[]>;
-    refIdToName(refId: number): Promise<string>;
+    refIdToName(refId: number): Promise<string | undefined>;
     getGlobalStats(opts?: BaseOptions): Promise<import("@jbrowse/core/util/stats").QuantitativeStats>;
     getFeatures(region: Region, opts?: WiggleOptions): import("rxjs").Observable<Feature>;
     getMultiRegionFeatureDensityStats(_regions: Region[]): Promise<{

package/dist/BigWigAdapter/BigWigAdapter.js

@@ -18,7 +18,7 @@ class BigWigAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
     }
     async setup(opts) {
         if (!this.setupP) {
-            this.setupP = this.setupPre(opts).catch(e => {
+            this.setupP = this.setupPre(opts).catch((e) => {
                 this.setupP = undefined;
                 throw e;
             });

package/dist/CreateMultiWiggleExtension/ConfirmDialog.js

@@ -33,7 +33,9 @@ const configuration_1 = require("@jbrowse/core/configuration");
 const ConfirmDialog = ({ tracks, onClose, }) => {
     const [val, setVal] = (0, react_1.useState)(`MultiWiggle ${Date.now()}`);
     const allQuant = tracks.every(t => t.type === 'QuantitativeTrack');
-    return (react_1.default.createElement(Dialog_1.default, { open: true, onClose: () => onClose(false), title: "Confirm multi-wiggle track create" },
+    return (react_1.default.createElement(Dialog_1.default, { open: true, onClose: () => {
+            onClose(false);
+        }, title: "Confirm multi-wiggle track create" },
         react_1.default.createElement(material_1.DialogContent, null,
             react_1.default.createElement(material_1.Typography, null,
                 !allQuant
@@ -44,10 +46,16 @@ const ConfirmDialog = ({ tracks, onClose, }) => {
                 (0, configuration_1.readConfObject)(track, 'name'),
                 " - ",
                 track.type)))),
-            react_1.default.createElement(material_1.TextField, { value: val, onChange: event => setVal(event.target.value), helperText: "Track name" }),
+            react_1.default.createElement(material_1.TextField, { value: val, onChange: event => {
+                    setVal(event.target.value);
+                }, helperText: "Track name" }),
             react_1.default.createElement(material_1.Typography, null, "Confirm creation of track?")),
         react_1.default.createElement(material_1.DialogActions, null,
-            react_1.default.createElement(material_1.Button, { onClick: () => onClose(false), color: "primary" }, "Cancel"),
-            react_1.default.createElement(material_1.Button, { onClick: () => onClose(true, { name: val }), color: "primary", variant: "contained", autoFocus: true }, "Submit"))));
+            react_1.default.createElement(material_1.Button, { onClick: () => {
+                    onClose(false);
+                }, color: "primary" }, "Cancel"),
+            react_1.default.createElement(material_1.Button, { onClick: () => {
+                    onClose(true, { name: val });
+                }, color: "primary", variant: "contained", autoFocus: true }, "Submit"))));
 };
 exports.default = ConfirmDialog;

package/dist/LinearWiggleDisplay/components/SetColorDialog.js

@@ -33,8 +33,12 @@ const SetColorDialog = (0, mobx_react_1.observer)(function SetColorDialog({ mode
     return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Set color" },
         react_1.default.createElement(material_1.DialogContent, null,
             react_1.default.createElement(material_1.Typography, null, "Select either an overall color, or the positive/negative colors. Note that density renderers only work properly with positive/negative colors"),
-            react_1.default.createElement(material_1.FormControlLabel, { checked: !posneg, onClick: () => setPosNeg(false), control: react_1.default.createElement(material_1.Radio, null), label: "Overall color" }),
-            react_1.default.createElement(material_1.FormControlLabel, { checked: posneg, onClick: () => setPosNeg(true), control: react_1.default.createElement(material_1.Radio, null), label: "Positive/negative color" }),
+            react_1.default.createElement(material_1.FormControlLabel, { checked: !posneg, onClick: () => {
+                    setPosNeg(false);
+                }, control: react_1.default.createElement(material_1.Radio, null), label: "Overall color" }),
+            react_1.default.createElement(material_1.FormControlLabel, { checked: posneg, onClick: () => {
+                    setPosNeg(true);
+                }, control: react_1.default.createElement(material_1.Radio, null), label: "Positive/negative color" }),
             posneg ? (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(material_1.Typography, null, "Positive color"),
                 react_1.default.createElement(ColorPicker_1.ColorPicker, { color: model.posColor || 'black', onChange: event => {
@@ -47,13 +51,17 @@ const SetColorDialog = (0, mobx_react_1.observer)(function SetColorDialog({ mode
                         model.setColor(undefined);
                     } }))) : (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(material_1.Typography, null, "Overall color"),
-                react_1.default.createElement(ColorPicker_1.ColorPicker, { color: model.color || 'black', onChange: event => model.setColor(event) })))),
+                react_1.default.createElement(ColorPicker_1.ColorPicker, { color: model.color || 'black', onChange: event => {
+                        model.setColor(event);
+                    } })))),
         react_1.default.createElement(material_1.DialogActions, null,
             react_1.default.createElement(material_1.Button, { onClick: () => {
                     model.setPosColor(undefined);
                     model.setNegColor(undefined);
                     model.setColor(undefined);
                 }, color: "secondary", variant: "contained" }, "Restore default"),
-            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: () => handleClose() }, "Submit"))));
+            react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: () => {
+                    handleClose();
+                } }, "Submit"))));
 });
 exports.default = SetColorDialog;

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

@@ -4,7 +4,7 @@ import { TooltipContentsComponent } from '../../Tooltip';
 type Coord = [number, number];
 declare const WiggleTooltip: (props: {
     model: {
-        featureUnderMouse: Feature;
+        featureUnderMouse?: Feature;
     };
     height: number;
     offsetMouseCoord: Coord;

package/dist/LinearWiggleDisplay/components/Tooltip.js

@@ -13,8 +13,13 @@ const en = (n) => n.toLocaleString('en-US');
 const TooltipContents = react_1.default.forwardRef(function TooltipContents2({ feature }, ref) {
     const start = feature.get('start');
     const end = feature.get('end');
-    const name = feature.get('refName');
-    const loc = [name, start === end ? en(start) : `${en(start)}..${en(end)}`]
+    const refName = feature.get('refName');
+    const name = feature.get('name');
+    const loc = [
+        refName,
+        name,
+        start === end ? en(start) : `${en(start)}..${en(end)}`,
+    ]
         .filter(f => !!f)
         .join(':');
     return feature.get('summary') !== undefined ? (react_1.default.createElement("div", { ref: ref },

package/dist/LinearWiggleDisplay/models/model.d.ts

@@ -155,7 +155,7 @@ declare function stateModelFactory(pluginManager: PluginManager, configSchema: A
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree" /**
          * #getter
          */)._NotCustomized>>;
-        onHorizontalScroll?: Function;
+        onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
     readonly DisplayBlurb: React.FC<{

package/dist/LinearWiggleDisplay/models/model.js

@@ -136,7 +136,7 @@ function stateModelFactory(pluginManager, configSchema) {
                 if (self.filled) {
                     return 0;
                 }
-                else if (!self.filled && self.minSize === 1) {
+                else if (self.minSize === 1) {
                     return 1;
                 }
                 else {
@@ -167,7 +167,9 @@ function stateModelFactory(pluginManager, configSchema) {
                                     label: elt,
                                     type: 'radio',
                                     checked: self.fillSetting === idx,
-                                    onClick: () => self.setFill(idx),
+                                    onClick: () => {
+                                        self.setFill(idx);
+                                    },
                                 })),
                             },
                         ]
@@ -178,7 +180,9 @@ function stateModelFactory(pluginManager, configSchema) {
                                 type: 'checkbox',
                                 label: 'Draw cross hatches',
                                 checked: self.displayCrossHatchesSetting,
-                                onClick: () => self.toggleCrossHatches(),
+                                onClick: () => {
+                                    self.toggleCrossHatches();
+                                },
                             },
                         ]
                         : []),
@@ -190,7 +194,9 @@ function stateModelFactory(pluginManager, configSchema) {
                                     label: key,
                                     type: 'radio',
                                     checked: self.rendererTypeNameSimple === key,
-                                    onClick: () => self.setRendererType(key),
+                                    onClick: () => {
+                                        self.setRendererType(key);
+                                    },
                                 })),
                             },
                         ]

package/dist/MultiLinearWiggleDisplay/components/ScoreLegend.js

@@ -10,8 +10,7 @@ const RectBg_1 = __importDefault(require("./RectBg"));
 const ScoreLegend = (0, mobx_react_1.observer)(({ model }) => {
     const { ticks, scaleType } = model;
     const { width } = (0, util_1.getContainingView)(model);
-    const legend = `[${ticks === null || ticks === void 0 ? void 0 : ticks.values[0]}-${ticks === null || ticks === void 0 ? void 0 : ticks.values[1]}]` +
-        (scaleType === 'log' ? ' (log scale)' : '');
+    const legend = `[${ticks === null || ticks === void 0 ? void 0 : ticks.values[0]}-${ticks === null || ticks === void 0 ? void 0 : ticks.values[1]}]${scaleType === 'log' ? ' (log scale)' : ''}`;
     const len = (0, util_1.measureText)(legend, 14);
     const padding = 25;
     const xpos = width - len - padding;

package/dist/MultiLinearWiggleDisplay/components/SetColorDialog.js

@@ -47,7 +47,9 @@ function SetColorDialog({ model, handleClose, }) {
     const [showTips, setShowTips] = (0, util_1.useLocalStorage)('multiwiggle-showTips', true);
     return (react_1.default.createElement(DraggableDialog_1.default, { open: true, onClose: handleClose, maxWidth: "xl", title: 'Multi-wiggle color/arrangement editor' },
         react_1.default.createElement(material_1.DialogContent, { className: classes.content },
-            react_1.default.createElement(material_1.Button, { variant: "contained", style: { float: 'right' }, onClick: () => setShowTips(!showTips) }, showTips ? 'Hide tips' : 'Show tips'),
+            react_1.default.createElement(material_1.Button, { variant: "contained", style: { float: 'right' }, onClick: () => {
+                    setShowTips(!showTips);
+                } }, showTips ? 'Hide tips' : 'Show tips'),
             react_1.default.createElement("br", null),
             showTips ? (react_1.default.createElement(react_1.default.Fragment, null,
                 "Helpful tips",

package/dist/MultiLinearWiggleDisplay/components/SourcesGrid.js

@@ -58,17 +58,27 @@ function SourcesGrid({ rows, onChange, showTips, }) {
         field: null,
     });
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement(material_1.Button, { disabled: !selected.length, onClick: event => setAnchorEl(event.currentTarget) }, "Change color of selected items"),
-        react_1.default.createElement(material_1.Button, { onClick: () => onChange((0, util_2.moveUp)([...rows], selected)), disabled: !selected.length },
+        react_1.default.createElement(material_1.Button, { disabled: !selected.length, onClick: event => {
+                setAnchorEl(event.currentTarget);
+            } }, "Change color of selected items"),
+        react_1.default.createElement(material_1.Button, { onClick: () => {
+                onChange((0, util_2.moveUp)([...rows], selected));
+            }, disabled: !selected.length },
             react_1.default.createElement(KeyboardArrowUp_1.default, null),
             showTips ? 'Move selected items up' : null),
-        react_1.default.createElement(material_1.Button, { onClick: () => onChange((0, util_2.moveDown)([...rows], selected)), disabled: !selected.length },
+        react_1.default.createElement(material_1.Button, { onClick: () => {
+                onChange((0, util_2.moveDown)([...rows], selected));
+            }, disabled: !selected.length },
             react_1.default.createElement(KeyboardArrowDown_1.default, null),
             showTips ? 'Move selected items down' : null),
-        react_1.default.createElement(material_1.Button, { onClick: () => onChange((0, util_2.moveUp)([...rows], selected, rows.length)), disabled: !selected.length },
+        react_1.default.createElement(material_1.Button, { onClick: () => {
+                onChange((0, util_2.moveUp)([...rows], selected, rows.length));
+            }, disabled: !selected.length },
             react_1.default.createElement(KeyboardDoubleArrowUp_1.default, null),
             showTips ? 'Move selected items to top' : null),
-        react_1.default.createElement(material_1.Button, { onClick: () => onChange((0, util_2.moveDown)([...rows], selected, rows.length)), disabled: !selected.length },
+        react_1.default.createElement(material_1.Button, { onClick: () => {
+                onChange((0, util_2.moveDown)([...rows], selected, rows.length));
+            }, disabled: !selected.length },
             react_1.default.createElement(KeyboardDoubleArrowDown_1.default, null),
             showTips ? 'Move selected items to bottom' : null),
         react_1.default.createElement(ColorPicker_1.ColorPopover, { anchorEl: anchorEl, color: widgetColor, onChange: c => {
@@ -80,9 +90,13 @@ function SourcesGrid({ rows, onChange, showTips, }) {
                     }
                 });
                 onChange([...rows]);
-            }, onClose: () => setAnchorEl(null) }),
+            }, onClose: () => {
+                setAnchorEl(null);
+            } }),
         react_1.default.createElement("div", { style: { height: 400, width: '100%' } },
-            react_1.default.createElement(x_data_grid_1.DataGrid, { getRowId: row => row.name, checkboxSelection: true, disableRowSelectionOnClick: true, onRowSelectionModelChange: arg => setSelected(arg), rows: rows, rowHeight: 25, columnHeaderHeight: 33, columns: [
+            react_1.default.createElement(x_data_grid_1.DataGrid, { getRowId: row => row.name, checkboxSelection: true, disableRowSelectionOnClick: true, onRowSelectionModelChange: arg => {
+                    setSelected(arg);
+                }, rows: rows, rowHeight: 25, columnHeaderHeight: 33, columns: [
                     {
                         field: 'color',
                         headerName: 'Color',
@@ -117,7 +131,7 @@ function SourcesGrid({ rows, onChange, showTips, }) {
                     // thing since we are controlling sort instead of the default data
                     // grid sort anyways
                     const idx = (currSort.idx + 1) % 2;
-                    const field = (sort === null || sort === void 0 ? void 0 : sort.field) || currSort.field;
+                    const field = sort.field || currSort.field;
                     setCurrSort({ idx, field });
                     onChange(field
                         ? [...rows].sort((a, b) => {

package/dist/MultiLinearWiggleDisplay/components/Tooltip.js

@@ -28,13 +28,10 @@ const TooltipContents = react_1.default.forwardRef(function TooltipContents2({ m
                     react_1.default.createElement("th", null, "color"),
                     react_1.default.createElement("th", null, "source"),
                     react_1.default.createElement("th", null, "score"))),
-            react_1.default.createElement("tbody", null, Object.entries(sources).map(([source, data]) => {
-                var _a;
-                return (react_1.default.createElement("tr", { key: source },
-                    react_1.default.createElement("td", { style: { background: (_a = obj[source]) === null || _a === void 0 ? void 0 : _a.color } }, " "),
-                    react_1.default.createElement("td", null, source),
-                    react_1.default.createElement("td", null, (0, util_1.toP)(data.score))));
-            })))) : (react_1.default.createElement("span", null,
+            react_1.default.createElement("tbody", null, Object.entries(sources).map(([source, data]) => (react_1.default.createElement("tr", { key: source },
+                react_1.default.createElement("td", { style: { background: obj[source].color } }, " "),
+                react_1.default.createElement("td", null, source),
+                react_1.default.createElement("td", null, (0, util_1.toP)(data.score)))))))) : (react_1.default.createElement("span", null,
             source,
             ' ',
             summary

package/dist/MultiLinearWiggleDisplay/components/YScaleBars.js

@@ -33,9 +33,9 @@ exports.YScaleBars = (0, mobx_react_1.observer)(function (props) {
     if (!ready) {
         return null;
     }
-    const labelWidth = Math.max(...(sources
+    const labelWidth = Math.max(...sources
         .map(s => (0, util_1.measureText)(s.name, svgFontSize))
-        .map(width => (canDisplayLabel ? width : minWidth)) || [0]));
+        .map(width => (canDisplayLabel ? width : minWidth)));
     return (react_1.default.createElement(Wrapper, { ...props }, needsFullHeightScalebar ? (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("g", { transform: `translate(${!exportSVG ? (0, util_2.getOffset)(model) : 0},0)` },
             react_1.default.createElement(YScaleBar_1.default, { model: model, orientation: orientation })),

package/dist/MultiLinearWiggleDisplay/models/model.d.ts

@@ -157,7 +157,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
         }, import("mobx-state-tree" /**
          * #property
          */)._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll?: Function;
+        onHorizontalScroll?: () => void;
         blockState?: Record<string, any>;
     }>;
     readonly DisplayBlurb: React.FC<{

package/dist/MultiLinearWiggleDisplay/models/model.js

@@ -277,8 +277,12 @@ function stateModelFactory(pluginManager, configSchema) {
                     scaleOpts,
                     sources,
                     ticks,
-                    onMouseMove: (_, f) => self.setFeatureUnderMouse(f),
-                    onMouseLeave: () => self.setFeatureUnderMouse(undefined),
+                    onMouseMove: (_, f) => {
+                        self.setFeatureUnderMouse(f);
+                    },
+                    onMouseLeave: () => {
+                        self.setFeatureUnderMouse(undefined);
+                    },
                 };
             },
             /**
@@ -300,7 +304,7 @@ function stateModelFactory(pluginManager, configSchema) {
                 if (self.filled) {
                     return 0;
                 }
-                else if (!self.filled && self.minSize === 1) {
+                else if (self.minSize === 1) {
                     return 1;
                 }
                 else {
@@ -331,7 +335,9 @@ function stateModelFactory(pluginManager, configSchema) {
                                     label: elt,
                                     type: 'radio',
                                     checked: self.fillSetting === idx,
-                                    onClick: () => self.setFill(idx),
+                                    onClick: () => {
+                                        self.setFill(idx);
+                                    },
                                 })),
                             },
                         ]
@@ -342,7 +348,9 @@ function stateModelFactory(pluginManager, configSchema) {
                                 type: 'checkbox',
                                 label: 'Draw cross hatches',
                                 checked: self.displayCrossHatchesSetting,
-                                onClick: () => self.toggleCrossHatches(),
+                                onClick: () => {
+                                    self.toggleCrossHatches();
+                                },
                             },
                         ]
                         : []),
@@ -360,7 +368,9 @@ function stateModelFactory(pluginManager, configSchema) {
                                     label: key,
                                     type: 'radio',
                                     checked: self.rendererTypeNameSimple === key,
-                                    onClick: () => self.setRendererType(key),
+                                    onClick: () => {
+                                        self.setRendererType(key);
+                                    },
                                 })),
                             },
                         ]

package/dist/MultiRowLineRenderer/MultiRowLineRenderer.js

@@ -10,7 +10,7 @@ class MultiRowLineRenderer extends WiggleBaseRenderer_1.default {
     // @ts-expect-error
     async draw(ctx, props) {
         const { bpPerPx, sources, regions, features } = props;
-        const [region] = regions;
+        const region = regions[0];
         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;

package/dist/MultiRowXYPlotRenderer/MultiRowXYPlotRenderer.js

@@ -10,7 +10,7 @@ class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
     // @ts-expect-error
     async draw(ctx, props) {
         const { bpPerPx, sources, regions, features } = props;
-        const [region] = regions;
+        const region = regions[0];
         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;

package/dist/MultiWiggleAdapter/MultiWiggleAdapter.js

@@ -26,9 +26,7 @@ class MultiWiggleAdapter extends BaseAdapter_1.BaseFeatureDataAdapter {
                 },
             }));
         }
-        return Promise.all(
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        subConfs.map(async (conf) => {
+        return Promise.all(subConfs.map(async (conf) => {
             const dataAdapter = (await getSubAdapter(conf))
                 .dataAdapter;
             return {

package/dist/MultiWiggleAddTrackWorkflow/AddTrackWorkflow.js

@@ -51,11 +51,13 @@ function MultiWiggleWidget({ model }) {
         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, rows: 10, value: val, onChange: event => setVal(event.target.value), placeholder: 'Paste list of URLs here, or use file selector below', variant: "outlined", className: classes.textbox }),
+        react_1.default.createElement(material_1.TextField, { multiline: true, rows: 10, value: val, onChange: event => {
+                setVal(event.target.value);
+            }, placeholder: 'Paste list of URLs here, or use file selector below', variant: "outlined", className: classes.textbox }),
         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 === null || target === void 0 ? void 0 : target.files) || [])].map(file => ({
+                    const res = [...(target.files || [])].map(file => ({
                         type: 'BigWigAdapter',
                         bigWigLocation: util_1.isElectron
                             ? {
@@ -67,13 +69,15 @@ function MultiWiggleWidget({ model }) {
                     }));
                     setVal(JSON.stringify(res, null, 2));
                 } })),
-        react_1.default.createElement(material_1.TextField, { value: trackName, onChange: event => setTrackName(event.target.value), helperText: "Track name" }),
+        react_1.default.createElement(material_1.TextField, { value: trackName, onChange: event => {
+                setTrackName(event.target.value);
+            }, helperText: "Track name" }),
         react_1.default.createElement(material_1.Button, { variant: "contained", className: classes.submit, onClick: () => {
                 var _a;
                 const session = (0, util_1.getSession)(model);
                 const trackId = [
                     `${trackName.toLowerCase().replaceAll(' ', '_')}-${Date.now()}`,
-                    `${session.adminMode ? '' : '-sessionTrack'}`,
+                    session.adminMode ? '' : '-sessionTrack',
                 ].join('');
                 // allow list of bigwigs in JSON format or line-by-line
                 let bigWigs;

package/dist/MultiWiggleRendering.d.ts

@@ -8,13 +8,13 @@ declare const MultiWiggleRendering: (props: {
     bpPerPx: number;
     width: number;
     height: number;
-    onMouseLeave: Function;
-    onMouseMove: Function;
-    onFeatureClick: Function;
     blockKey: string;
     sources: Source[];
-    displayModel: {
+    displayModel?: {
         isMultiRow: boolean;
     };
+    onMouseLeave?: (event: React.MouseEvent) => void;
+    onMouseMove?: (event: React.MouseEvent, arg?: Feature) => void;
+    onFeatureClick?: (event: React.MouseEvent, arg?: Feature) => void;
 }) => React.JSX.Element;
 export default MultiWiggleRendering;

package/dist/MultiWiggleRendering.js

@@ -29,8 +29,9 @@ const util_1 = require("@jbrowse/core/util");
 const ui_1 = require("@jbrowse/core/ui");
 const MultiWiggleRendering = (0, mobx_react_1.observer)(function (props) {
     const { regions, features, bpPerPx, width, height, sources, onMouseLeave = () => { }, onMouseMove = () => { }, onFeatureClick = () => { }, displayModel, } = props;
-    const [region] = regions;
+    const region = regions[0];
     const ref = (0, react_1.useRef)(null);
+    const { isMultiRow } = displayModel || {};
     function getFeatureUnderMouse(eventClientX, eventClientY) {
         if (!ref.current) {
             return;
@@ -45,7 +46,7 @@ const MultiWiggleRendering = (0, mobx_react_1.observer)(function (props) {
         const px = region.reversed ? width - offsetX : offsetX;
         const mouseoverBp = region.start + bpPerPx * px;
         let featureUnderMouse;
-        if (displayModel.isMultiRow) {
+        if (isMultiRow) {
             for (const feature of features.values()) {
                 if (feature.get('source') !== source.name) {
                     continue;
@@ -91,7 +92,9 @@ const MultiWiggleRendering = (0, mobx_react_1.observer)(function (props) {
             const { clientX, clientY } = event;
             const featureUnderMouse = getFeatureUnderMouse(clientX, clientY);
             onFeatureClick(event, featureUnderMouse);
-        }, onMouseLeave: event => onMouseLeave(event), style: {
+        }, onMouseLeave: event => {
+            onMouseLeave(event);
+        }, style: {
             overflow: 'visible',
             position: 'relative',
             height,

package/dist/Tooltip.d.ts

@@ -7,7 +7,7 @@ export type TooltipContentsComponent = React.ForwardRefExoticComponent<{
 } & React.RefAttributes<HTMLDivElement>>;
 declare const Tooltip: ({ model, height, clientMouseCoord, offsetMouseCoord, clientRect, TooltipContents, useClientY, }: {
     model: {
-        featureUnderMouse: Feature;
+        featureUnderMouse?: Feature;
     };
     useClientY?: boolean;
     height: number;

package/dist/Tooltip.js

@@ -50,7 +50,7 @@ const Tooltip = (0, mobx_react_1.observer)(function Tooltip({ model, height, cli
     const y = useClientY ? clientMouseCoord[1] : (clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0;
     const clientPoint = (0, react_2.useClientPoint)(context, { x, y });
     const { getFloatingProps } = (0, react_2.useInteractions)([clientPoint]);
-    const popperTheme = (_a = theme === null || theme === void 0 ? void 0 : theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
+    const popperTheme = (_a = theme.components) === null || _a === void 0 ? void 0 : _a.MuiPopper;
     return featureUnderMouse ? (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(material_1.Portal, { container: (_b = popperTheme === null || popperTheme === void 0 ? void 0 : popperTheme.defaultProps) === null || _b === void 0 ? void 0 : _b.container },
             react_1.default.createElement("div", { className: classes.tooltip, ref: refs.setFloating, style: {

package/dist/WiggleBaseRenderer.d.ts

@@ -52,6 +52,6 @@ export default abstract class WiggleBaseRenderer extends FeatureRendererType {
      * draw features to context given props, to be used by derived renderer
      * classes
      */
-    abstract draw<T extends RenderArgsDeserializedWithFeatures>(ctx: CanvasRenderingContext2D, props: T): Promise<Record<string, unknown> | void>;
+    abstract draw<T extends RenderArgsDeserializedWithFeatures>(ctx: CanvasRenderingContext2D, props: T): Promise<Record<string, unknown> | undefined>;
 }
 export { type RenderArgsSerialized, type RenderResults, type ResultsDeserialized, type ResultsSerialized, } from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';

package/dist/WiggleBaseRenderer.js

@@ -13,7 +13,7 @@ class WiggleBaseRenderer extends FeatureRendererType_1.default {
     async render(renderProps) {
         const features = await this.getFeatures(renderProps);
         const { height, regions, bpPerPx } = renderProps;
-        const [region] = regions;
+        const region = regions[0];
         const width = (region.end - region.start) / bpPerPx;
         // @ts-expect-error
         const { reducedFeatures, ...rest } = await (0, util_1.renderToAbstractCanvas)(width, height, renderProps, ctx => this.draw(ctx, {

package/dist/WiggleRPC/MultiWiggleGetSources.d.ts

@@ -9,7 +9,7 @@ export declare class MultiWiggleGetSources extends RpcMethodType {
     serializeArguments(args: RenderArgs & {
         signal?: AbortSignal;
         statusCallback?: (arg: string) => void;
-    }, rpcDriverClassName: string): Promise<{}>;
+    }, rpcDriverClassName: string): Promise<Record<string, unknown>>;
     execute(args: {
         adapterConfig: AnyConfigurationModel;
         signal?: RemoteAbortSignal;

package/dist/WiggleRPC/MultiWiggleGetSources.js

@@ -13,7 +13,6 @@ class MultiWiggleGetSources extends RpcMethodType_1.default {
         super(...arguments);
         this.name = 'MultiWiggleGetSources';
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     async deserializeArguments(args, rpcDriverClassName) {
         const l = await super.deserializeArguments(args, rpcDriverClassName);
         return {

package/dist/WiggleRPC/WiggleGetGlobalQuantitativeStats.js

@@ -12,7 +12,6 @@ class WiggleGetGlobalQuantitativeStats extends RpcMethodType_1.default {
         super(...arguments);
         this.name = 'WiggleGetGlobalQuantitativeStats';
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     async deserializeArguments(args, rpcDriverClassName) {
         const l = await super.deserializeArguments(args, rpcDriverClassName);
         return {

package/dist/WiggleRPC/WiggleGetMultiRegionQuantitativeStats.d.ts

@@ -8,9 +8,9 @@ export declare class WiggleGetMultiRegionQuantitativeStats extends RpcMethodType
     serializeArguments(args: RenderArgs & {
         signal?: AbortSignal;
         statusCallback?: (arg: string) => void;
-    }, rpcDriverClassName: string): Promise<{}>;
+    }, rpcDriverClassName: string): Promise<Record<string, unknown>>;
     execute(args: {
-        adapterConfig: {};
+        adapterConfig: Record<string, unknown>;
         signal?: RemoteAbortSignal;
         sessionId: string;
         headers?: Record<string, string>;

package/dist/WiggleRPC/WiggleGetMultiRegionQuantitativeStats.js

@@ -13,7 +13,6 @@ class WiggleGetMultiRegionQuantitativeStats extends RpcMethodType_1.default {
         super(...arguments);
         this.name = 'WiggleGetMultiRegionQuantitativeStats';
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     async deserializeArguments(args, rpcDriverClassName) {
         const l = await super.deserializeArguments(args, rpcDriverClassName);
         return {

package/dist/WiggleRendering.d.ts

@@ -7,9 +7,9 @@ declare const WiggleRendering: (props: {
     bpPerPx: number;
     width: number;
     height: number;
-    onMouseLeave: Function;
-    onMouseMove: Function;
-    onFeatureClick: Function;
     blockKey: string;
+    onMouseLeave?: (event: React.MouseEvent) => void;
+    onMouseMove?: (event: React.MouseEvent, arg?: string) => void;
+    onFeatureClick?: (event: React.MouseEvent, arg?: string) => void;
 }) => React.JSX.Element;
 export default WiggleRendering;

package/dist/WiggleRendering.js

@@ -27,8 +27,8 @@ const mobx_react_1 = require("mobx-react");
 const react_1 = __importStar(require("react"));
 const ui_1 = require("@jbrowse/core/ui");
 const WiggleRendering = (0, mobx_react_1.observer)(function (props) {
-    const { regions, features, bpPerPx, width, height, onMouseLeave = () => { }, onMouseMove = () => { }, onFeatureClick = () => { }, } = props;
-    const [region] = regions;
+    const { regions, features, bpPerPx, width, height, onMouseLeave, onMouseMove, onFeatureClick, } = props;
+    const region = regions[0];
     const ref = (0, react_1.useRef)(null);
     function getFeatureUnderMouse(eventClientX) {
         // calculates feature under mouse
@@ -50,7 +50,7 @@ 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: event => { var _a; return onMouseMove(event, (_a = getFeatureUnderMouse(event.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onClick: event => { var _a; return onFeatureClick(event, (_a = getFeatureUnderMouse(event.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onMouseLeave: event => onMouseLeave(event), style: {
+    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: {
             overflow: 'visible',
             position: 'relative',
             height,

package/dist/drawDensity.js

@@ -9,7 +9,7 @@ const fudgeFactor = 0.3;
 const clipHeight = 2;
 function drawDensity(ctx, props) {
     const { features, regions, bpPerPx, scaleOpts, height, config } = props;
-    const [region] = regions;
+    const region = regions[0];
     const pivot = (0, configuration_1.readConfObject)(config, 'bicolorPivot');
     const pivotValue = (0, configuration_1.readConfObject)(config, 'bicolorPivotValue');
     const negColor = (0, configuration_1.readConfObject)(config, 'negColor');
@@ -26,8 +26,10 @@ function drawDensity(ctx, props) {
     const cb = color === '#f0f'
         ? (_, score) => scale(score)
         : (feature, score) => (0, configuration_1.readConfObject)(config, 'color', { feature, score });
-    const [niceMin, niceMax] = scale2.domain();
-    let prevLeftPx = -Infinity;
+    const domain = scale2.domain();
+    const niceMin = domain[0];
+    const niceMax = domain[1];
+    let prevLeftPx = Number.NEGATIVE_INFINITY;
     let hasClipping = false;
     const reducedFeatures = [];
     for (const feature of features.values()) {