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

package/esm/BaseLinearDisplay/components/Block.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { BaseBlock } from '@jbrowse/core/util/blockTypes';
+declare const ContentBlock: ({ block, children }: {
+    block: BaseBlock;
+    children: React.ReactNode;
+}) => JSX.Element;
+declare function ElidedBlock({ width }: {
+    width: number;
+}): JSX.Element;
+declare function InterRegionPaddingBlock({ boundary, width, style, }: {
+    boundary: boolean;
+    width: number;
+    style?: React.CSSProperties;
+}): JSX.Element;
+export { ContentBlock, ElidedBlock, InterRegionPaddingBlock };

package/esm/BaseLinearDisplay/components/Block.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+import { observer } from 'mobx-react';
+const useStyles = makeStyles()(theme => ({
+    contentBlock: {
+        position: 'relative',
+        minHeight: '100%',
+        boxSizing: 'border-box',
+        whiteSpace: 'nowrap',
+        overflow: 'hidden',
+    },
+    elidedBlock: {
+        minHeight: '100%',
+        boxSizing: 'border-box',
+        backgroundColor: '#999',
+        backgroundImage: 'repeating-linear-gradient(90deg, transparent, transparent 1px, rgba(255,255,255,.5) 1px, rgba(255,255,255,.5) 3px)',
+    },
+    interRegionPaddingBlock: {
+        minHeight: '100%',
+        backgroundColor: theme.palette.text.primary,
+    },
+    boundaryPaddingBlock: {
+        minHeight: '100%',
+        backgroundColor: theme.palette.action.disabledBackground,
+    },
+}));
+const ContentBlock = observer(({ block, children }) => {
+    const { classes } = useStyles();
+    const { widthPx } = block;
+    return (React.createElement("div", { style: { width: widthPx }, className: classes.contentBlock }, children));
+});
+function ElidedBlock({ width }) {
+    const { classes } = useStyles();
+    return React.createElement("div", { className: classes.elidedBlock, style: { width } });
+}
+function InterRegionPaddingBlock({ boundary, width, style = {}, }) {
+    const { classes } = useStyles();
+    return (React.createElement("div", { style: {
+            ...style,
+            width,
+        }, className: boundary
+            ? classes.boundaryPaddingBlock
+            : classes.interRegionPaddingBlock }));
+}
+export { ContentBlock, ElidedBlock, InterRegionPaddingBlock };
+//# sourceMappingURL=Block.js.map

package/esm/BaseLinearDisplay/components/Block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../src/BaseLinearDisplay/components/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,YAAY;QACvB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;KACnB;IACD,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;QACjB,SAAS,EAAE,YAAY;QACvB,eAAe,EAAE,MAAM;QACvB,eAAe,EACb,oHAAoH;KACvH;IACD,uBAAuB,EAAE;QACvB,SAAS,EAAE,MAAM;QACjB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAC5C;IACD,oBAAoB,EAAE;QACpB,SAAS,EAAE,MAAM;QACjB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,kBAAkB;KACzD;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,YAAY,GAAG,QAAQ,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAmD,EAAE,EAAE;IACvE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IACzB,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,YAAY,IAC5D,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,WAAW,CAAC,EAAE,KAAK,EAAqB;IAC/C,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,6BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAI,CAAA;AAClE,CAAC;AAED,SAAS,uBAAuB,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,EAAE,GAKX;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,CACL,6BACE,KAAK,EAAE;YACL,GAAG,KAAK;YACR,KAAK;SACN,EACD,SAAS,EACP,QAAQ;YACN,CAAC,CAAC,OAAO,CAAC,oBAAoB;YAC9B,CAAC,CAAC,OAAO,CAAC,uBAAuB,GAErC,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,uBAAuB,EAAE,CAAA"}

package/esm/BaseLinearDisplay/components/LinearBlocks.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
+declare const useStyles: (params: void, styleOverrides?: {
+    props: {
+        classes?: Record<string, string> | undefined;
+    } & Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<"linearBlocks" | "heightOverflowed", string>;
+    theme: import("@mui/material").Theme;
+    css: import("tss-react/types").Css;
+    cx: import("tss-react/types").Cx;
+};
+declare const RenderedBlocks: ({ model }: {
+    model: BaseLinearDisplayModel;
+}) => JSX.Element;
+declare function LinearBlocks({ model }: {
+    model: BaseLinearDisplayModel;
+}): JSX.Element;
+export { RenderedBlocks, useStyles };
+declare const _default: typeof LinearBlocks;
+export default _default;

package/esm/BaseLinearDisplay/components/LinearBlocks.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+import { getContainingView } from '@jbrowse/core/util';
+import { observer } from 'mobx-react';
+import { ContentBlock, ElidedBlock, InterRegionPaddingBlock, } from '@jbrowse/core/util/blockTypes';
+import { ContentBlock as ContentBlockComponent, ElidedBlock as ElidedBlockComponent, InterRegionPaddingBlock as InterRegionPaddingBlockComponent, } from './Block';
+const useStyles = makeStyles()({
+    linearBlocks: {
+        whiteSpace: 'nowrap',
+        textAlign: 'left',
+        position: 'absolute',
+        minHeight: '100%',
+        display: 'flex',
+    },
+    heightOverflowed: {
+        position: 'absolute',
+        color: 'rgb(77,77,77)',
+        borderBottom: '2px solid rgb(77,77,77)',
+        textShadow: 'white 0px 0px 1px',
+        whiteSpace: 'nowrap',
+        width: '100%',
+        fontWeight: 'bold',
+        textAlign: 'center',
+        zIndex: 2000,
+        boxSizing: 'border-box',
+    },
+});
+const RenderedBlocks = observer(({ model }) => {
+    const { classes } = useStyles();
+    const { blockDefinitions, blockState } = model;
+    return (React.createElement(React.Fragment, null, blockDefinitions.map(block => {
+        if (block instanceof ContentBlock) {
+            const state = blockState.get(block.key);
+            return (React.createElement(ContentBlockComponent, { block: block, key: `${model.id}-${block.key}` },
+                state && state.ReactComponent ? (React.createElement(state.ReactComponent, { model: state })) : null,
+                state && state.maxHeightReached ? (React.createElement("div", { className: classes.heightOverflowed, style: {
+                        top: state.layout.getTotalHeight() - 16,
+                        pointerEvents: 'none',
+                        height: 16,
+                    } }, "Max height reached")) : null));
+        }
+        if (block instanceof ElidedBlock) {
+            return (React.createElement(ElidedBlockComponent, { key: `${model.id}-${block.key}`, width: block.widthPx }));
+        }
+        if (block instanceof InterRegionPaddingBlock) {
+            return (React.createElement(InterRegionPaddingBlockComponent, { key: block.key, width: block.widthPx, style: { background: 'none' }, boundary: block.variant === 'boundary' }));
+        }
+        throw new Error(`invalid block type ${typeof block}`);
+    })));
+});
+function LinearBlocks({ model }) {
+    const { classes } = useStyles();
+    const { blockDefinitions } = model;
+    const viewModel = getContainingView(model);
+    return (React.createElement("div", { "data-testid": "Blockset", className: classes.linearBlocks, style: {
+            left: blockDefinitions.offsetPx - viewModel.offsetPx,
+        } },
+        React.createElement(RenderedBlocks, { model: model })));
+}
+export { RenderedBlocks, useStyles };
+export default observer(LinearBlocks);
+//# sourceMappingURL=LinearBlocks.js.map

package/esm/BaseLinearDisplay/components/LinearBlocks.js.map

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

package/esm/BaseLinearDisplay/components/ServerSideRenderedBlockContent.d.ts

@@ -0,0 +1,4 @@
+declare const ServerSideRenderedBlockContent: ({ model, }: {
+    model: any;
+}) => any;
+export default ServerSideRenderedBlockContent;

package/esm/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js

@@ -0,0 +1,113 @@
+import React, { useEffect, useState } from 'react';
+import { Typography, Button } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { observer } from 'mobx-react';
+import { getParent } from 'mobx-state-tree';
+import { getParentRenderProps } from '@jbrowse/core/util/tracks';
+import RefreshIcon from '@mui/icons-material/Refresh';
+const useStyles = makeStyles()(theme => ({
+    loading: {
+        paddingLeft: '0.6em',
+        backgroundColor: theme.palette.action.disabledBackground,
+        backgroundImage: 'repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px)',
+        height: '100%',
+        width: '100%',
+        pointerEvents: 'none',
+        textAlign: 'center',
+    },
+    blockMessage: {
+        width: '100%',
+        background: theme.palette.action.disabledBackground,
+        padding: theme.spacing(2),
+        pointerEvents: 'none',
+        textAlign: 'center',
+    },
+    blockError: {
+        padding: theme.spacing(2),
+        width: '100%',
+        whiteSpace: 'normal',
+        color: theme.palette.error.main,
+        overflowY: 'auto',
+    },
+    blockReactNodeMessage: {
+        width: '100%',
+        background: theme.palette.action.disabledBackground,
+        padding: theme.spacing(2),
+        textAlign: 'center',
+    },
+    dots: {
+        '&::after': {
+            display: 'inline-block',
+            animation: '$ellipsis 1.5s infinite',
+            content: '"."',
+            width: '1em',
+            textAlign: 'left',
+        },
+    },
+    '@keyframes ellipsis': {
+        '0%': {
+            content: '"."',
+        },
+        '33%': {
+            content: '".."',
+        },
+        '66%': {
+            content: '"..."',
+        },
+    },
+}));
+function Repeater({ children }) {
+    return (React.createElement("div", { style: { display: 'flex' } },
+        children,
+        children));
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const LoadingMessage = observer(({ model }) => {
+    // only show the loading message after 300ms to prevent excessive flickering
+    const [shown, setShown] = useState(false);
+    const { classes } = useStyles();
+    useEffect(() => {
+        let killed = false;
+        const timeout = setTimeout(() => {
+            if (!killed) {
+                setShown(true);
+            }
+        }, 300);
+        return () => {
+            clearTimeout(timeout);
+            killed = true;
+        };
+    }, []);
+    const { status: blockStatus } = model;
+    const { message: displayStatus } = getParent(model, 2);
+    const status = displayStatus || blockStatus;
+    return (React.createElement(React.Fragment, null, shown ? (React.createElement("div", { className: classes.loading },
+        React.createElement(Typography, { className: classes.dots, variant: "body2" }, status ? `${status}` : 'Loading'))) : null));
+});
+function BlockMessage({ messageContent, }) {
+    const { classes } = useStyles();
+    return React.isValidElement(messageContent) ? (React.createElement("div", { className: classes.blockReactNodeMessage }, messageContent)) : (React.createElement(Typography, { variant: "body2", className: classes.blockMessage }, messageContent));
+}
+function BlockError({ error, reload, displayHeight, }) {
+    const { classes } = useStyles();
+    return (React.createElement("div", { className: classes.blockError, style: { height: displayHeight } },
+        reload ? (React.createElement(Button, { "data-testid": "reload_button", onClick: reload, startIcon: React.createElement(RefreshIcon, null) }, "Reload")) : null,
+        React.createElement(Typography, { color: "error", variant: "body2", display: "inline" }, `${error}`)));
+}
+const ServerSideRenderedBlockContent = observer(({ model, }) => {
+    if (model.error) {
+        return (React.createElement(Repeater, null,
+            React.createElement(BlockError, { error: model.error, reload: model.reload, displayHeight: getParentRenderProps(model).displayModel.height })));
+    }
+    if (model.message) {
+        return (React.createElement(Repeater, null,
+            React.createElement(BlockMessage, { messageContent: model.message })));
+    }
+    if (!model.filled) {
+        return (React.createElement(Repeater, null,
+            React.createElement(LoadingMessage, { model: model })));
+    }
+    return model.reactElement;
+});
+export default ServerSideRenderedBlockContent;
+//# sourceMappingURL=ServerSideRenderedBlockContent.js.map

package/esm/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js.map

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { BaseLinearDisplayModel } from '../models/BaseLinearDisplayModel';
+declare type Coord = [number, number];
+declare const Tooltip: ({ model, clientMouseCoord, }: {
+    model: BaseLinearDisplayModel;
+    clientMouseCoord: Coord;
+}) => JSX.Element | null;
+export default Tooltip;

package/esm/BaseLinearDisplay/components/Tooltip.js

@@ -0,0 +1,64 @@
+import React, { useState, useMemo } from 'react';
+import { getConf } from '@jbrowse/core/configuration';
+import { SanitizedHTML } from '@jbrowse/core/ui';
+import { observer } from 'mobx-react';
+import { Portal, alpha } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+import { usePopper } from 'react-popper';
+function round(value) {
+    return Math.round(value * 1e5) / 1e5;
+}
+const useStyles = makeStyles()(theme => ({
+    // these styles come from
+    // https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tooltip/Tooltip.js
+    tooltip: {
+        pointerEvents: 'none',
+        backgroundColor: alpha(theme.palette.grey[700], 0.9),
+        borderRadius: theme.shape.borderRadius,
+        color: theme.palette.common.white,
+        fontFamily: theme.typography.fontFamily,
+        padding: '4px 8px',
+        fontSize: theme.typography.pxToRem(12),
+        lineHeight: `${round(14 / 10)}em`,
+        maxWidth: 300,
+        wordWrap: 'break-word',
+    },
+}));
+const TooltipContents = React.forwardRef(({ message }, ref) => {
+    return (React.createElement("div", { ref: ref }, React.isValidElement(message) ? (message) : message ? (React.createElement(SanitizedHTML, { html: String(message) })) : null));
+});
+const Tooltip = observer(({ model, clientMouseCoord, }) => {
+    const { classes } = useStyles();
+    const { featureUnderMouse } = model;
+    const [width, setWidth] = useState(0);
+    const [popperElt, setPopperElt] = useState(null);
+    // must be memoized a la https://github.com/popperjs/react-popper/issues/391
+    const virtElement = useMemo(() => ({
+        getBoundingClientRect: () => {
+            const x = clientMouseCoord[0] + width / 2 + 20;
+            const y = clientMouseCoord[1];
+            return {
+                top: y,
+                left: x,
+                bottom: y,
+                right: x,
+                width: 0,
+                height: 0,
+                x,
+                y,
+                toJSON() { },
+            };
+        },
+    }), [clientMouseCoord, width]);
+    const { styles, attributes } = usePopper(virtElement, popperElt);
+    const contents = featureUnderMouse
+        ? getConf(model, 'mouseover', { feature: featureUnderMouse })
+        : undefined;
+    return featureUnderMouse && contents ? (React.createElement(Portal, null,
+        React.createElement("div", { ref: setPopperElt, className: classes.tooltip, 
+            // zIndex needed to go over widget drawer
+            style: { ...styles.popper, zIndex: 100000 }, ...attributes.popper },
+            React.createElement(TooltipContents, { ref: elt => setWidth((elt === null || elt === void 0 ? void 0 : elt.getBoundingClientRect().width) || 0), message: contents })))) : null;
+});
+export default Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/esm/BaseLinearDisplay/components/Tooltip.js.map

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

package/esm/BaseLinearDisplay/index.d.ts

@@ -0,0 +1,5 @@
+export { baseLinearDisplayConfigSchema } from './models/baseLinearDisplayConfigSchema';
+export { BaseLinearDisplay } from './models/BaseLinearDisplayModel';
+export type { BlockModel } from './models/serverSideRenderedBlock';
+export type { BaseLinearDisplayModel, BaseLinearDisplayStateModel, } from './models/BaseLinearDisplayModel';
+export { default as BaseLinearDisplayComponent, Tooltip, } from './components/BaseLinearDisplay';

package/esm/BaseLinearDisplay/index.js

@@ -0,0 +1,4 @@
+export { baseLinearDisplayConfigSchema } from './models/baseLinearDisplayConfigSchema';
+export { BaseLinearDisplay } from './models/BaseLinearDisplayModel';
+export { default as BaseLinearDisplayComponent, Tooltip, } from './components/BaseLinearDisplay';
+//# sourceMappingURL=index.js.map

package/esm/BaseLinearDisplay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BaseLinearDisplay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,wCAAwC,CAAA;AACtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAMnE,OAAO,EACL,OAAO,IAAI,0BAA0B,EACrC,OAAO,GACR,MAAM,gCAAgC,CAAA"}

package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts

@@ -0,0 +1,232 @@
+import React from 'react';
+import { MenuItem } from '@jbrowse/core/ui';
+import { Stats } from '@jbrowse/core/data_adapters/BaseAdapter';
+import { BaseBlock } from '@jbrowse/core/util/blockTypes';
+import { Region } from '@jbrowse/core/util/types';
+import CompositeMap from '@jbrowse/core/util/compositeMap';
+import { Feature } from '@jbrowse/core/util/simpleFeature';
+import { Instance } from 'mobx-state-tree';
+import { ExportSvgOptions } from '../../LinearGenomeView';
+export interface Layout {
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+    name: string;
+}
+declare type LayoutRecord = [number, number, number, number];
+export declare const BaseLinearDisplay: 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>;
+    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+} & {
+    height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
+        key: import("mobx-state-tree").ISimpleType<string>;
+        region: 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>;
+        reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
+        isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    }, {
+        renderInProgress: AbortController | undefined;
+        filled: boolean;
+        reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        features: Map<string, Feature> | undefined;
+        layout: any;
+        status: string;
+        error: unknown;
+        message: string | undefined;
+        maxHeightReached: boolean;
+        ReactComponent: ({ model, }: {
+            model: any;
+        }) => any;
+        renderProps: any;
+    } & {
+        doReload(): void;
+        afterAttach(): void;
+        setStatus(message: string): void;
+        setLoading(abortController: AbortController): void;
+        setMessage(messageText: string): void;
+        setRendered(props: {
+            reactElement: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+            features: Map<string, Feature>;
+            layout: any;
+            maxHeightReached: boolean;
+            renderProps: any;
+        } | undefined): void;
+        setError(error: unknown): void;
+        reload(): void;
+        beforeDestroy(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+}, {
+    rendererTypeName: string;
+    error: unknown;
+} & {
+    readonly RenderingComponent: React.FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+        } & 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>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        onHorizontalScroll?: Function | undefined;
+        blockState?: Record<string, any> | undefined;
+    }>;
+    readonly DisplayBlurb: React.FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+        } & 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>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    }> | null;
+    readonly adapterConfig: any;
+    readonly parentTrack: any;
+    renderProps(): any;
+    readonly rendererType: any;
+    readonly DisplayMessageComponent: React.FC<any> | undefined;
+    trackMenuItems(): MenuItem[];
+    readonly viewMenuActions: MenuItem[];
+    regionCannotBeRendered(): undefined; /**
+     * how many milliseconds to wait for the display to
+     * "settle" before re-rendering a block
+     */
+} & {
+    setError(error?: unknown): void;
+    setRpcDriverName(rpcDriverName: string): void;
+    reload(): void;
+} & {
+    currBpPerPx: number;
+    message: string;
+    featureIdUnderMouse: string | undefined;
+    contextMenuFeature: Feature | undefined;
+    scrollTop: number;
+    estimatedRegionStatsP: Promise<Stats> | undefined;
+    estimatedRegionStats: Stats | undefined;
+} & {
+    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
+} & {
+    /**
+     * how many milliseconds to wait for the display to
+     * "settle" before re-rendering a block
+     */
+    readonly renderDelay: number;
+    readonly TooltipComponent: React.FC<any>;
+    /**
+     * returns a string feature ID if the globally-selected object
+     * is probably a feature
+     */
+    readonly selectedFeatureId: string | undefined;
+    /**
+     * if a display-level message should be displayed instead of the blocks,
+     * make this return a react component
+     */
+    readonly DisplayMessageComponent: React.FC<any> | undefined;
+} & {
+    /**
+     * a CompositeMap of `featureId -> feature obj` that
+     * just looks in all the block data for that feature
+     */
+    readonly features: CompositeMap<string, Feature>;
+    readonly featureUnderMouse: Feature | undefined;
+    getFeatureOverlapping(blockKey: string, x: number, y: number): any;
+    getFeatureByID(blockKey: string, id: string): LayoutRecord | undefined;
+    searchFeatureByID(id: string): LayoutRecord | undefined;
+    readonly currentBytesRequested: number;
+    readonly currentFeatureScreenDensity: number;
+    readonly maxFeatureScreenDensity: any;
+    readonly estimatedStatsReady: boolean;
+    readonly maxAllowableBytes: number;
+} & {
+    setMessage(message: string): void;
+    afterAttach(): void;
+    estimateRegionsStats(regions: Region[], opts: {
+        headers?: Record<string, string>;
+        signal?: AbortSignal;
+        filters?: string[];
+    }): Promise<{}>;
+    setRegionStatsP(p?: Promise<Stats>): void;
+    setRegionStats(estimatedRegionStats?: Stats): void;
+    clearRegionStats(): void;
+    setHeight(displayHeight: number): number;
+    resizeHeight(distance: number): number;
+    setScrollTop(scrollTop: number): void;
+    updateStatsLimit(stats: Stats): void;
+    addBlock(key: string, block: BaseBlock): void;
+    setCurrBpPerPx(n: number): void;
+    deleteBlock(key: string): void;
+    selectFeature(feature: Feature): void;
+    clearFeatureSelection(): void;
+    setFeatureIdUnderMouse(feature: string | undefined): void;
+    reload(): void;
+    setContextMenuFeature(feature?: Feature): void;
+} & {
+    readonly regionTooLarge: boolean;
+    readonly regionTooLargeReason: string;
+} & {
+    reload(): Promise<void>;
+    afterAttach(): void;
+} & {
+    regionCannotBeRenderedText(_region: Region): "" | "Force load to see features";
+    /**
+     * @param region -
+     * @returns falsy if the region is fine to try rendering. Otherwise,
+     *  return a react node + string of text.
+     *  string of text describes why it cannot be rendered
+     *  react node allows user to force load at current setting
+     */
+    regionCannotBeRendered(_region: Region): JSX.Element | undefined;
+    trackMenuItems(): MenuItem[];
+    contextMenuItems(): {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        onClick: () => void;
+    }[];
+    renderProps(): any;
+} & {
+    renderSvg(opts: ExportSvgOptions & {
+        overrideHeight: number;
+    }): Promise<JSX.Element>;
+}, import("mobx-state-tree")._NotCustomized, {
+    type: string;
+    height: number;
+    id: string;
+    rpcDriverName: string | undefined;
+    userBpPerPxLimit: number | undefined;
+    userByteSizeLimit: number | undefined;
+}>;
+export declare type BaseLinearDisplayStateModel = typeof BaseLinearDisplay;
+export declare type BaseLinearDisplayModel = Instance<BaseLinearDisplayStateModel>;
+export {};