@jbrowse/plugin-variants 2.16.1 → 2.18.0

package/esm/LinearVariantDisplay/model.d.ts

@@ -1,13 +1,6 @@
-import { Feature } from '@jbrowse/core/util';
-import { Instance } from 'mobx-state-tree';
-import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-/**
- * #stateModel LinearVariantDisplay
- * similar to basic display, but provides custom widget on feature click
- * extends
- *
- * - [LinearBasicDisplay](../linearbasicdisplay)
- */
+import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import type { Feature } from '@jbrowse/core/util';
+import type { Instance } from 'mobx-state-tree';
 export default function stateModelFactory(configSchema: AnyConfigurationSchemaType): 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>;
@@ -20,21 +13,12 @@ export default function stateModelFactory(configSchema: AnyConfigurationSchemaTy
 } & {
     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>;
+        region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
         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;
+        stopToken: string | undefined;
         filled: boolean;
         reactElement: React.ReactElement | undefined;
         features: Map<string, Feature> | undefined;
@@ -58,15 +42,9 @@ export default function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         doReload(): void;
         afterAttach(): void;
         setStatus(message: string): void;
-        setLoading(abortController: AbortController): void;
+        setLoading(newStopToken: string): void;
         setMessage(messageText: string): void;
-        setRendered(props: {
-            reactElement: React.ReactElement;
-            features: Map<string, Feature>;
-            layout: any;
-            maxHeightReached: boolean;
-            renderProps: any;
-        } | undefined): void;
+        setRendered(props: import("@jbrowse/plugin-linear-genome-view/src/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
         setError(error: unknown): void;
         reload(): void;
         beforeDestroy(): void;
@@ -108,13 +86,7 @@ export default function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     configuration: AnyConfigurationSchemaType;
     jexlFilters: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>>;
 } & {
-    /**
-     * #property
-     */
     type: import("mobx-state-tree").ISimpleType<"LinearVariantDisplay">;
-    /**
-     * #property
-     */
     configuration: AnyConfigurationSchemaType;
 }, {
     rendererTypeName: string;
@@ -205,6 +177,7 @@ export default function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     readonly regionTooLarge: boolean;
     readonly regionTooLargeReason: string;
 } & {
+    readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
     regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react").JSX.Element | null;
 } & {
@@ -283,9 +256,6 @@ export default function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     };
     trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
 } & {
-    /**
-     * #action
-     */
     selectFeature(feature: Feature): Promise<void>;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type LinearVariantDisplayStateModel = ReturnType<typeof stateModelFactory>;

package/esm/LinearVariantDisplay/model.js

@@ -1,31 +1,15 @@
-import { getConf, ConfigurationReference } from '@jbrowse/core/configuration';
+import { ConfigurationReference, getConf } from '@jbrowse/core/configuration';
+import { getContainingTrack, getContainingView, getSession, isSessionModelWithWidgets, } from '@jbrowse/core/util';
 import { getRpcSessionId } from '@jbrowse/core/util/tracks';
-import { getContainingTrack, getSession, getContainingView, isSessionModelWithWidgets, } from '@jbrowse/core/util';
 import { linearBasicDisplayModelFactory } from '@jbrowse/plugin-linear-genome-view';
 import { types } from 'mobx-state-tree';
-/**
- * #stateModel LinearVariantDisplay
- * similar to basic display, but provides custom widget on feature click
- * extends
- *
- * - [LinearBasicDisplay](../linearbasicdisplay)
- */
 export default function stateModelFactory(configSchema) {
     return types
         .compose('LinearVariantDisplay', linearBasicDisplayModelFactory(configSchema), types.model({
-        /**
-         * #property
-         */
         type: types.literal('LinearVariantDisplay'),
-        /**
-         * #property
-         */
         configuration: ConfigurationReference(configSchema),
     }))
         .actions(self => ({
-        /**
-         * #action
-         */
         async selectFeature(feature) {
             const session = getSession(self);
             if (isSessionModelWithWidgets(session)) {

package/esm/MultiLinearVariantDisplay/components/VariantDisplayComponent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { MultiLinearVariantDisplayModel } from '../model';
+declare const MultiLinearVariantDisplayComponent: (props: {
+    model: MultiLinearVariantDisplayModel;
+}) => React.JSX.Element;
+export default MultiLinearVariantDisplayComponent;

package/esm/MultiLinearVariantDisplay/components/VariantDisplayComponent.js

@@ -0,0 +1,45 @@
+import React, { useRef, useState } from 'react';
+import { SanitizedHTML } from '@jbrowse/core/ui';
+import BaseTooltip from '@jbrowse/core/ui/BaseTooltip';
+import { getContainingView } from '@jbrowse/core/util';
+import { BaseLinearDisplayComponent } from '@jbrowse/plugin-linear-genome-view';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
+import LegendBar from '../../shared/LegendBar';
+const useStyles = makeStyles()({
+    cursor: {
+        pointerEvents: 'none',
+    },
+});
+const MultiLinearVariantDisplayComponent = observer(function (props) {
+    const { model } = props;
+    const { classes } = useStyles();
+    const { height, sources, rowHeight, scrollTop } = model;
+    const ref = useRef(null);
+    const [mouseY, setMouseY] = useState();
+    const [mouseX, setMouseX] = useState();
+    const { width } = getContainingView(model);
+    return (React.createElement("div", { ref: ref, onMouseMove: event => {
+            var _a;
+            const rect = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            const top = (rect === null || rect === void 0 ? void 0 : rect.top) || 0;
+            const left = (rect === null || rect === void 0 ? void 0 : rect.left) || 0;
+            setMouseY(event.clientY - top);
+            setMouseX(event.clientX - left);
+        }, onMouseLeave: () => {
+            setMouseY(undefined);
+            setMouseX(undefined);
+        } },
+        React.createElement(BaseLinearDisplayComponent, { ...props }),
+        React.createElement(LegendBar, { model: model }),
+        mouseY && sources ? (React.createElement("div", { style: { position: 'relative' } },
+            React.createElement("svg", { className: classes.cursor, width: width, height: height, style: { position: 'absolute', top: scrollTop } },
+                React.createElement("line", { x1: 0, x2: width, y1: mouseY - scrollTop, y2: mouseY - scrollTop, stroke: "black" }),
+                React.createElement("line", { x1: mouseX, x2: mouseX, y1: 0, y2: height, stroke: "black" })),
+            React.createElement(BaseTooltip, null,
+                React.createElement(SanitizedHTML, { html: Object.entries(sources[Math.floor(mouseY / rowHeight)] || {})
+                        .filter(([key]) => key !== 'color')
+                        .map(([key, value]) => `${key}:${value}`)
+                        .join('\n') })))) : null));
+});
+export default MultiLinearVariantDisplayComponent;

package/esm/MultiLinearVariantDisplay/configSchema.d.ts

@@ -0,0 +1,80 @@
+import type PluginManager from '@jbrowse/core/PluginManager';
+export default function VariantConfigFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+    defaultRendering: {
+        type: string;
+        model: import("mobx-state-tree").ISimpleType<string>;
+        defaultValue: string;
+    };
+    renderers: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+        MultiVariantRenderer: import("@jbrowse/core/configuration").AnyConfigurationSchemaType;
+    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+    height: {
+        type: string;
+        defaultValue: number;
+    };
+}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+    autoscale: {
+        type: string;
+        defaultValue: string;
+        model: import("mobx-state-tree").ISimpleType<string>;
+        description: string;
+    };
+    minimalTicks: {
+        type: string;
+        defaultValue: boolean;
+        description: string;
+    };
+    minScore: {
+        type: string;
+        defaultValue: number;
+        description: string;
+    };
+    maxScore: {
+        type: string;
+        description: string;
+        defaultValue: number;
+    };
+    numStdDev: {
+        type: string;
+        description: string;
+        defaultValue: number;
+    };
+    scaleType: {
+        type: string;
+        model: import("mobx-state-tree").ISimpleType<string>;
+        description: string;
+        defaultValue: string;
+    };
+    inverted: {
+        type: string;
+        description: string;
+        defaultValue: boolean;
+    };
+}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+    maxFeatureScreenDensity: {
+        type: string;
+        description: string;
+        defaultValue: number;
+    };
+    fetchSizeLimit: {
+        type: string;
+        defaultValue: number;
+        description: string;
+    };
+    height: {
+        type: string;
+        defaultValue: number;
+        description: string;
+    };
+    mouseover: {
+        type: string;
+        description: string;
+        defaultValue: string;
+        contextVariable: string[];
+    };
+    jexlFilters: {
+        type: string;
+        description: string;
+        defaultValue: never[];
+    };
+}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>, undefined>>, undefined>>;

package/esm/MultiLinearVariantDisplay/configSchema.js

@@ -0,0 +1,24 @@
+import { ConfigurationSchema } from '@jbrowse/core/configuration';
+import { types } from 'mobx-state-tree';
+import sharedVariantConfigFactory from '../shared/SharedVariantConfigSchema';
+function x() { }
+export default function VariantConfigFactory(pluginManager) {
+    const MultiVariantRendererConfigSchema = pluginManager.getRendererType('MultiVariantRenderer').configSchema;
+    return ConfigurationSchema('MultiLinearVariantDisplay', {
+        defaultRendering: {
+            type: 'stringEnum',
+            model: types.enumeration('Rendering', ['multivariant']),
+            defaultValue: 'multivariant',
+        },
+        renderers: ConfigurationSchema('RenderersConfiguration', {
+            MultiVariantRenderer: MultiVariantRendererConfigSchema,
+        }),
+        height: {
+            type: 'number',
+            defaultValue: 200,
+        },
+    }, {
+        baseConfiguration: sharedVariantConfigFactory(),
+        explicitlyTyped: true,
+    });
+}

package/esm/MultiLinearVariantDisplay/index.d.ts

@@ -0,0 +1,2 @@
+import type PluginManager from '@jbrowse/core/PluginManager';
+export default function MultiLinearVariantDisplayF(pluginManager: PluginManager): void;

package/esm/MultiLinearVariantDisplay/index.js

@@ -0,0 +1,18 @@
+import { lazy } from 'react';
+import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
+import configSchemaFactory from './configSchema';
+import modelFactory from './model';
+export default function MultiLinearVariantDisplayF(pluginManager) {
+    pluginManager.addDisplayType(() => {
+        const configSchema = configSchemaFactory(pluginManager);
+        return new DisplayType({
+            name: 'MultiLinearVariantDisplay',
+            displayName: 'Multi-variant display (regular)',
+            configSchema,
+            stateModel: modelFactory(pluginManager, configSchema),
+            trackType: 'VariantTrack',
+            viewType: 'LinearGenomeView',
+            ReactComponent: lazy(() => import('./components/VariantDisplayComponent')),
+        });
+    });
+}

package/esm/MultiLinearVariantDisplay/model.d.ts

@@ -0,0 +1,278 @@
+import { type ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
+import type { Source } from '../util';
+import type PluginManager from '@jbrowse/core/PluginManager';
+import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import type { AnyReactComponentType, Feature } from '@jbrowse/core/util';
+import type { Instance } from 'mobx-state-tree';
+export declare function stateModelFactory(pluginManager: PluginManager, configSchema: AnyConfigurationSchemaType): 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>>;
+} & {
+    heightPreConfig: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+} & {
+    userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+} & {
+    blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
+        key: import("mobx-state-tree").ISimpleType<string>;
+        region: import("mobx-state-tree").IType<import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region, import("@jbrowse/core/util").Region>;
+        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>;
+    }, {
+        stopToken: string | undefined;
+        filled: boolean;
+        reactElement: React.ReactElement | undefined;
+        features: Map<string, Feature> | undefined;
+        layout: any;
+        status: string;
+        error: unknown;
+        message: string | undefined;
+        maxHeightReached: boolean;
+        ReactComponent: ({ model, }: {
+            model: {
+                error?: unknown;
+                reload: () => void;
+                message: React.ReactNode;
+                filled?: boolean;
+                status?: string;
+                reactElement?: React.ReactElement;
+            };
+        }) => import("react").JSX.Element | undefined;
+        renderProps: any;
+    } & {
+        doReload(): void;
+        afterAttach(): void;
+        setStatus(message: string): void;
+        setLoading(newStopToken: string): void;
+        setMessage(messageText: string): void;
+        setRendered(props: import("@jbrowse/plugin-linear-genome-view/src/BaseLinearDisplay/models/serverSideRenderedBlock").RenderedProps | undefined): void;
+        setError(error: unknown): void;
+        reload(): void;
+        beforeDestroy(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    configuration: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+        maxFeatureScreenDensity: {
+            type: string;
+            description: string;
+            defaultValue: number;
+        };
+        fetchSizeLimit: {
+            type: string;
+            defaultValue: number;
+            description: string;
+        };
+        height: {
+            type: string;
+            defaultValue: number;
+            description: string;
+        };
+        mouseover: {
+            type: string;
+            description: string;
+            defaultValue: string;
+            contextVariable: string[];
+        };
+        jexlFilters: {
+            type: string;
+            description: string;
+            defaultValue: never[];
+        };
+    }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"LinearBareDisplay">;
+    configuration: AnyConfigurationSchemaType;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"MultiLinearVariantDisplay">;
+    layout: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<Source[], Source[], Source[]>, [undefined]>;
+    rowHeightSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    autoHeight: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    showSidebarLabelsSetting: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+}, {
+    rendererTypeName: string;
+    error: unknown;
+    message: string | undefined;
+} & {
+    readonly RenderingComponent: React.FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            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>;
+            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?: () => void;
+        blockState?: Record<string, any>;
+    }>;
+    readonly DisplayBlurb: React.FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            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>;
+            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>>;
+    }> | null;
+    readonly adapterConfig: any;
+    readonly parentTrack: any;
+    renderProps(): any;
+    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
+    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
+    regionCannotBeRendered(): null;
+} & {
+    setMessage(arg?: string): void;
+    setError(error?: unknown): void;
+    setRpcDriverName(rpcDriverName: string): void;
+    reload(): void;
+} & {
+    scrollTop: number;
+} & {
+    readonly height: number;
+} & {
+    setScrollTop(scrollTop: number): void;
+    setHeight(displayHeight: number): number;
+    resizeHeight(distance: number): number;
+} & {
+    featureDensityStatsP: undefined | Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats>;
+    featureDensityStats: undefined | import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats;
+    currStatsBpPerPx: number;
+} & {
+    readonly currentBytesRequested: number;
+    readonly currentFeatureScreenDensity: number;
+    readonly maxFeatureScreenDensity: any;
+    readonly featureDensityStatsReady: boolean;
+    readonly maxAllowableBytes: number;
+} & {
+    afterAttach(): void;
+} & {
+    setCurrStatsBpPerPx(n: number): 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): void;
+    clearFeatureDensityStats(): void;
+} & {
+    readonly regionTooLarge: boolean;
+    readonly regionTooLargeReason: string;
+} & {
+    readonly statsReadyAndRegionNotTooLarge: boolean;
+    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: undefined | string;
+    contextMenuFeature: undefined | Feature;
+} & {
+    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
+    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
+} & {
+    readonly renderDelay: number;
+    readonly TooltipComponent: AnyReactComponentType;
+    readonly selectedFeatureId: string | undefined;
+} & {
+    readonly features: import("@jbrowse/core/util/compositeMap").default<string, Feature>;
+    readonly featureUnderMouse: Feature | undefined;
+    getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
+    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
+    searchFeatureByID(id: string): [number, number, number, number] | undefined;
+} & {
+    addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
+    deleteBlock(key: string): void;
+    selectFeature(feature: Feature): void;
+    navToFeature(feature: Feature): void;
+    clearFeatureSelection(): void;
+    setFeatureIdUnderMouse(feature?: string): void;
+    setContextMenuFeature(feature?: Feature): void;
+} & {
+    reload(): Promise<void>;
+} & {
+    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    renderProps(): any;
+} & {
+    renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+    afterAttach(): void;
+} & {
+    readonly rendererConfig: {
+        [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 & {
+            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>;
+    readonly rendererTypeName: any;
+} & {
+    renderProps(): any;
+} & {
+    sourcesLoadingStopToken: string | undefined;
+    featureUnderMouseVolatile: Feature | undefined;
+    sourcesVolatile: Source[] | undefined;
+} & {
+    setSourcesLoading(str: string): void;
+    setLayout(layout: Source[]): void;
+    clearLayout(): void;
+    setSources(sources: Source[]): void;
+    setFeatureUnderMouse(f?: Feature): void;
+    setRowHeight(arg: number): void;
+    setAutoHeight(arg: boolean): void;
+    setShowSidebarLabels(arg: boolean): void;
+} & {
+    readonly featureUnderMouse: Feature | undefined;
+    readonly TooltipComponent: AnyReactComponentType;
+} & {
+    readonly rendererTypeName: string;
+    readonly sources: {
+        color: string;
+        baseUri?: string;
+        name: string;
+        group?: string;
+    }[] | undefined;
+} & {
+    readonly rowHeight: number;
+} & {
+    readonly canDisplayLabels: boolean;
+    readonly totalHeight: number;
+    adapterProps(): any;
+} & {
+    renderProps(): any;
+} & {
+    trackMenuItems(): (import("@jbrowse/core/ui").MenuDivider | import("@jbrowse/core/ui").MenuSubHeader | import("@jbrowse/core/ui").NormalMenuItem | import("@jbrowse/core/ui").CheckboxMenuItem | import("@jbrowse/core/ui").RadioMenuItem | import("@jbrowse/core/ui").SubMenuItem | {
+        label: string;
+        type: string;
+        checked: boolean;
+        onClick: () => void;
+    })[];
+} & {
+    afterAttach(): void;
+    renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export type MultiLinearVariantDisplayStateModel = ReturnType<typeof stateModelFactory>;
+export type MultiLinearVariantDisplayModel = Instance<MultiLinearVariantDisplayStateModel>;
+export default stateModelFactory;