@jbrowse/plugin-linear-genome-view 1.7.11 → 2.0.0

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Instance } from 'mobx-state-tree';
+import { LinearGenomeViewStateModel } from '..';
+declare type LGV = Instance<LinearGenomeViewStateModel>;
+declare function TracksContainer({ children, model, }: {
+    children: React.ReactNode;
+    model: LGV;
+}): JSX.Element;
+declare const _default: typeof TracksContainer;
+export default _default;

package/esm/LinearGenomeView/components/TracksContainer.js

@@ -0,0 +1,142 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { makeStyles } from 'tss-react/mui';
+import { observer } from 'mobx-react';
+import normalizeWheel from 'normalize-wheel';
+import { SCALE_BAR_HEIGHT } from '..';
+import RubberBand from './RubberBand';
+import ScaleBar from './ScaleBar';
+import VerticalGuides from './VerticalGuides';
+import CenterLine from './CenterLine';
+const useStyles = makeStyles()({
+    tracksContainer: {
+        position: 'relative',
+        overflow: 'hidden',
+    },
+    spacer: {
+        position: 'relative',
+        height: 3,
+    },
+});
+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 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 },
+        React.createElement(VerticalGuides, { model: model }),
+        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' } }) }),
+        children));
+}
+export default observer(TracksContainer);
+//# sourceMappingURL=TracksContainer.js.map

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

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

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

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

package/esm/LinearGenomeView/components/VerticalGuides.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { ContentBlock, ElidedBlock, InterRegionPaddingBlock, } from '@jbrowse/core/util/blockTypes';
+import { makeStyles } from 'tss-react/mui';
+import { observer } from 'mobx-react';
+import { ContentBlock as ContentBlockComponent, ElidedBlock as ElidedBlockComponent, InterRegionPaddingBlock as InterRegionPaddingBlockComponent, } from '../../BaseLinearDisplay/components/Block';
+import { makeTicks } from '../util';
+const useStyles = makeStyles()(theme => ({
+    verticalGuidesZoomContainer: {
+        position: 'absolute',
+        height: '100%',
+        width: '100%',
+        zIndex: 1,
+        pointerEvents: 'none',
+    },
+    verticalGuidesContainer: {
+        position: 'absolute',
+        height: '100%',
+        zIndex: 1,
+        pointerEvents: 'none',
+        display: 'flex',
+    },
+    tick: {
+        position: 'absolute',
+        height: '100%',
+        width: 1,
+    },
+    majorTick: {
+        background: theme.palette.text.secondary,
+    },
+    minorTick: {
+        background: theme.palette.divider,
+    },
+}));
+const RenderedVerticalGuides = observer(({ model }) => {
+    const { classes, cx } = useStyles();
+    return (React.createElement(React.Fragment, null, model.staticBlocks.map((block, index) => {
+        if (block instanceof ContentBlock) {
+            const ticks = makeTicks(block.start, block.end, model.bpPerPx);
+            return (React.createElement(ContentBlockComponent, { key: `${block.key}-${index}`, block: block }, ticks.map(tick => {
+                const x = (block.reversed
+                    ? block.end - tick.base
+                    : tick.base - block.start) / model.bpPerPx;
+                return (React.createElement("div", { key: tick.base, className: cx(classes.tick, tick.type === 'major' || tick.type === 'labeledMajor'
+                        ? classes.majorTick
+                        : classes.minorTick), style: { left: x } }));
+            })));
+        }
+        if (block instanceof ElidedBlock) {
+            return React.createElement(ElidedBlockComponent, { key: block.key, width: block.widthPx });
+        }
+        if (block instanceof InterRegionPaddingBlock) {
+            return (React.createElement(InterRegionPaddingBlockComponent, { key: block.key, width: block.widthPx, boundary: block.variant === 'boundary' }));
+        }
+        return null;
+    })));
+});
+function VerticalGuides({ model }) {
+    const { classes } = useStyles();
+    // find the block that needs pinning to the left side for context
+    const offsetLeft = model.staticBlocks.offsetPx - model.offsetPx;
+    return (React.createElement("div", { className: classes.verticalGuidesZoomContainer, style: {
+            transform: model.scaleFactor !== 1 ? `scaleX(${model.scaleFactor})` : undefined,
+        } },
+        React.createElement("div", { className: classes.verticalGuidesContainer, style: {
+                left: offsetLeft,
+                width: model.staticBlocks.totalWidthPx,
+            } },
+            React.createElement(RenderedVerticalGuides, { model: model }))));
+}
+export default observer(VerticalGuides);
+//# sourceMappingURL=VerticalGuides.js.map

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

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

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

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

package/esm/LinearGenomeView/components/ZoomControls.js

@@ -0,0 +1,32 @@
+import React, { useState, useEffect } from 'react';
+import { observer } from 'mobx-react';
+import { Slider, IconButton } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import ZoomIn from '@mui/icons-material/ZoomIn';
+import ZoomOut from '@mui/icons-material/ZoomOut';
+const useStyles = makeStyles()({
+    container: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    slider: {
+        width: 70,
+    },
+});
+function ZoomControls({ model }) {
+    const { classes } = useStyles();
+    const { maxBpPerPx, minBpPerPx, bpPerPx, scaleFactor } = model;
+    const [value, setValue] = useState(-Math.log2(bpPerPx) * 100);
+    useEffect(() => {
+        setValue(-Math.log2(bpPerPx) * 100);
+    }, [setValue, bpPerPx]);
+    return (React.createElement("div", { className: classes.container },
+        React.createElement(IconButton, { "data-testid": "zoom_out", onClick: () => model.zoom(bpPerPx * 2), disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1, color: "secondary", size: "large" },
+            React.createElement(ZoomOut, null)),
+        React.createElement(Slider, { size: "small", className: classes.slider, value: value, min: -Math.log2(maxBpPerPx) * 100, max: -Math.log2(minBpPerPx) * 100, onChange: (_, val) => setValue(val), onChangeCommitted: () => model.zoomTo(2 ** (-value / 100)), disabled: scaleFactor !== 1 }),
+        React.createElement(IconButton, { "data-testid": "zoom_in", onClick: () => model.zoom(model.bpPerPx / 2), disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1, color: "secondary", size: "large" },
+            React.createElement(ZoomIn, null))));
+}
+export default observer(ZoomControls);
+//# sourceMappingURL=ZoomControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomControls.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/ZoomControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAC/C,OAAO,OAAO,MAAM,6BAA6B,CAAA;AAGjD,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC;IAC7B,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC,CAAA;AAEF,SAAS,YAAY,CAAC,EAAE,KAAK,EAAoC;IAC/D,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAA;IAC7D,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAA;IAEvB,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,CAAC,SAAS;QAC/B,oBAAC,UAAU,mBACG,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,EACtC,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG,MAAM,IAAI,WAAW,KAAK,CAAC,EAC7D,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,OAAO;YAEZ,oBAAC,OAAO,OAAG,CACA;QAEb,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,EACjC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,GAAG,EACjC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAa,CAAC,EAC7C,iBAAiB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,EAC1D,QAAQ,EAAE,WAAW,KAAK,CAAC,GAC3B;QACF,oBAAC,UAAU,mBACG,SAAS,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,EAC5C,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG,MAAM,IAAI,WAAW,KAAK,CAAC,EAC7D,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,OAAO;YAEZ,oBAAC,MAAM,OAAG,CACC,CACT,CACP,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,YAAY,CAAC,CAAA"}

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

@@ -0,0 +1,14 @@
+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[];
+export declare function fetchResults({ queryString, searchType, searchScope, rankSearchResults, textSearchManager, assembly, }: {
+    queryString: string;
+    searchScope: SearchScope;
+    rankSearchResults: (results: BaseResult[]) => BaseResult[];
+    searchType?: SearchType;
+    textSearchManager?: TextSearchManager;
+    assembly?: Assembly;
+}): Promise<BaseResult[]>;

package/esm/LinearGenomeView/components/util.js

@@ -0,0 +1,17 @@
+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) {
+        console.warn('No text search manager');
+    }
+    const textSearchResults = await (textSearchManager === null || textSearchManager === void 0 ? void 0 : textSearchManager.search({
+        queryString,
+        searchType,
+    }, searchScope, rankSearchResults));
+    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 BaseResult({ label: r }));
+    return dedupe([...(refNameResults || []), ...(textSearchResults || [])], elt => elt.getId());
+}
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +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"}

package/esm/LinearGenomeView/index.d.ts

@@ -0,0 +1,288 @@
+import { Region } from '@jbrowse/core/util/types';
+import { MenuItem } from '@jbrowse/core/ui';
+import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
+import { BlockSet, BaseBlock } from '@jbrowse/core/util/blockTypes';
+import { Instance } from 'mobx-state-tree';
+import PluginManager from '@jbrowse/core/PluginManager';
+import { renderToSvg } from './components/LinearGenomeViewSvg';
+import RefNameAutocomplete from './components/RefNameAutocomplete';
+import SearchBox from './components/SearchBox';
+export interface BpOffset {
+    refName?: string;
+    index: number;
+    offset: number;
+    start?: number;
+    end?: number;
+    coord?: number;
+    reversed?: boolean;
+    assemblyName?: string;
+    oob?: boolean;
+}
+export interface ExportSvgOptions {
+    rasterizeLayers?: boolean;
+    filename?: string;
+}
+export interface NavLocation {
+    refName: string;
+    start?: number;
+    end?: number;
+    assemblyName?: string;
+}
+export declare const HEADER_BAR_HEIGHT = 48;
+export declare const HEADER_OVERVIEW_HEIGHT = 20;
+export declare const SCALE_BAR_HEIGHT = 17;
+export declare const RESIZE_HANDLE_HEIGHT = 3;
+export declare const INTER_REGION_PADDING_WIDTH = 2;
+export declare const SPACING = 7;
+export declare const WIDGET_HEIGHT = 32;
+export declare function stateModelFactory(pluginManager: PluginManager): import("mobx-state-tree").IModelType<{
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    displayName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+} & {
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").ISimpleType<"LinearGenomeView">;
+    offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
+    bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
+    displayedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
+        refName: import("mobx-state-tree").ISimpleType<string>;
+        start: import("mobx-state-tree").ISimpleType<number>;
+        end: import("mobx-state-tree").ISimpleType<number>;
+        reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+    } & {
+        assemblyName: import("mobx-state-tree").ISimpleType<string>;
+    }, {
+        setRefName(newRefName: string): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    tracks: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyType>;
+    hideHeader: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    hideHeaderOverview: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    hideNoTracksActive: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    trackSelectorType: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<"hierarchical">, [undefined]>;
+    trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    showCenterLine: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+    showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+}, {
+    width: number;
+} & {
+    menuItems(): MenuItem[];
+} & {
+    setDisplayName(name: string): void;
+    setWidth(newWidth: number): void;
+} & {
+    volatileWidth: number | undefined;
+    minimumBlockWidth: number;
+    draggingTrackId: string | undefined;
+    volatileError: Error | undefined;
+    afterDisplayedRegionsSetCallbacks: Function[];
+    scaleFactor: number;
+    trackRefs: {
+        [key: string]: any;
+    };
+    coarseDynamicBlocks: BaseBlock[];
+    coarseTotalBp: number;
+    leftOffset: BpOffset | undefined;
+    rightOffset: BpOffset | undefined;
+    searchResults: BaseResult[] | undefined;
+    searchQuery: string | undefined;
+    seqDialogDisplayed: boolean;
+} & {
+    readonly width: number;
+    readonly interRegionPaddingWidth: number;
+    readonly assemblyNames: string[];
+} & {
+    readonly assemblyErrors: string;
+    readonly assembliesInitialized: boolean;
+    readonly initialized: boolean;
+    readonly hasDisplayedRegions: boolean;
+    readonly isSearchDialogDisplayed: boolean;
+    readonly scaleBarHeight: number;
+    readonly headerHeight: number;
+    readonly trackHeights: any;
+    readonly trackHeightsWithResizeHandles: any;
+    readonly height: any;
+    readonly totalBp: number;
+    readonly maxBpPerPx: number;
+    readonly minBpPerPx: number;
+    readonly error: string | Error;
+    readonly maxOffset: number;
+    readonly minOffset: number;
+    readonly displayedRegionsTotalPx: number;
+    renderProps(): any;
+    searchScope(assemblyName: string): {
+        assemblyName: string;
+        includeAggregateIndexes: boolean;
+        tracks: import("mobx-state-tree").IMSTArray<import("mobx-state-tree").IAnyType> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IAnyType>>;
+    };
+    bpToPx({ refName, coord, regionNumber, }: {
+        refName: string;
+        coord: number;
+        regionNumber?: number | undefined;
+    }): {
+        index: number;
+        offsetPx: number;
+    } | undefined;
+    /**
+     *
+     * @param px - px in the view area, return value is the displayed regions
+     * @returns BpOffset of the displayed region that it lands in
+     */
+    pxToBp(px: number): {
+        oob: boolean;
+        coord: number;
+        offset: number;
+        index: number;
+        start: number;
+        end: number;
+        reversed: boolean;
+        refName: string;
+        assemblyName: string;
+    };
+    getTrack(id: string): any;
+    rankSearchResults(results: BaseResult[]): BaseResult[];
+    rewriteOnClicks(trackType: string, viewMenuActions: MenuItem[]): void;
+    readonly trackTypeActions: Map<string, MenuItem[]>;
+    readonly centerLineInfo: {
+        oob: boolean;
+        coord: number;
+        offset: number;
+        index: number;
+        start: number;
+        end: number;
+        reversed: boolean;
+        refName: string;
+        assemblyName: string;
+    } | undefined;
+} & {
+    setShowCytobands(flag: boolean): void;
+    setWidth(newWidth: number): void;
+    setError(error: Error | undefined): void;
+    toggleHeader(): void;
+    toggleHeaderOverview(): void;
+    toggleNoTracksActive(): void;
+    scrollTo(offsetPx: number): number;
+    zoomTo(bpPerPx: number): number;
+    setOffsets(left: undefined | BpOffset, right: undefined | BpOffset): void;
+    setSearchResults(results: BaseResult[] | undefined, query: string | undefined): void;
+    setSequenceDialogOpen(open: boolean): void;
+    setNewView(bpPerPx: number, offsetPx: number): void;
+    horizontallyFlip(): void;
+    showTrack(trackId: string, initialSnapshot?: {}, displayInitialSnapshot?: {}): any;
+    hideTrack(trackId: string): number;
+} & {
+    moveTrack(movingId: string, targetId: string): void;
+    closeView(): void;
+    toggleTrack(trackId: string): void;
+    setTrackLabels(setting: 'overlapping' | 'offset' | 'hidden'): void;
+    toggleCenterLine(): void;
+    setDisplayedRegions(regions: Region[]): void;
+    activateTrackSelector(): import("@jbrowse/core/util").Widget;
+    navToLocString(locString: string, optAssemblyName?: string): void;
+    /**
+     * Navigate to a location based on its refName and optionally start, end,
+     * and assemblyName. Can handle if there are multiple displayedRegions
+     * from same refName. Only navigates to a location if it is entirely
+     * within a displayedRegion. Navigates to the first matching location
+     * encountered.
+     *
+     * Throws an error if navigation was unsuccessful
+     *
+     * @param location - a proposed location to navigate to
+     */
+    navTo(query: NavLocation): void;
+    navToMultiple(locations: NavLocation[]): void;
+    /**
+     * Navigate to a location based on user clicking and dragging on the
+     * overview scale bar to select a region to zoom into.
+     * Can handle if there are multiple displayedRegions from same refName.
+     * Only navigates to a location if it is entirely within a displayedRegion.
+     *
+     * @param leftPx- `object as {start, end, index, offset}`, offset = start of user drag
+     * @param rightPx- `object as {start, end, index, offset}`, offset = end of user drag
+     */
+    zoomToDisplayedRegions(leftPx: BpOffset, rightPx: BpOffset): void;
+    /**
+     * Helper method for the fetchSequence.
+     * Retrieves the corresponding regions that were selected by the rubberband
+     *
+     * @param leftOffset - `object as {start, end, index, offset}`, offset = start of user drag
+     * @param rightOffset - `object as {start, end, index, offset}`, offset = end of user drag
+     * @returns array of Region[]
+     */
+    getSelectedRegions(leftOffset: BpOffset | undefined, rightOffset: BpOffset | undefined): {
+        start: number;
+        end: number;
+        regionNumber?: number | undefined;
+        reversed?: boolean | undefined;
+        refName: string;
+        assemblyName: string;
+        key: string;
+        offsetPx: number;
+        widthPx: number;
+        variant?: string | undefined;
+        isLeftEndOfDisplayedRegion?: boolean | undefined;
+    }[];
+    afterDisplayedRegionsSet(cb: Function): void;
+    /**
+     * offset is the base-pair-offset in the displayed region, index is the index of the
+     * displayed region in the linear genome view
+     *
+     * @param start - object as `{start, end, offset, index}`
+     * @param end - object as `{start, end, offset, index}`
+     */
+    moveTo(start: BpOffset, end: BpOffset): void;
+    horizontalScroll(distance: number): number;
+    /**
+     * scrolls the view to center on the given bp. if that is not in any
+     * of the displayed regions, does nothing
+     * @param bp - basepair at which you want to center the view
+     * @param refName - refName of the displayedRegion you are centering at
+     * @param regionIndex - index of the displayedRegion
+     */
+    centerAt(bp: number, refName: string, regionIndex: number): void;
+    center(): void;
+    showAllRegions(): void;
+    showAllRegionsInAssembly(assemblyName?: string): void;
+    setDraggingTrackId(idx?: string): void;
+    setScaleFactor(factor: number): void;
+} & {
+    slide: (viewWidths: number) => void;
+} & {
+    zoom: (targetBpPerPx: number) => void;
+} & {
+    readonly canShowCytobands: boolean;
+    readonly showCytobands: boolean;
+    readonly anyCytobandsExist: boolean;
+    readonly cytobandOffset: number;
+} & {
+    menuItems(): MenuItem[];
+} & {
+    readonly staticBlocks: BlockSet;
+    readonly dynamicBlocks: BlockSet;
+    readonly roundedDynamicBlocks: {
+        start: number;
+        end: number;
+        regionNumber?: number | undefined;
+        reversed?: boolean | undefined;
+        refName: string;
+        assemblyName: string;
+        key: string;
+        offsetPx: number;
+        widthPx: number;
+        variant?: string | undefined;
+        isLeftEndOfDisplayedRegion?: boolean | undefined;
+    }[];
+    readonly visibleLocStrings: string;
+    readonly coarseVisibleLocStrings: string;
+} & {
+    clearView(): void;
+    setCoarseDynamicBlocks(blocks: BlockSet): void;
+    afterAttach(): void;
+} & {
+    exportSvg(opts?: ExportSvgOptions): Promise<void>;
+} & {
+    rubberBandMenuItems(): MenuItem[];
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export { renderToSvg, RefNameAutocomplete, SearchBox };
+export declare type LinearGenomeViewStateModel = ReturnType<typeof stateModelFactory>;
+export declare type LinearGenomeViewModel = Instance<LinearGenomeViewStateModel>;
+export { default as ReactComponent } from './components/LinearGenomeView';