@jbrowse/plugin-linear-genome-view 2.10.3 → 2.11.1

package/dist/LinearGenomeView/components/OverviewScalebar.js

@@ -146,6 +146,7 @@ const Scalebar = (0, mobx_react_1.observer)(function ({ model, scale, overview,
     const { classes } = useStyles();
     const theme = (0, material_1.useTheme)();
     const { dynamicBlocks, showCytobands, cytobandOffset } = model;
+    const { pluginManager } = (0, util_1.getEnv)(model);
     const visibleRegions = dynamicBlocks.contentBlocks;
     const overviewVisibleRegions = overview.dynamicBlocks;
     const { tertiary, primary } = theme.palette;
@@ -166,6 +167,7 @@ const Scalebar = (0, mobx_react_1.observer)(function ({ model, scale, overview,
     }) || 0;
     const color = showCytobands ? '#f00' : scalebarColor;
     const transparency = showCytobands ? 0.1 : 0.3;
+    const additional = pluginManager.evaluateExtensionPoint('LinearGenomeView-OverviewScalebarComponent', undefined, { model, overview });
     return (react_1.default.createElement("div", { className: classes.scalebar },
         react_1.default.createElement("div", { className: classes.scalebarVisibleRegion, style: {
                 width: lastOverviewPx - firstOverviewPx,
@@ -181,7 +183,8 @@ const Scalebar = (0, mobx_react_1.observer)(function ({ model, scale, overview,
                     backgroundImage: 'repeating-linear-gradient(90deg, transparent, transparent 1px, rgba(255,255,255,.5) 1px, rgba(255,255,255,.5) 3px)',
                 } })) : (react_1.default.createElement(OverviewBox, { scale: scale, block: block, model: model, overview: overview, key: `${JSON.stringify(block)}-${idx}` }));
         }),
-        react_1.default.createElement(OverviewHighlight_1.default, { model: model, overview: overview })));
+        react_1.default.createElement(OverviewHighlight_1.default, { model: model, overview: overview }),
+        additional));
 });
 const OverviewScalebar = (0, mobx_react_1.observer)(function ({ model, children, }) {
     const { classes } = useStyles();

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

@@ -4,6 +4,6 @@ import { LinearGenomeViewModel } from '..';
 declare const OverviewScalebarPolygon: ({ model, overview, useOffset, }: {
     model: LinearGenomeViewModel;
     overview: Base1DViewModel;
-    useOffset?: boolean | undefined;
+    useOffset?: boolean;
 }) => React.JSX.Element | null;
 export default OverviewScalebarPolygon;

package/dist/LinearGenomeView/components/OverviewScalebarPolygon.js

@@ -8,6 +8,7 @@ const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 // locals
 const __1 = require("..");
+const util_1 = require("@jbrowse/core/util");
 const OverviewScalebarPolygon = (0, mobx_react_1.observer)(function ({ model, overview, useOffset = true, }) {
     const theme = (0, material_1.useTheme)();
     const multiplier = Number(useOffset);
@@ -41,6 +42,6 @@ const OverviewScalebarPolygon = (0, mobx_react_1.observer)(function ({ model, ov
         [topRight, 0],
         [topLeft, 0],
     ];
-    return (react_1.default.createElement("polygon", { points: points.toString(), fill: (0, material_1.alpha)(polygonColor, 0.3), stroke: (0, material_1.alpha)(polygonColor, 0.8) }));
+    return (react_1.default.createElement("polygon", { points: points.toString(), ...(0, util_1.getFillProps)((0, material_1.alpha)(polygonColor, 0.3)), ...(0, util_1.getStrokeProps)((0, material_1.alpha)(polygonColor, 0.8)) }));
 });
 exports.default = OverviewScalebarPolygon;

package/dist/LinearGenomeView/components/RefNameAutocomplete/index.d.ts

@@ -4,15 +4,15 @@ import { TextFieldProps as TFP } from '@mui/material';
 import { LinearGenomeViewModel } from '../../model';
 declare const RefNameAutocomplete: ({ model, onSelect, assemblyName, style, fetchResults, onChange, value, showHelp, minWidth, maxWidth, TextFieldProps, }: {
     model: LinearGenomeViewModel;
-    onSelect?: ((region: BaseResult) => void) | undefined;
-    onChange?: ((val: string) => void) | undefined;
-    assemblyName?: string | undefined;
-    value?: string | undefined;
+    onSelect?: (region: BaseResult) => void;
+    onChange?: (val: string) => void;
+    assemblyName?: string;
+    value?: string;
     fetchResults: (query: string) => Promise<BaseResult[]>;
-    style?: React.CSSProperties | undefined;
-    minWidth?: number | undefined;
-    maxWidth?: number | undefined;
-    showHelp?: boolean | undefined;
-    TextFieldProps?: TFP | undefined;
+    style?: React.CSSProperties;
+    minWidth?: number;
+    maxWidth?: number;
+    showHelp?: boolean;
+    TextFieldProps?: TFP;
 }) => React.JSX.Element;
 export default RefNameAutocomplete;

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

@@ -45,7 +45,8 @@ const RefNameAutocomplete = (0, mobx_react_1.observer)(function ({ model, onSele
     const assembly = assemblyName ? assemblyManager.get(assemblyName) : undefined;
     const { coarseVisibleLocStrings, hasDisplayedRegions } = model;
     (0, react_1.useEffect)(() => {
-        let active = true;
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        ;
         (async () => {
             try {
                 if (debouncedSearch === '' || !assemblyName) {
@@ -53,21 +54,14 @@ const RefNameAutocomplete = (0, mobx_react_1.observer)(function ({ model, onSele
                 }
                 setLoaded(false);
                 const results = await fetchResults(debouncedSearch);
-                if (active) {
-                    setLoaded(true);
-                    setSearchOptions((0, util_2.getDeduplicatedResult)(results));
-                }
+                setLoaded(true);
+                setSearchOptions((0, util_2.getDeduplicatedResult)(results));
             }
             catch (e) {
                 console.error(e);
-                if (active) {
-                    session.notify(`${e}`, 'error');
-                }
+                session.notifyError(`${e}`, e);
             }
         })();
-        return () => {
-            active = false;
-        };
     }, [assemblyName, fetchResults, debouncedSearch, session, model]);
     const inputBoxVal = coarseVisibleLocStrings || value || '';
     // heuristic, text width + 60 accommodates help icon and search icon
@@ -82,29 +76,28 @@ const RefNameAutocomplete = (0, mobx_react_1.observer)(function ({ model, onSele
     }))) || [], [regions]);
     // notes on implementation:
     // The selectOnFocus setting helps highlight the field when clicked
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Autocomplete, { "data-testid": "autocomplete", disableListWrap: true, disableClearable: true, disabled: !assemblyName, freeSolo: true, includeInputInList: true, selectOnFocus: true, style: { ...style, width }, value: inputBoxVal, loading: !loaded, inputValue: inputValue, onInputChange: (_event, newInputValue) => {
-                setInputValue(newInputValue);
-                onChange === null || onChange === void 0 ? void 0 : onChange(newInputValue);
-            }, loadingText: "loading results", open: open, onOpen: () => setOpen(true), onClose: () => {
-                setOpen(false);
-                setLoaded(true);
-                if (hasDisplayedRegions) {
-                    setCurrentSearch('');
-                    setSearchOptions(undefined);
-                }
-            }, onChange: (_event, selectedOption) => {
-                if (!selectedOption || !assemblyName) {
-                    return;
-                }
-                if (typeof selectedOption === 'string') {
-                    // handles string inputs on keyPress enter
-                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(new BaseResults_1.default({ label: selectedOption }));
-                }
-                else {
-                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedOption.result);
-                }
-                setInputValue(inputBoxVal);
-            }, options: (searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.length) ? searchOptions : regionOptions, getOptionDisabled: option => option.group === 'limitOption', filterOptions: (opts, { inputValue }) => (0, util_2.getFiltered)(opts, inputValue), renderInput: params => (react_1.default.createElement(AutocompleteTextField_1.default, { showHelp: showHelp, params: params, inputBoxVal: inputBoxVal, TextFieldProps: TextFieldProps, setCurrentSearch: setCurrentSearch, setInputValue: setInputValue })), getOptionLabel: opt => typeof opt === 'string' ? opt : opt.result.getDisplayString() })));
+    return (react_1.default.createElement(material_1.Autocomplete, { "data-testid": "autocomplete", disableListWrap: true, disableClearable: true, disabled: !assemblyName, freeSolo: true, includeInputInList: true, selectOnFocus: true, style: { ...style, width }, value: inputBoxVal, loading: !loaded, inputValue: inputValue, onInputChange: (_event, newInputValue) => {
+            setInputValue(newInputValue);
+            onChange === null || onChange === void 0 ? void 0 : onChange(newInputValue);
+        }, loadingText: "loading results", open: open, onOpen: () => setOpen(true), onClose: () => {
+            setOpen(false);
+            setLoaded(true);
+            if (hasDisplayedRegions) {
+                setCurrentSearch('');
+                setSearchOptions(undefined);
+            }
+        }, onChange: (_event, selectedOption) => {
+            if (!selectedOption || !assemblyName) {
+                return;
+            }
+            if (typeof selectedOption === 'string') {
+                // handles string inputs on keyPress enter
+                onSelect === null || onSelect === void 0 ? void 0 : onSelect(new BaseResults_1.default({ label: selectedOption }));
+            }
+            else {
+                onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedOption.result);
+            }
+            setInputValue(inputBoxVal);
+        }, options: (searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.length) ? searchOptions : regionOptions, getOptionDisabled: option => option.group === 'limitOption', filterOptions: (opts, { inputValue }) => (0, util_2.getFiltered)(opts, inputValue), renderInput: params => (react_1.default.createElement(AutocompleteTextField_1.default, { showHelp: showHelp, params: params, inputBoxVal: inputBoxVal, TextFieldProps: TextFieldProps, setCurrentSearch: setCurrentSearch, setInputValue: setInputValue })), getOptionLabel: opt => typeof opt === 'string' ? opt : opt.result.getDisplayString() }));
 });
 exports.default = RefNameAutocomplete;

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

@@ -3,6 +3,6 @@ import { LinearGenomeViewModel } from '..';
 type LGV = LinearGenomeViewModel;
 declare const Rubberband: ({ model, ControlComponent, }: {
     model: LGV;
-    ControlComponent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    ControlComponent?: React.ReactElement;
 }) => React.JSX.Element;
 export default Rubberband;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { LinearGenomeViewModel } from '..';
 declare const SearchBox: ({ model, showHelp, }: {
-    showHelp?: boolean | undefined;
+    showHelp?: boolean;
     model: LinearGenomeViewModel;
 }) => React.JSX.Element;
 export default SearchBox;

package/dist/LinearGenomeView/components/SearchResultsTable.js

@@ -74,7 +74,7 @@ function SearchResultsTable({ searchResults, assemblyName: optAssemblyName, mode
                             }
                             catch (e) {
                                 console.error(e);
-                                session.notify(`${e}`, 'error');
+                                session.notifyError(`${e}`, e);
                             }
                             handleClose();
                         }, color: "primary", variant: "contained" }, "Go")))))))));

package/dist/LinearGenomeView/components/TrackContainer.js

@@ -33,7 +33,6 @@ const mobx_react_1 = require("mobx-react");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const react_error_boundary_1 = require("react-error-boundary");
 const ui_1 = require("@jbrowse/core/ui");
-const util_1 = require("@jbrowse/core/util");
 const TrackLabelContainer_1 = __importDefault(require("./TrackLabelContainer"));
 const TrackRenderingContainer_1 = __importDefault(require("./TrackRenderingContainer"));
 const useStyles = (0, mui_1.makeStyles)()({
@@ -46,40 +45,28 @@ const useStyles = (0, mui_1.makeStyles)()({
         position: 'relative',
         zIndex: 2,
     },
-    overlay: {
-        pointerEvents: 'none',
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        width: '100%',
-        zIndex: 3,
-    },
 });
 const TrackContainer = (0, mobx_react_1.observer)(function ({ model, track, }) {
     const { classes } = useStyles();
     const display = track.displays[0];
     const { draggingTrackId } = model;
-    const ref2 = (0, react_1.useRef)(null);
-    const dimmed = draggingTrackId !== undefined && draggingTrackId !== display.id;
-    const debouncedOnDragEnter = (0, util_1.useDebouncedCallback)(() => {
-        if ((0, mobx_state_tree_1.isAlive)(display) && dimmed) {
-            model.moveTrack(draggingTrackId, track.id);
-        }
-    }, 100);
-    return (react_1.default.createElement(material_1.Paper, { ref: ref2, className: classes.root, variant: "outlined", onClick: event => {
+    const ref = (0, react_1.useRef)(null);
+    return (react_1.default.createElement(material_1.Paper, { ref: ref, className: classes.root, variant: "outlined", onClick: event => {
             var _a;
             if (event.detail === 2 && !track.displays[0].featureIdUnderMouse) {
-                const left = ((_a = ref2.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left) || 0;
+                const left = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left) || 0;
                 model.zoomTo(model.bpPerPx / 2, event.clientX - left, true);
             }
         } },
         react_1.default.createElement(TrackLabelContainer_1.default, { track: track, view: model }),
         react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { FallbackComponent: e => react_1.default.createElement(ui_1.ErrorMessage, { error: e.error }) },
-            react_1.default.createElement(TrackRenderingContainer_1.default, { model: model, track: track, onDragEnter: debouncedOnDragEnter })),
-        react_1.default.createElement("div", { className: classes.overlay, style: {
-                height: display.height,
-                background: dimmed ? 'rgba(0, 0, 0, 0.4)' : undefined,
-            }, onDragEnter: debouncedOnDragEnter }),
+            react_1.default.createElement(TrackRenderingContainer_1.default, { model: model, track: track, onDragEnter: () => {
+                    if ((0, mobx_state_tree_1.isAlive)(display) &&
+                        draggingTrackId !== undefined &&
+                        draggingTrackId !== display.id) {
+                        model.moveTrack(draggingTrackId, track.id);
+                    }
+                } })),
         react_1.default.createElement(ui_1.ResizeHandle, { onDrag: display.resizeHeight, className: classes.resizeHandle })));
 });
 exports.default = TrackContainer;

package/dist/LinearGenomeView/components/TrackLabel.js

@@ -17,6 +17,10 @@ const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
 const Close_1 = __importDefault(require("@mui/icons-material/Close"));
 const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
 const Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const KeyboardDoubleArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowDown"));
+const KeyboardDoubleArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowUp"));
+const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
+const KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
 const TrackLabelDragHandle_1 = __importDefault(require("./TrackLabelDragHandle"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     root: {
@@ -24,9 +28,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         '&:hover': {
             background: theme.palette.background.paper,
         },
-        transition: theme.transitions.create(['background'], {
-            duration: theme.transitions.duration.shortest,
-        }),
     },
     trackName: {
         margin: '0 auto',
@@ -49,9 +50,35 @@ const TrackLabel = (0, mobx_react_1.observer)(react_1.default.forwardRef(functio
     const trackName = (0, tracks_1.getTrackName)(trackConf, session);
     const items = [
         {
-            label: minimized ? 'Restore track' : 'Minimize track',
-            icon: minimized ? Add_1.default : Minimize_1.default,
-            onClick: () => track.setMinimized(!minimized),
+            label: 'Track order',
+            type: 'subMenu',
+            subMenu: [
+                {
+                    label: minimized ? 'Restore track' : 'Minimize track',
+                    icon: minimized ? Add_1.default : Minimize_1.default,
+                    onClick: () => track.setMinimized(!minimized),
+                },
+                {
+                    label: 'Move track to top',
+                    icon: KeyboardDoubleArrowUp_1.default,
+                    onClick: () => view.moveTrackToTop(track.id),
+                },
+                {
+                    label: 'Move track up',
+                    icon: KeyboardArrowUp_1.default,
+                    onClick: () => view.moveTrackUp(track.id),
+                },
+                {
+                    label: 'Move track down',
+                    icon: KeyboardArrowDown_1.default,
+                    onClick: () => view.moveTrackDown(track.id),
+                },
+                {
+                    label: 'Move track to bottom',
+                    icon: KeyboardDoubleArrowDown_1.default,
+                    onClick: () => view.moveTrackToBottom(track.id),
+                },
+            ],
         },
         ...(((_a = session.getTrackActionMenuItems) === null || _a === void 0 ? void 0 : _a.call(session, trackConf)) || []),
         ...track.trackMenuItems(),

package/dist/LinearGenomeView/components/ZoomControls.js

@@ -45,16 +45,16 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 }));
 const ZoomControls = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
-    const { maxBpPerPx, minBpPerPx, bpPerPx, scaleFactor } = model;
+    const { maxBpPerPx, minBpPerPx, bpPerPx } = model;
     const [value, setValue] = (0, react_1.useState)(-Math.log2(bpPerPx) * 100);
     (0, react_1.useEffect)(() => {
         setValue(-Math.log2(bpPerPx) * 100);
     }, [setValue, bpPerPx]);
     return (react_1.default.createElement("div", { className: classes.container },
-        react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_out", onClick: () => model.zoom(bpPerPx * 2), disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1, size: "large" },
+        react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_out", onClick: () => model.zoom(bpPerPx * 2), disabled: bpPerPx >= maxBpPerPx - 0.0001, size: "large" },
             react_1.default.createElement(ZoomOut_1.default, null)),
-        react_1.default.createElement(material_1.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_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_in", onClick: () => model.zoom(model.bpPerPx / 2), disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1, size: "large" },
+        react_1.default.createElement(material_1.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)) }),
+        react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_in", onClick: () => model.zoom(model.bpPerPx / 2), disabled: bpPerPx <= minBpPerPx + 0.0001, size: "large" },
             react_1.default.createElement(ZoomIn_1.default, null))));
 });
 exports.default = ZoomControls;

package/dist/LinearGenomeView/model.d.ts

@@ -81,7 +81,8 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
     trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-    highlight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<Required<ParsedLocString>, Required<ParsedLocString>, Required<ParsedLocString>>>;
+    highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<Required<ParsedLocString>, Required<ParsedLocString>, Required<ParsedLocString>>>, [undefined]>;
+    colorByCDS: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
 }, {
     width: number;
 } & {
@@ -224,6 +225,10 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
      */
     readonly trackTypeActions: Map<string, MenuItem[]>;
 } & {
+    /**
+     * #action
+     */
+    setColorByCDS(flag: boolean): void;
     /**
      * #action
      */
@@ -255,7 +260,15 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     /**
      * #action
      */
-    setHighlight(highlight: Required<ParsedLocString> | undefined): void;
+    addToHighlights(highlight: Required<ParsedLocString>): void;
+    /**
+     * #action
+     */
+    setHighlight(highlight: Required<ParsedLocString>[] | undefined): void;
+    /**
+     * #action
+     */
+    removeHighlight(highlight: Required<ParsedLocString>): void;
     /**
      * #action
      */
@@ -292,6 +305,22 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
      */
     hideTrack(trackId: string): number;
 } & {
+    /**
+     * #action
+     */
+    moveTrackDown(id: string): void;
+    /**
+     * #action
+     */
+    moveTrackUp(id: string): void;
+    /**
+     * #action
+     */
+    moveTrackToTop(id: string): void;
+    /**
+     * #action
+     */
+    moveTrackToBottom(id: string): void;
     /**
      * #action
      */
@@ -528,20 +557,21 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     bpToPx({ refName, coord, regionNumber, }: {
         refName: string;
         coord: number;
-        regionNumber?: number | undefined;
+        regionNumber?: number;
     }): {
         index: number;
         offsetPx: number;
     } | undefined;
     /**
      * #method
-     * scrolls the view to center on the given bp. if that is not in any
-     * of the displayed regions, does nothing
+     * scrolls the view to center on the given bp. if that is not in any of
+     * the displayed regions, does nothing
+     *
      * @param coord - basepair at which you want to center the view
      * @param refName - refName of the displayedRegion you are centering at
      * @param regionNumber - index of the displayedRegion
      */
-    centerAt(coord: number, refName: string, regionNumber: number): void;
+    centerAt(coord: number, refName: string, regionNumber?: number): void;
     /**
      * #method
      */
@@ -572,7 +602,37 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     } | undefined;
 } & {
     afterCreate(): void;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+}, import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+    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>>;
+    minimized: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+} & {
+    id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("mobx-state-tree").IType<string | undefined, string, string>;
+    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<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]>;
+    trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    highlight: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").IType<Required<ParsedLocString>, Required<ParsedLocString>, Required<ParsedLocString>>>, [undefined]>;
+    colorByCDS: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+}>>, import("mobx-state-tree")._NotCustomized>;
 export type LinearGenomeViewStateModel = ReturnType<typeof stateModelFactory>;
 export type LinearGenomeViewModel = Instance<LinearGenomeViewStateModel>;
 export { default as ReactComponent, default as LinearGenomeView, } from './components/LinearGenomeView';