@jbrowse/plugin-linear-genome-view 2.2.1 → 2.2.2

package/esm/LinearGenomeView/components/TracksContainer.js

@@ -1,13 +1,17 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useRef } from 'react';
 import { makeStyles } from 'tss-react/mui';
 import { observer } from 'mobx-react';
-import normalizeWheel from 'normalize-wheel';
-// locals
+import { Menu } from '@jbrowse/core/ui';
+// local utils
 import { SCALE_BAR_HEIGHT } from '..';
-import RubberBand from './RubberBand';
-import ScaleBar from './ScaleBar';
+import { useSideScroll, useRangeSelect, useWheelScroll } from './hooks';
+// local components
+import Rubberband from './Rubberband';
+import Scalebar from './Scalebar';
 import Gridlines from './Gridlines';
 import CenterLine from './CenterLine';
+import VerticalGuide from './VerticalGuide';
+import RubberbandSpan from './RubberbandSpan';
 const useStyles = makeStyles()({
     tracksContainer: {
         position: 'relative',
@@ -20,123 +24,22 @@ const useStyles = makeStyles()({
 });
 function TracksContainer({ children, model, }) {
     const { classes } = useStyles();
-    // refs are to store these variables to avoid repeated rerenders associated
-    // with useState/setState
-    const delta = useRef(0);
-    const scheduled = useRef(false);
-    const timeout = useRef();
+    const { mouseDown: mouseDown1, mouseUp } = useSideScroll(model);
     const ref = useRef(null);
-    const prevX = useRef(0);
-    const [mouseDragging, setMouseDragging] = useState(false);
-    useEffect(() => {
-        let cleanup = () => { };
-        function globalMouseMove(event) {
-            event.preventDefault();
-            const currX = event.clientX;
-            const distance = currX - prevX.current;
-            if (distance) {
-                // use rAF to make it so multiple event handlers aren't fired per-frame
-                // see https://calendar.perfplanet.com/2013/the-runtime-performance-checklist/
-                if (!scheduled.current) {
-                    scheduled.current = true;
-                    window.requestAnimationFrame(() => {
-                        model.horizontalScroll(-distance);
-                        scheduled.current = false;
-                        prevX.current = event.clientX;
-                    });
-                }
-            }
-        }
-        function globalMouseUp() {
-            prevX.current = 0;
-            if (mouseDragging) {
-                setMouseDragging(false);
-            }
-        }
-        if (mouseDragging) {
-            window.addEventListener('mousemove', globalMouseMove, true);
-            window.addEventListener('mouseup', globalMouseUp, true);
-            cleanup = () => {
-                window.removeEventListener('mousemove', globalMouseMove, true);
-                window.removeEventListener('mouseup', globalMouseUp, true);
-            };
-        }
-        return cleanup;
-    }, [model, mouseDragging, prevX]);
-    function mouseDown(event) {
-        // check if clicking a draggable element or a resize handle
-        const target = event.target;
-        if (target.draggable || target.dataset.resizer) {
-            return;
-        }
-        // otherwise do click and drag scroll
-        if (event.button === 0) {
-            prevX.current = event.clientX;
-            setMouseDragging(true);
-        }
-    }
-    // this local mouseup is used in addition to the global because sometimes
-    // the global add/remove are not called in time, resulting in issue #533
-    function mouseUp(event) {
-        event.preventDefault();
-        setMouseDragging(false);
-    }
-    function mouseLeave(event) {
-        event.preventDefault();
-    }
-    useEffect(() => {
-        const curr = ref.current;
-        // if ctrl is held down, zoom in with y-scroll
-        // else scroll horizontally with x-scroll
-        function onWheel(origEvent) {
-            const event = normalizeWheel(origEvent);
-            if (origEvent.ctrlKey === true) {
-                origEvent.preventDefault();
-                delta.current += event.pixelY / 500;
-                model.setScaleFactor(delta.current < 0 ? 1 - delta.current : 1 / (1 + delta.current));
-                if (timeout.current) {
-                    clearTimeout(timeout.current);
-                }
-                timeout.current = setTimeout(() => {
-                    model.setScaleFactor(1);
-                    model.zoomTo(delta.current > 0
-                        ? model.bpPerPx * (1 + delta.current)
-                        : model.bpPerPx / (1 - delta.current));
-                    delta.current = 0;
-                }, 300);
-            }
-            else {
-                // this is needed to stop the event from triggering "back button
-                // action" on MacOSX etc.  but is a heuristic to avoid preventing the
-                // inner-track scroll behavior
-                if (Math.abs(event.pixelX) > Math.abs(2 * event.pixelY)) {
-                    origEvent.preventDefault();
-                }
-                delta.current += event.pixelX;
-                if (!scheduled.current) {
-                    // use rAF to make it so multiple event handlers aren't fired per-frame
-                    // see https://calendar.perfplanet.com/2013/the-runtime-performance-checklist/
-                    scheduled.current = true;
-                    window.requestAnimationFrame(() => {
-                        model.horizontalScroll(delta.current);
-                        delta.current = 0;
-                        scheduled.current = false;
-                    });
-                }
-            }
-        }
-        if (curr) {
-            curr.addEventListener('wheel', onWheel);
-            return () => {
-                curr.removeEventListener('wheel', onWheel);
-            };
-        }
-        return () => { };
-    }, [model]);
-    return (React.createElement("div", { ref: ref, "data-testid": "trackContainer", className: classes.tracksContainer, onMouseDown: mouseDown, onMouseUp: mouseUp, onMouseLeave: mouseLeave },
+    const { guideX, rubberbandOn, leftBpOffset, rightBpOffset, numOfBpSelected, width, left, anchorPosition, handleMenuItemClick, open, handleClose, mouseMove, mouseDown: mouseDown2, } = useRangeSelect(ref, model, true);
+    useWheelScroll(ref, model);
+    return (React.createElement("div", { ref: ref, "data-testid": "trackContainer", className: classes.tracksContainer, onMouseDown: event => {
+            mouseDown1(event);
+            mouseDown2(event);
+        }, onMouseMove: mouseMove, onMouseUp: mouseUp },
         model.showGridlines ? React.createElement(Gridlines, { model: model }) : null,
         model.showCenterLine ? React.createElement(CenterLine, { model: model }) : null,
-        React.createElement(RubberBand, { model: model, ControlComponent: React.createElement(ScaleBar, { model: model, style: { height: SCALE_BAR_HEIGHT, boxSizing: 'border-box' } }) }),
+        guideX !== undefined ? (React.createElement(VerticalGuide, { model: model, coordX: guideX })) : rubberbandOn ? (React.createElement(RubberbandSpan, { leftBpOffset: leftBpOffset, rightBpOffset: rightBpOffset, numOfBpSelected: numOfBpSelected, width: width, left: left })) : null,
+        anchorPosition ? (React.createElement(Menu, { anchorReference: "anchorPosition", anchorPosition: {
+                left: anchorPosition.clientX,
+                top: anchorPosition.clientY,
+            }, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null,
+        React.createElement(Rubberband, { model: model, ControlComponent: React.createElement(Scalebar, { model: model, style: { height: SCALE_BAR_HEIGHT, boxSizing: 'border-box' } }) }),
         children));
 }
 export default observer(TracksContainer);

package/esm/LinearGenomeView/components/TracksContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TracksContainer.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TracksContainer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TracksContainer.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TracksContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,cAAc;AACd,OAAO,EAAyB,gBAAgB,EAAE,MAAM,IAAI,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAEvE,mBAAmB;AACnB,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAE7C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC;IAC7B,eAAe,EAAE;QACf,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;KACnB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAA;AAIF,SAAS,eAAe,CAAC,EACvB,QAAQ,EACR,KAAK,GAIN;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,MAAM,EACJ,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,eAAe,EACf,KAAK,EACL,IAAI,EACJ,cAAc,EACd,mBAAmB,EACnB,IAAI,EACJ,WAAW,EACX,SAAS,EACT,SAAS,EAAE,UAAU,GACtB,GAAG,cAAc,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAA;IACpC,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IAE1B,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,iBACI,gBAAgB,EAC5B,SAAS,EAAE,OAAO,CAAC,eAAe,EAClC,WAAW,EAAE,KAAK,CAAC,EAAE;YACnB,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC,EACD,WAAW,EAAE,SAAS,EACtB,SAAS,EAAE,OAAO;QAEjB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI;QACxD,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI;QAC1D,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAChD,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CACjB,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CAAC,CAAC,IAAI;QACP,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,IAAI,IACH,eAAe,EAAC,gBAAgB,EAChC,cAAc,EAAE;gBACd,IAAI,EAAE,cAAc,CAAC,OAAO;gBAC5B,GAAG,EAAE,cAAc,CAAC,OAAO;aAC5B,EACD,eAAe,EAAE,mBAAmB,EACpC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,KAAK,CAAC,mBAAmB,EAAE,GACtC,CACH,CAAC,CAAC,CAAC,IAAI;QAER,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,gBAAgB,EACd,oBAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,SAAS,EAAE,YAAY,EAAE,GAC5D,GAEJ;QACD,QAAQ,CACL,CACP,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,eAAe,CAAC,CAAA"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { LinearGenomeViewModel } from '..';
+type LGV = LinearGenomeViewModel;
+declare function VerticalGuide({ model, coordX }: {
+    model: LGV;
+    coordX: number;
+}): JSX.Element;
+declare const _default: typeof VerticalGuide;
+export default _default;

package/esm/LinearGenomeView/components/VerticalGuide.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Tooltip } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { observer } from 'mobx-react';
+import { stringify } from '@jbrowse/core/util';
+const useStyles = makeStyles()({
+    guide: {
+        pointerEvents: 'none',
+        height: '100%',
+        width: 1,
+        position: 'absolute',
+        zIndex: 10,
+    },
+});
+function VerticalGuide({ model, coordX }) {
+    const { classes } = useStyles();
+    return (React.createElement(Tooltip, { open: true, placement: "top", title: stringify(model.pxToBp(coordX)), arrow: true },
+        React.createElement("div", { className: classes.guide, style: {
+                left: coordX,
+                background: 'red',
+            } })));
+}
+export default observer(VerticalGuide);
+//# sourceMappingURL=VerticalGuide.js.map

package/esm/LinearGenomeView/components/VerticalGuide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalGuide.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/VerticalGuide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAO9C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC;IAC7B,KAAK,EAAE;QACL,aAAa,EAAE,MAAM;QACrB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAA;AAEF,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAkC;IACtE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,CACL,oBAAC,OAAO,IAAC,IAAI,QAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK;QACzE,6BACE,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,KAAK,EAAE;gBACL,IAAI,EAAE,MAAM;gBACZ,UAAU,EAAE,KAAK;aAClB,GACD,CACM,CACX,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,aAAa,CAAC,CAAA"}

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

@@ -0,0 +1,65 @@
+import React from 'react';
+import { LinearGenomeViewModel } from '..';
+type LGV = LinearGenomeViewModel;
+export declare function useSideScroll(model: LGV): {
+    mouseDown: (event: React.MouseEvent) => void;
+    mouseUp: (event: React.MouseEvent) => void;
+};
+interface AnchorPosition {
+    offsetX: number;
+    clientX: number;
+    clientY: number;
+}
+export declare function useRangeSelect(ref: React.RefObject<HTMLDivElement>, model: LGV, shiftOnly?: boolean): {
+    open: boolean;
+    guideX: number | undefined;
+    mouseDown: (event: React.MouseEvent<HTMLDivElement>) => void;
+    mouseMove: (event: React.MouseEvent<HTMLDivElement>) => void;
+    mouseOut: () => void;
+    handleMenuItemClick: (_: unknown, callback: Function) => void;
+    rubberbandOn?: undefined;
+    handleClose?: undefined;
+    leftBpOffset?: undefined;
+    rightBpOffset?: undefined;
+    anchorPosition?: undefined;
+    numOfBpSelected?: undefined;
+    width?: undefined;
+    left?: undefined;
+} | {
+    open: boolean;
+    rubberbandOn: boolean;
+    mouseDown: (event: React.MouseEvent<HTMLDivElement>) => void;
+    mouseMove: (event: React.MouseEvent<HTMLDivElement>) => void;
+    mouseOut: () => void;
+    handleClose: () => void;
+    handleMenuItemClick: (_: unknown, callback: Function) => void;
+    leftBpOffset: {
+        coord: number;
+        index: number;
+        refName: string;
+        oob: boolean;
+        assemblyName: string;
+        offset: number;
+        start: number;
+        end: number;
+        reversed: boolean;
+    };
+    rightBpOffset: {
+        coord: number;
+        index: number;
+        refName: string;
+        oob: boolean;
+        assemblyName: string;
+        offset: number;
+        start: number;
+        end: number;
+        reversed: boolean;
+    };
+    anchorPosition: AnchorPosition | undefined;
+    numOfBpSelected: number;
+    width: number;
+    left: number;
+    guideX?: undefined;
+};
+export declare function useWheelScroll(ref: React.RefObject<HTMLDivElement>, model: LGV): void;
+export {};

package/esm/LinearGenomeView/components/hooks.js

@@ -0,0 +1,255 @@
+import { useRef, useEffect, useState } from 'react';
+import normalizeWheel from 'normalize-wheel';
+import { getRelativeX } from './util';
+export function useSideScroll(model) {
+    const [mouseDragging, setMouseDragging] = useState(false);
+    // refs are to store these variables to avoid repeated rerenders associated
+    // with useState/setState
+    const scheduled = useRef(false);
+    const prevX = useRef(0);
+    useEffect(() => {
+        let cleanup = () => { };
+        function globalMouseMove(event) {
+            event.preventDefault();
+            const currX = event.clientX;
+            const distance = currX - prevX.current;
+            if (distance) {
+                // use rAF to make it so multiple event handlers aren't fired per-frame
+                // see https://calendar.perfplanet.com/2013/the-runtime-performance-checklist/
+                if (!scheduled.current) {
+                    scheduled.current = true;
+                    window.requestAnimationFrame(() => {
+                        model.horizontalScroll(-distance);
+                        scheduled.current = false;
+                        prevX.current = event.clientX;
+                    });
+                }
+            }
+        }
+        function globalMouseUp() {
+            prevX.current = 0;
+            if (mouseDragging) {
+                setMouseDragging(false);
+            }
+        }
+        if (mouseDragging) {
+            window.addEventListener('mousemove', globalMouseMove, true);
+            window.addEventListener('mouseup', globalMouseUp, true);
+            cleanup = () => {
+                window.removeEventListener('mousemove', globalMouseMove, true);
+                window.removeEventListener('mouseup', globalMouseUp, true);
+            };
+        }
+        return cleanup;
+    }, [model, mouseDragging, prevX]);
+    function mouseDown(event) {
+        if (event.shiftKey) {
+            return;
+        }
+        // check if clicking a draggable element or a resize handle
+        const target = event.target;
+        if (target.draggable || target.dataset.resizer) {
+            return;
+        }
+        // otherwise do click and drag scroll
+        if (event.button === 0) {
+            prevX.current = event.clientX;
+            setMouseDragging(true);
+        }
+    }
+    // this local mouseup is used in addition to the global because sometimes
+    // the global add/remove are not called in time, resulting in issue #533
+    function mouseUp(event) {
+        event.preventDefault();
+        setMouseDragging(false);
+    }
+    return { mouseDown, mouseUp };
+}
+export function useRangeSelect(ref, model, shiftOnly) {
+    const [startX, setStartX] = useState();
+    const [currentX, setCurrentX] = useState();
+    // clientX and clientY used for anchorPosition for menu
+    // offsetX used for calculations about width of selection
+    const [anchorPosition, setAnchorPosition] = useState();
+    const [guideX, setGuideX] = useState();
+    const mouseDragging = startX !== undefined && anchorPosition === undefined;
+    useEffect(() => {
+        function computeOffsets(offsetX) {
+            if (startX === undefined) {
+                return;
+            }
+            const leftPx = Math.min(startX, offsetX);
+            const rightPx = Math.max(startX, offsetX);
+            return {
+                leftOffset: model.pxToBp(leftPx),
+                rightOffset: model.pxToBp(rightPx),
+            };
+        }
+        function globalMouseMove(event) {
+            if (ref.current && mouseDragging) {
+                const relativeX = getRelativeX(event, ref.current);
+                setCurrentX(relativeX);
+            }
+        }
+        function globalMouseUp(event) {
+            if (startX !== undefined && ref.current) {
+                const { clientX, clientY } = event;
+                const offsetX = getRelativeX(event, ref.current);
+                // as stated above, store both clientX/Y and offsetX for different
+                // purposes
+                setAnchorPosition({
+                    offsetX,
+                    clientX,
+                    clientY,
+                });
+                const args = computeOffsets(offsetX);
+                if (args) {
+                    model.setOffsets(args.leftOffset, args.rightOffset);
+                }
+                setGuideX(undefined);
+            }
+        }
+        if (mouseDragging) {
+            window.addEventListener('mousemove', globalMouseMove);
+            window.addEventListener('mouseup', globalMouseUp);
+            return () => {
+                window.removeEventListener('mousemove', globalMouseMove);
+                window.removeEventListener('mouseup', globalMouseUp);
+            };
+        }
+        return () => { };
+    }, [startX, mouseDragging, anchorPosition, model, ref]);
+    useEffect(() => {
+        if (!mouseDragging &&
+            currentX !== undefined &&
+            startX !== undefined &&
+            Math.abs(currentX - startX) <= 3) {
+            handleClose();
+        }
+    }, [mouseDragging, currentX, startX]);
+    function mouseDown(event) {
+        if (shiftOnly && !event.shiftKey) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        const relativeX = getRelativeX(event, ref.current);
+        setStartX(relativeX);
+        setCurrentX(relativeX);
+    }
+    function mouseMove(event) {
+        if (shiftOnly) {
+            if (event.shiftKey) {
+                setGuideX(getRelativeX(event, ref.current));
+            }
+            else {
+                setGuideX(undefined);
+            }
+        }
+        else {
+            setGuideX(getRelativeX(event, ref.current));
+        }
+    }
+    function mouseOut() {
+        setGuideX(undefined);
+        model.setOffsets(undefined, undefined);
+    }
+    function handleClose() {
+        setAnchorPosition(undefined);
+        setStartX(undefined);
+        setCurrentX(undefined);
+    }
+    function handleMenuItemClick(_, callback) {
+        callback();
+        handleClose();
+    }
+    const open = Boolean(anchorPosition);
+    if (startX === undefined) {
+        return {
+            open,
+            guideX,
+            mouseDown,
+            mouseMove,
+            mouseOut,
+            handleMenuItemClick,
+        };
+    }
+    else {
+        const right = anchorPosition ? anchorPosition.offsetX : currentX || 0;
+        const left = right < startX ? right : startX;
+        const width = Math.abs(right - startX);
+        const leftBpOffset = model.pxToBp(left);
+        const rightBpOffset = model.pxToBp(left + width);
+        const numOfBpSelected = Math.ceil(width * model.bpPerPx);
+        return {
+            open,
+            rubberbandOn: true,
+            mouseDown,
+            mouseMove,
+            mouseOut,
+            handleClose,
+            handleMenuItemClick,
+            leftBpOffset,
+            rightBpOffset,
+            anchorPosition,
+            numOfBpSelected,
+            width,
+            left,
+        };
+    }
+}
+export function useWheelScroll(ref, model) {
+    const delta = useRef(0);
+    const timeout = useRef();
+    const scheduled = useRef(false);
+    useEffect(() => {
+        const curr = ref.current;
+        // if ctrl is held down, zoom in with y-scroll
+        // else scroll horizontally with x-scroll
+        function onWheel(origEvent) {
+            const event = normalizeWheel(origEvent);
+            if (origEvent.ctrlKey === true) {
+                origEvent.preventDefault();
+                delta.current += event.pixelY / 500;
+                model.setScaleFactor(delta.current < 0 ? 1 - delta.current : 1 / (1 + delta.current));
+                if (timeout.current) {
+                    clearTimeout(timeout.current);
+                }
+                timeout.current = setTimeout(() => {
+                    model.setScaleFactor(1);
+                    model.zoomTo(delta.current > 0
+                        ? model.bpPerPx * (1 + delta.current)
+                        : model.bpPerPx / (1 - delta.current));
+                    delta.current = 0;
+                }, 300);
+            }
+            else {
+                // this is needed to stop the event from triggering "back button
+                // action" on MacOSX etc.  but is a heuristic to avoid preventing the
+                // inner-track scroll behavior
+                if (Math.abs(event.pixelX) > Math.abs(2 * event.pixelY)) {
+                    origEvent.preventDefault();
+                }
+                delta.current += event.pixelX;
+                if (!scheduled.current) {
+                    // use rAF to make it so multiple event handlers aren't fired per-frame
+                    // see https://calendar.perfplanet.com/2013/the-runtime-performance-checklist/
+                    scheduled.current = true;
+                    window.requestAnimationFrame(() => {
+                        model.horizontalScroll(delta.current);
+                        delta.current = 0;
+                        scheduled.current = false;
+                    });
+                }
+            }
+        }
+        if (curr) {
+            curr.addEventListener('wheel', onWheel);
+            return () => {
+                curr.removeEventListener('wheel', onWheel);
+            };
+        }
+        return () => { };
+    }, [model, ref]);
+}
+//# sourceMappingURL=hooks.js.map

package/esm/LinearGenomeView/components/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/hooks.ts"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,8 @@
 import { Assembly } from '@jbrowse/core/assemblyManager/assembly';
 import { SearchType } from '@jbrowse/core/data_adapters/BaseAdapter';
-import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
 import { SearchScope } from '@jbrowse/core/TextSearch/TextSearchManager';
 import { TextSearchManager } from '@jbrowse/core/util';
-export declare function dedupe(results: BaseResult[] | undefined, cb: (result: BaseResult) => string): BaseResult[];
+import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
 export declare function fetchResults({ queryString, searchType, searchScope, rankSearchResults, textSearchManager, assembly, }: {
     queryString: string;
     searchScope: SearchScope;
@@ -13,3 +12,7 @@ export declare function fetchResults({ queryString, searchType, searchScope, ran
     assembly?: Assembly;
 }): Promise<BaseResult[]>;
 export declare function splitLast(str: string, split: string): [string, string];
+export declare function getRelativeX<T extends {
+    clientX: number;
+    target: EventTarget | null;
+}>(event: T, element: HTMLElement | null): number;

package/esm/LinearGenomeView/components/util.js

@@ -1,7 +1,5 @@
+import { dedupe } from '@jbrowse/core/util';
 import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
-export function dedupe(results = [], cb) {
-    return results.filter((elt, idx, self) => idx === self.findIndex(t => cb(t) === cb(elt)));
-}
 export async function fetchResults({ queryString, searchType, searchScope, rankSearchResults, textSearchManager, assembly, }) {
     var _a;
     if (!textSearchManager) {
@@ -26,4 +24,7 @@ export function splitLast(str, split) {
         return [before, after];
     }
 }
+export function getRelativeX(event, element) {
+    return event.clientX - ((element === null || element === void 0 ? void 0 : element.getBoundingClientRect().left) || 0);
+}
 //# sourceMappingURL=util.js.map

package/esm/LinearGenomeView/components/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/util.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,MAAM,sCAAsC,CAAA;AAI7D,MAAM,UAAU,MAAM,CACpB,UAAwB,EAAE,EAC1B,EAAkC;IAElC,OAAO,OAAO,CAAC,MAAM,CACnB,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CACnE,CAAA;AACH,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,EACjC,WAAW,EACX,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,GAQT;;IACC,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAA;KACvC;IAED,MAAM,iBAAiB,GAAG,MAAM,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,CACvD;QACE,WAAW;QACX,UAAU;KACX,EACD,WAAW,EACX,iBAAiB,CAClB,CAAA,CAAA;IAED,MAAM,cAAc,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CACxC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,EACtE,KAAK,CAAC,CAAC,EAAE,EAAE,EACX,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAEzC,OAAO,MAAM,CACX,CAAC,GAAG,CAAC,cAAc,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC,EACzD,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,CACnB,CAAA;AACH,CAAC;AAED,6CAA6C;AAC7C,MAAM,UAAU,SAAS,CAAC,GAAW,EAAE,KAAa;IAClD,MAAM,SAAS,GAAG,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACxC,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE;QACpB,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;KACjB;SAAM;QACL,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;QACtC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;QACtC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;KACvB;AACH,CAAC"}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/util.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAqB,MAAM,oBAAoB,CAAA;AAC9D,OAAO,UAAU,MAAM,sCAAsC,CAAA;AAE7D,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,EACjC,WAAW,EACX,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,GAQT;;IACC,IAAI,CAAC,iBAAiB,EAAE;QACtB,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAA;KACvC;IAED,MAAM,iBAAiB,GAAG,MAAM,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,CACvD;QACE,WAAW;QACX,UAAU;KACX,EACD,WAAW,EACX,iBAAiB,CAClB,CAAA,CAAA;IAED,MAAM,cAAc,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CACxC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC,EACtE,KAAK,CAAC,CAAC,EAAE,EAAE,EACX,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAEzC,OAAO,MAAM,CACX,CAAC,GAAG,CAAC,cAAc,IAAI,EAAE,CAAC,EAAE,GAAG,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC,EACzD,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,CACnB,CAAA;AACH,CAAC;AAED,6CAA6C;AAC7C,MAAM,UAAU,SAAS,CAAC,GAAW,EAAE,KAAa;IAClD,MAAM,SAAS,GAAG,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACxC,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE;QACpB,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;KACjB;SAAM;QACL,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAA;QACtC,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;QACtC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;KACvB;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAE1B,KAAQ,EAAE,OAA2B;IACrC,OAAO,KAAK,CAAC,OAAO,GAAG,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,qBAAqB,GAAG,IAAI,KAAI,CAAC,CAAC,CAAA;AACrE,CAAC"}