@jbrowse/plugin-linear-genome-view 2.11.2 → 2.12.1

package/dist/LinearBasicDisplay/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
 import { MenuItem } from '@jbrowse/core/ui';
 import { Instance } from 'mobx-state-tree';
@@ -40,7 +39,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     }, {
         renderInProgress: AbortController | undefined;
         filled: boolean;
-        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        reactElement: import("react").ReactElement | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
         layout: any;
         status: string;
@@ -51,12 +50,10 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             model: {
                 error?: unknown;
                 reload: () => void;
-                message: import("react").ReactNode; /**
-                 * #property
-                 */
-                filled?: boolean | undefined;
-                status?: string | undefined;
-                reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+                message: import("react").ReactNode;
+                filled?: boolean;
+                status?: string;
+                reactElement?: import("react").ReactElement;
             };
         }) => import("react").JSX.Element | undefined;
         renderProps: any;
@@ -64,12 +61,10 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         doReload(): void;
         afterAttach(): void;
         setStatus(message: string): void;
-        setLoading(abortController: AbortController): void; /**
-         * #getter
-         */
+        setLoading(abortController: AbortController): void;
         setMessage(messageText: string): void;
         setRendered(props: {
-            reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            reactElement: import("react").ReactElement;
             features: Map<string, import("@jbrowse/core/util").Feature>;
             layout: any;
             maxHeightReached: boolean;
@@ -97,9 +92,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         };
         mouseover: {
             type: string;
-            description: string; /**
-             * #property
-             */
+            description: string;
             defaultValue: string;
             contextVariable: string[];
         };
@@ -153,18 +146,20 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             error: unknown;
             message: string | undefined;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            type: import("mobx-state-tree").ISimpleType<string>; /**
+            id: import("mobx-state-tree" /**
              * #property
-             */
+             */).IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
             rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
         }, {
             rendererTypeName: string;
             error: unknown;
             message: string | undefined;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-        onHorizontalScroll?: Function | undefined;
-        blockState?: Record<string, any> | undefined;
+        onHorizontalScroll?: Function;
+        blockState? /**
+         * #getter
+         */: Record<string, any>;
     }>;
     readonly DisplayBlurb: import("react").FC<{
         model: {
@@ -184,19 +179,17 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             error: unknown;
             message: string | undefined;
         }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
-    }> | null; /**
-     * #getter
-     */
+    }> | null;
     readonly adapterConfig: any;
     readonly parentTrack: any;
     renderProps(): any;
     readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
-    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
+    readonly DisplayMessageComponent: undefined | import("react").FC<any>;
     trackMenuItems(): MenuItem[];
     readonly viewMenuActions: MenuItem[];
     regionCannotBeRendered(): null;
 } & {
-    setMessage(arg?: string | undefined): void;
+    setMessage(arg?: string): void;
     setError(error?: unknown): void;
     setRpcDriverName(rpcDriverName: string): void;
     reload(): void;
@@ -209,8 +202,8 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     setHeight(displayHeight: number): number;
     resizeHeight(distance: number): number;
 } & {
-    featureDensityStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats> | undefined;
-    featureDensityStats: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined;
+    featureDensityStatsP: undefined | Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats>;
+    featureDensityStats: undefined | import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats;
     currStatsBpPerPx: number;
 } & {
     readonly currentBytesRequested: number;
@@ -222,22 +215,20 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     afterAttach(): void;
 } & {
     setCurrStatsBpPerPx(n: number): void;
-    setFeatureDensityStatsLimit(stats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined): void;
+    setFeatureDensityStatsLimit(stats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats): void;
     getFeatureDensityStats(): Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats>;
     setFeatureDensityStatsP(arg: any): void;
-    setFeatureDensityStats(featureDensityStats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined): void;
+    setFeatureDensityStats(featureDensityStats?: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats): void;
     clearFeatureDensityStats(): void;
 } & {
-    readonly regionTooLarge: boolean; /**
-     * #method
-     */
+    readonly regionTooLarge: boolean;
     readonly regionTooLargeReason: string;
 } & {
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
     regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react").JSX.Element | null;
 } & {
-    featureIdUnderMouse: string | undefined;
-    contextMenuFeature: import("@jbrowse/core/util").Feature | undefined;
+    featureIdUnderMouse: undefined | string;
+    contextMenuFeature: undefined | import("@jbrowse/core/util").Feature;
 } & {
     readonly blockType: "dynamicBlocks" | "staticBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
@@ -245,7 +236,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     readonly renderDelay: number;
     readonly TooltipComponent: import("react").FC<any>;
     readonly selectedFeatureId: string | undefined;
-    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
+    readonly DisplayMessageComponent: undefined | import("react").FC<any>;
 } & {
     readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
     readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
@@ -258,8 +249,8 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     selectFeature(feature: import("@jbrowse/core/util").Feature): void;
     navToFeature(feature: import("@jbrowse/core/util").Feature): void;
     clearFeatureSelection(): void;
-    setFeatureIdUnderMouse(feature?: string | undefined): void;
-    setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature | undefined): void;
+    setFeatureIdUnderMouse(feature?: string): void;
+    setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature): void;
 } & {
     reload(): Promise<void>;
 } & {
@@ -301,7 +292,15 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     readonly rendererConfig: {
         [x: string]: any;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-        setSubschema(slotName: string, data: unknown): any;
+        setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
+            [x: string]: any;
+        } & import("mobx-state-tree/dist/internal" /**
+         * #property
+         */).NonEmptyObject & {
+            setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
+                [x: string]: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
+        } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
     } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
 } & {
     /**
@@ -332,7 +331,13 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         config: {
             [x: string]: any;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
-            setSubschema(slotName: string, data: unknown): any;
+            setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
+                [x: string]: any;
+            } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+                setSubschema(slotName: string, data: Record<string, unknown>): Record<string, unknown> | ({
+                    [x: string]: any;
+                } & import("mobx-state-tree/dist/internal").NonEmptyObject & any & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
+            } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>);
         } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
         filters: SerializableFilterChain;
     };
@@ -370,7 +375,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
     }, {
         renderInProgress: AbortController | undefined;
         filled: boolean;
-        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        reactElement: import("react").ReactElement | undefined;
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
         layout: any;
         status: string;
@@ -381,12 +386,10 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
             model: {
                 error?: unknown;
                 reload: () => void;
-                message: import("react").ReactNode; /**
-                 * #property
-                 */
-                filled?: boolean | undefined;
-                status?: string | undefined;
-                reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+                message: import("react").ReactNode;
+                filled?: boolean;
+                status?: string;
+                reactElement?: import("react").ReactElement;
             };
         }) => import("react").JSX.Element | undefined;
         renderProps: any;
@@ -394,12 +397,10 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         doReload(): void;
         afterAttach(): void;
         setStatus(message: string): void;
-        setLoading(abortController: AbortController): void; /**
-         * #getter
-         */
+        setLoading(abortController: AbortController): void;
         setMessage(messageText: string): void;
         setRendered(props: {
-            reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            reactElement: import("react").ReactElement;
             features: Map<string, import("@jbrowse/core/util").Feature>;
             layout: any;
             maxHeightReached: boolean;
@@ -427,9 +428,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
         };
         mouseover: {
             type: string;
-            description: string; /**
-             * #property
-             */
+            description: string;
             defaultValue: string;
             contextVariable: string[];
         };

package/dist/LinearGenomeView/components/ExportSvgDialog.js

@@ -23,6 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ExportSvgDialog;
 const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
@@ -84,4 +85,3 @@ function ExportSvgDialog({ model, handleClose, }) {
                     }
                 } }, "Submit"))));
 }
-exports.default = ExportSvgDialog;

package/dist/LinearGenomeView/components/RefNameAutocomplete/AutocompleteTextField.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AutocompleteTextField;
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 // locals
@@ -18,4 +19,3 @@ function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, showHelp,
             endAdornment: (react_1.default.createElement(EndAdornment_1.default, { showHelp: showHelp, endAdornment: params.InputProps.endAdornment })),
         }, placeholder: "Search for location", onChange: e => setCurrentSearch(e.target.value) }));
 }
-exports.default = AutocompleteTextField;

package/dist/LinearGenomeView/components/RefNameAutocomplete/EndAdornment.js

@@ -26,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = EndAdornment;
 const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
 // icons
@@ -48,4 +49,3 @@ function EndAdornment({ showHelp, endAdornment, }) {
             showHelp ? react_1.default.createElement(HelpAdornment, null) : null),
         endAdornment));
 }
-exports.default = EndAdornment;

package/dist/LinearGenomeView/components/RefNameAutocomplete/HelpDialog.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = HelpDialog;
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
@@ -45,4 +46,3 @@ function HelpDialog({ handleClose, }) {
         react_1.default.createElement(material_1.DialogActions, null,
             react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), color: "primary" }, "Close"))));
 }
-exports.default = HelpDialog;

package/dist/LinearGenomeView/components/RefNameAutocomplete/util.js

@@ -3,7 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDeduplicatedResult = exports.aggregateResults = exports.getFiltered = void 0;
+exports.getFiltered = getFiltered;
+exports.aggregateResults = aggregateResults;
+exports.getDeduplicatedResult = getDeduplicatedResult;
 const BaseResults_1 = __importDefault(require("@jbrowse/core/TextSearch/BaseResults"));
 // filter so don't need re-filtering
 function filterOptions(options, searchQuery) {
@@ -28,7 +30,6 @@ function getFiltered(opts, inputValue) {
             : []),
     ];
 }
-exports.getFiltered = getFiltered;
 function aggregateResults(results) {
     const m = {};
     for (const result of results) {
@@ -40,7 +41,6 @@ function aggregateResults(results) {
     }
     return m;
 }
-exports.aggregateResults = aggregateResults;
 function getDeduplicatedResult(results) {
     return Object.entries(aggregateResults(results)).map(([displayString, results]) => results.length === 1
         ? {
@@ -55,4 +55,3 @@ function getDeduplicatedResult(results) {
             }),
         });
 }
-exports.getDeduplicatedResult = getDeduplicatedResult;

package/dist/LinearGenomeView/components/RubberbandSpan.js

@@ -23,6 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = RubberbandSpan;
 const react_1 = __importStar(require("react"));
 const mui_1 = require("tss-react/mui");
 const material_1 = require("@mui/material");
@@ -72,4 +73,3 @@ function RubberbandSpan({ leftBpOffset, rightBpOffset, numOfBpSelected, left, wi
             (0, util_1.toLocale)(numOfBpSelected),
             " bp")) : null)));
 }
-exports.default = RubberbandSpan;

package/dist/LinearGenomeView/components/SearchResultsDialog.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SearchResultsDialog;
 const react_1 = __importDefault(require("react"));
 const ui_1 = require("@jbrowse/core/ui");
 const material_1 = require("@mui/material");
@@ -20,4 +21,3 @@ function SearchResultsDialog({ model, assemblyName, searchQuery, searchResults,
         react_1.default.createElement(material_1.DialogActions, null,
             react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), color: "primary" }, "Cancel"))));
 }
-exports.default = SearchResultsDialog;

package/dist/LinearGenomeView/components/SearchResultsTable.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SearchResultsTable;
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 const mobx_state_tree_1 = require("mobx-state-tree");
@@ -79,4 +80,3 @@ function SearchResultsTable({ searchResults, assemblyName: optAssemblyName, mode
                             handleClose();
                         }, color: "primary", variant: "contained" }, "Go")))))))));
 }
-exports.default = SearchResultsTable;

package/dist/LinearGenomeView/components/TrackLabel.js

@@ -30,10 +30,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         },
     },
     trackName: {
-        margin: '0 auto',
-        width: '90%',
         fontSize: '0.8rem',
-        pointerEvents: 'none',
     },
     iconButton: {
         padding: theme.spacing(1),
@@ -87,7 +84,10 @@ const TrackLabel = (0, mobx_react_1.observer)(react_1.default.forwardRef(functio
         react_1.default.createElement(TrackLabelDragHandle_1.default, { track: track, trackId: trackId, view: view }),
         react_1.default.createElement(material_1.IconButton, { onClick: () => view.hideTrack(trackId), className: classes.iconButton, title: "close this track" },
             react_1.default.createElement(Close_1.default, { fontSize: "small" })),
-        react_1.default.createElement(material_1.Typography, { variant: "body1", component: "span", className: classes.trackName },
+        react_1.default.createElement(material_1.Typography, { variant: "body1", component: "span", className: classes.trackName, onMouseDown: event => {
+                // avoid becoming a click-and-drag action on the lgv
+                event.stopPropagation();
+            } },
             react_1.default.createElement(ui_1.SanitizedHTML, { html: [trackName, minimized ? '(minimized)' : '']
                     .filter(f => !!f)
                     .join(' ') })),

package/dist/LinearGenomeView/components/TrackRenderingContainer.js

@@ -51,19 +51,24 @@ const TrackRenderingContainer = (0, mobx_react_1.observer)(function ({ model, tr
     const { classes } = useStyles();
     const display = track.displays[0];
     const { height, RenderingComponent, DisplayBlurb } = display;
+    const { trackRefs, id, scaleFactor } = model;
     const trackId = (0, configuration_1.getConf)(track, 'trackId');
     const ref = (0, react_1.useRef)(null);
     const minimized = track.minimized;
     (0, react_1.useEffect)(() => {
         if (ref.current) {
-            model.trackRefs[trackId] = ref.current;
+            trackRefs[trackId] = ref.current;
         }
         return () => {
-            delete model.trackRefs[trackId];
+            delete trackRefs[trackId];
         };
-    }, [model.trackRefs, trackId]);
-    return (react_1.default.createElement("div", { className: classes.trackRenderingContainer, style: { height: minimized ? 20 : height }, onScroll: evt => display.setScrollTop(evt.currentTarget.scrollTop), onDragEnter: onDragEnter, "data-testid": `trackRenderingContainer-${model.id}-${trackId}` }, !minimized ? (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { ref: ref, className: classes.renderingComponentContainer, style: { transform: `scaleX(${model.scaleFactor})` } },
+    }, [trackRefs, trackId]);
+    return (react_1.default.createElement("div", { className: classes.trackRenderingContainer, style: {
+            height: minimized ? 20 : height,
+        }, onScroll: evt => display.setScrollTop(evt.currentTarget.scrollTop), onDragEnter: onDragEnter, "data-testid": `trackRenderingContainer-${id}-${trackId}` }, !minimized ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { ref: ref, className: classes.renderingComponentContainer, style: {
+                transform: scaleFactor !== 1 ? `scaleX(${scaleFactor})` : undefined,
+            } },
             react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement(ui_1.LoadingEllipses, null) },
                 react_1.default.createElement(RenderingComponent, { model: display, onHorizontalScroll: model.horizontalScroll }))),
         DisplayBlurb ? (react_1.default.createElement("div", { style: {

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

@@ -42,7 +42,7 @@ export declare function useRangeSelect(ref: React.RefObject<HTMLDivElement>, mod
         offset: number;
         start: number;
         end: number;
-        reversed: boolean;
+        reversed?: boolean;
     };
     rightBpOffset: {
         coord: number;
@@ -53,7 +53,7 @@ export declare function useRangeSelect(ref: React.RefObject<HTMLDivElement>, mod
         offset: number;
         start: number;
         end: number;
-        reversed: boolean;
+        reversed?: boolean;
     };
     anchorPosition: AnchorPosition | undefined;
     numOfBpSelected: number;

package/dist/LinearGenomeView/components/hooks.js

@@ -1,11 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWheelScroll = exports.useRangeSelect = exports.useSideScroll = void 0;
+exports.useSideScroll = useSideScroll;
+exports.useRangeSelect = useRangeSelect;
+exports.useWheelScroll = useWheelScroll;
 const react_1 = require("react");
-const normalize_wheel_1 = __importDefault(require("normalize-wheel"));
 const util_1 = require("./util");
 function useSideScroll(model) {
     const [mouseDragging, setMouseDragging] = (0, react_1.useState)(false);
@@ -71,7 +69,6 @@ function useSideScroll(model) {
     }
     return { mouseDown, mouseUp };
 }
-exports.useSideScroll = useSideScroll;
 function useRangeSelect(ref, model, shiftOnly) {
     const [startX, setStartX] = (0, react_1.useState)();
     const [currentX, setCurrentX] = (0, react_1.useState)();
@@ -205,7 +202,6 @@ function useRangeSelect(ref, model, shiftOnly) {
         };
     }
 }
-exports.useRangeSelect = useRangeSelect;
 function useWheelScroll(ref, model) {
     const delta = (0, react_1.useRef)(0);
     const timeout = (0, react_1.useRef)();
@@ -214,11 +210,10 @@ function useWheelScroll(ref, model) {
         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 = (0, normalize_wheel_1.default)(origEvent);
-            if (origEvent.ctrlKey === true) {
-                origEvent.preventDefault();
-                delta.current += event.pixelY / 500;
+        function onWheel(event) {
+            if (event.ctrlKey === true) {
+                event.preventDefault();
+                delta.current += event.deltaY / 500;
                 model.setScaleFactor(delta.current < 0 ? 1 - delta.current : 1 / (1 + delta.current));
                 if (timeout.current) {
                     clearTimeout(timeout.current);
@@ -227,7 +222,7 @@ function useWheelScroll(ref, model) {
                     model.setScaleFactor(1);
                     model.zoomTo(delta.current > 0
                         ? model.bpPerPx * (1 + delta.current)
-                        : model.bpPerPx / (1 - delta.current), origEvent.clientX - ((curr === null || curr === void 0 ? void 0 : curr.getBoundingClientRect().left) || 0));
+                        : model.bpPerPx / (1 - delta.current), event.clientX - ((curr === null || curr === void 0 ? void 0 : curr.getBoundingClientRect().left) || 0));
                     delta.current = 0;
                 }, 300);
             }
@@ -235,10 +230,10 @@ function useWheelScroll(ref, model) {
                 // 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();
+                if (Math.abs(event.deltaX) > Math.abs(2 * event.deltaY)) {
+                    event.preventDefault();
                 }
-                delta.current += event.pixelX;
+                delta.current += event.deltaX;
                 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/
@@ -260,4 +255,3 @@ function useWheelScroll(ref, model) {
         return () => { };
     }, [model, ref]);
 }
-exports.useWheelScroll = useWheelScroll;

package/dist/LinearGenomeView/components/util.js

@@ -3,7 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCytobands = exports.getRelativeX = exports.splitLast = exports.fetchResults = void 0;
+exports.fetchResults = fetchResults;
+exports.splitLast = splitLast;
+exports.getRelativeX = getRelativeX;
+exports.getCytobands = getCytobands;
 const util_1 = require("@jbrowse/core/util");
 const BaseResults_1 = __importDefault(require("@jbrowse/core/TextSearch/BaseResults"));
 async function fetchResults({ queryString, searchType, searchScope, rankSearchResults, textSearchManager, assembly, }) {
@@ -18,7 +21,6 @@ async function fetchResults({ queryString, searchType, searchScope, rankSearchRe
     const refNameResults = (_a = assembly === null || assembly === void 0 ? void 0 : assembly.allRefNames) === null || _a === void 0 ? void 0 : _a.filter(ref => ref.toLowerCase().startsWith(queryString.toLowerCase())).slice(0, 10).map(r => new BaseResults_1.default({ label: r }));
     return (0, util_1.dedupe)([...(refNameResults || []), ...(textSearchResults || [])], elt => elt.getId());
 }
-exports.fetchResults = fetchResults;
 // splits on the last instance of a character
 function splitLast(str, split) {
     const lastIndex = str.lastIndexOf(split);
@@ -31,11 +33,9 @@ function splitLast(str, split) {
         return [before, after];
     }
 }
-exports.splitLast = splitLast;
 function getRelativeX(event, element) {
     return event.clientX - ((element === null || element === void 0 ? void 0 : element.getBoundingClientRect().left) || 0);
 }
-exports.getRelativeX = getRelativeX;
 function getCytobands(assembly, refName) {
     var _a;
     return (((_a = assembly === null || assembly === void 0 ? void 0 : assembly.cytobands) === null || _a === void 0 ? void 0 : _a.map(f => ({
@@ -45,4 +45,3 @@ function getCytobands(assembly, refName) {
         type: f.get('type'),
     })).filter(f => f.refName === refName)) || []);
 }
-exports.getCytobands = getCytobands;

package/dist/LinearGenomeView/index.js

@@ -26,6 +26,7 @@ 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);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = LinearGenomeViewF;
 const react_1 = require("react");
 const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const model_1 = require("./model");
@@ -39,5 +40,4 @@ function LinearGenomeViewF(pluginManager) {
         });
     });
 }
-exports.default = LinearGenomeViewF;
 __exportStar(require("./model"), exports);