react-msaview 2.1.5 → 3.0.1

package/dist/components/util.js.map

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

package/dist/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,OAAO,MAAM;IAqBzB,YAAY,EACV,SAAS,GAAG,KAAK,MAGf,EAAE;QACJ,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAA;QAC7B,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,EAAE,CAAA;QACxB,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAA;QAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACrC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAA,CAAC,uDAAuD;IAC/E,CAAC;IAED;;;OAGG;IACH,OAAO,CACL,EAAU,EACV,IAAY,EACZ,KAAa,EACb,MAAc,EACd,IAAa;QAEb,eAAe;QACf,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;QAC9C,IAAI,cAAc,EAAE;YAClB,OAAO,cAAc,CAAC,IAAI,CAAA;SAC3B;QAED,IAAI,UAAU,GAAG,CAAC,CAAA;QAClB,OACE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YAClB,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,UAAU,GAAG,MAAM;SAC1B,CAAC;YACF,UAAU,IAAI,IAAI,CAAC,SAAS,EAC5B;YACA,UAAU,IAAI,CAAC,CAAA;SAChB;QAED,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,UAAU,GAAG,MAAM;YACzB,EAAE;YACF,IAAI;SACL,CAAA;QACD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QACzB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;QAC/B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;QAC3D,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAA;IAC1B,CAAC;CACF"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,OAAO,MAAM;IAqBzB,YAAY,EACV,SAAS,GAAG,KAAK,MAGf,EAAE;QACJ,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAA;QAC7B,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,EAAE,CAAA;QACxB,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAA;QAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACrC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAA,CAAC,uDAAuD;IAC/E,CAAC;IAED;;;OAGG;IACH,OAAO,CACL,EAAU,EACV,IAAY,EACZ,KAAa,EACb,MAAc,EACd,IAAa;QAEb,eAAe;QACf,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;QAC9C,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO,cAAc,CAAC,IAAI,CAAA;QAC5B,CAAC;QAED,IAAI,UAAU,GAAG,CAAC,CAAA;QAClB,OACE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YAClB,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,UAAU,GAAG,MAAM;SAC1B,CAAC;YACF,UAAU,IAAI,IAAI,CAAC,SAAS,EAC5B,CAAC;YACD,UAAU,IAAI,CAAC,CAAA;QACjB,CAAC;QAED,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,UAAU,GAAG,MAAM;YACzB,EAAE;YACF,IAAI;SACL,CAAA;QACD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;QACzB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;QAC/B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAA;QAC3D,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,YAAY,CAAA;IAC1B,CAAC;CACF"}

package/dist/model.d.ts

@@ -2,6 +2,11 @@ import React from 'react';
 import { Instance, SnapshotIn } from 'mobx-state-tree';
 import { HierarchyNode } from 'd3-hierarchy';
 import { FileLocation as FileLocationType } from '@jbrowse/core/util/types';
+import { NodeWithIds, NodeWithIdsAndLength } from './util';
+import ClustalMSA from './parsers/ClustalMSA';
+import StockholmMSA from './parsers/StockholmMSA';
+import FastaMSA from './parsers/FastaMSA';
+import { StructureModel } from './StructureModel';
 export interface RowDetails {
     [key: string]: unknown;
     name: string;
@@ -10,17 +15,17 @@ export interface RowDetails {
         end: number;
     };
 }
-import { NodeWithIds, NodeWithIdsAndLength } from './util';
-import ClustalMSA from './parsers/ClustalMSA';
-import StockholmMSA from './parsers/StockholmMSA';
-import FastaMSA from './parsers/FastaMSA';
-import { StructureModel } from './StructureModel';
 interface BasicTrackModel {
     id: string;
     name: string;
     associatedRowName?: string;
     height: number;
 }
+interface Structure {
+    pdb: string;
+    startPos: number;
+    endPos: number;
+}
 export interface TextTrackModel extends BasicTrackModel {
     customColorScheme?: Record<string, string>;
     data: string;
@@ -41,6 +46,7 @@ export interface IBoxTrack {
 }
 type BasicTrack = IBoxTrack | ITextTrack;
 type StructureSnap = SnapshotIn<typeof StructureModel>;
+export type DialogComponentType = React.LazyExoticComponent<React.FC<any>> | React.FC<any>;
 declare const model: 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>>;
@@ -51,13 +57,10 @@ declare const model: import("mobx-state-tree").IModelType<{
     height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
     treeAreaWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
     treeWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    treeWidthMatchesArea: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     rowHeight: import("mobx-state-tree").IType<number | undefined, number, number>;
     scrollY: import("mobx-state-tree").IType<number | undefined, number, number>;
     scrollX: import("mobx-state-tree").IType<number | undefined, number, number>;
-    resizeHandleWidth: import("mobx-state-tree").IType<number | undefined, number, number>;
-    blockSize: import("mobx-state-tree").IType<number | undefined, number, number>;
-    mouseRow: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
-    mouseCol: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
     selectedStructures: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").ISimpleType<string>;
         structure: import("mobx-state-tree").IModelType<{
@@ -76,6 +79,11 @@ declare const model: import("mobx-state-tree").IModelType<{
     highResScaleFactor: import("mobx-state-tree").IType<number | undefined, number, number>;
     colorSchemeName: import("mobx-state-tree").IType<string | undefined, string, string>;
     treeFilehandle: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISnapshotProcessor<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        /**
+         * #property
+         * high resolution scale factor, helps make canvas look better on hi-dpi
+         * screens
+         */
         locationType: import("mobx-state-tree").ISimpleType<"UriLocation">;
         uri: import("mobx-state-tree").ISimpleType<string>;
         baseUri: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -105,21 +113,20 @@ declare const model: import("mobx-state-tree").IModelType<{
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }> | import("mobx-state-tree").ModelSnapshotType<{
         locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
-        localPath: import("mobx-state-tree").ISimpleType<string>; /**
-         * #action
-         */
+        localPath: import("mobx-state-tree").ISimpleType<string>;
     }>, import("mobx-state-tree").ModelInstanceType<{
         locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
         name: import("mobx-state-tree").ISimpleType<string>;
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }, {}> | import("mobx-state-tree").ModelInstanceType<{
         locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
-        localPath: import("mobx-state-tree").ISimpleType<string>; /**
-         * #action
-         */
+        localPath: import("mobx-state-tree").ISimpleType<string>;
     }, {}> | ({
         locationType: "UriLocation";
-        uri: string;
+        uri: string; /**
+         * #volatile
+         * the currently mouse-hovered row
+         */
     } & Partial<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
         locationType: import("mobx-state-tree").ISimpleType<"UriLocation">;
         uri: import("mobx-state-tree").ISimpleType<string>;
@@ -128,9 +135,17 @@ declare const model: import("mobx-state-tree").IModelType<{
         internetAccountPreAuthorization: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
             internetAccountType: import("mobx-state-tree").ISimpleType<string>;
             authInfo: import("mobx-state-tree").IType<any, any, any>;
-        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; /**
+         * #action
+         * set the height of the view in px
+         */
     }>> & import("mobx-state-tree/dist/internal").NonEmptyObject)>, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     msaFilehandle: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISnapshotProcessor<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        /**
+         * #property
+         * high resolution scale factor, helps make canvas look better on hi-dpi
+         * screens
+         */
         locationType: import("mobx-state-tree").ISimpleType<"UriLocation">;
         uri: import("mobx-state-tree").ISimpleType<string>;
         baseUri: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -160,21 +175,20 @@ declare const model: import("mobx-state-tree").IModelType<{
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }> | import("mobx-state-tree").ModelSnapshotType<{
         locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
-        localPath: import("mobx-state-tree").ISimpleType<string>; /**
-         * #action
-         */
+        localPath: import("mobx-state-tree").ISimpleType<string>;
     }>, import("mobx-state-tree").ModelInstanceType<{
         locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
         name: import("mobx-state-tree").ISimpleType<string>;
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }, {}> | import("mobx-state-tree").ModelInstanceType<{
         locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
-        localPath: import("mobx-state-tree").ISimpleType<string>; /**
-         * #action
-         */
+        localPath: import("mobx-state-tree").ISimpleType<string>;
     }, {}> | ({
         locationType: "UriLocation";
-        uri: string;
+        uri: string; /**
+         * #volatile
+         * the currently mouse-hovered row
+         */
     } & Partial<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
         locationType: import("mobx-state-tree").ISimpleType<"UriLocation">;
         uri: import("mobx-state-tree").ISimpleType<string>;
@@ -183,9 +197,17 @@ declare const model: import("mobx-state-tree").IModelType<{
         internetAccountPreAuthorization: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
             internetAccountType: import("mobx-state-tree").ISimpleType<string>;
             authInfo: import("mobx-state-tree").IType<any, any, any>;
-        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; /**
+         * #action
+         * set the height of the view in px
+         */
     }>> & import("mobx-state-tree/dist/internal").NonEmptyObject)>, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     treeMetadataFilehandle: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISnapshotProcessor<import("mobx-state-tree").ITypeUnion<import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
+        /**
+         * #property
+         * high resolution scale factor, helps make canvas look better on hi-dpi
+         * screens
+         */
         locationType: import("mobx-state-tree").ISimpleType<"UriLocation">;
         uri: import("mobx-state-tree").ISimpleType<string>;
         baseUri: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -215,21 +237,20 @@ declare const model: import("mobx-state-tree").IModelType<{
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }> | import("mobx-state-tree").ModelSnapshotType<{
         locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
-        localPath: import("mobx-state-tree").ISimpleType<string>; /**
-         * #action
-         */
+        localPath: import("mobx-state-tree").ISimpleType<string>;
     }>, import("mobx-state-tree").ModelInstanceType<{
         locationType: import("mobx-state-tree").ISimpleType<"BlobLocation">;
         name: import("mobx-state-tree").ISimpleType<string>;
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }, {}> | import("mobx-state-tree").ModelInstanceType<{
         locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
-        localPath: import("mobx-state-tree").ISimpleType<string>; /**
-         * #action
-         */
+        localPath: import("mobx-state-tree").ISimpleType<string>;
     }, {}> | ({
         locationType: "UriLocation";
-        uri: string;
+        uri: string; /**
+         * #volatile
+         * the currently mouse-hovered row
+         */
     } & Partial<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
         locationType: import("mobx-state-tree").ISimpleType<"UriLocation">;
         uri: import("mobx-state-tree").ISimpleType<string>;
@@ -238,10 +259,14 @@ declare const model: import("mobx-state-tree").IModelType<{
         internetAccountPreAuthorization: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IModelType<{
             internetAccountType: import("mobx-state-tree").ISimpleType<string>;
             authInfo: import("mobx-state-tree").IType<any, any, any>;
-        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>; /**
+         * #action
+         * set the height of the view in px
+         */
     }>> & import("mobx-state-tree/dist/internal").NonEmptyObject)>, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     currentAlignment: import("mobx-state-tree").IType<number | undefined, number, number>;
     collapsed: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
+    hidden: import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>;
     showOnly: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
     boxTracks: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
         id: import("mobx-state-tree").ISimpleType<string>;
@@ -271,11 +296,6 @@ declare const model: import("mobx-state-tree").IModelType<{
         }[] | undefined;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     turnedOffTracks: import("mobx-state-tree").IMapType<import("mobx-state-tree").ISimpleType<boolean>>;
-    annotatedRegions: import("mobx-state-tree").IArrayType<import("mobx-state-tree").IModelType<{
-        start: import("mobx-state-tree").ISimpleType<number>;
-        end: import("mobx-state-tree").ISimpleType<number>;
-        attributes: import("mobx-state-tree").IType<Record<string, string[]>, Record<string, string[]>, Record<string, string[]>>;
-    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
     data: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
         tree: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
         msa: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -294,14 +314,58 @@ declare const model: import("mobx-state-tree").IModelType<{
     setWidth(newWidth: number): void;
     setMinimized(flag: boolean): void;
 } & {
-    rulerHeight: number;
+    queueOfDialogs: [import("@jbrowse/core/util").DialogComponentType, any][];
+} & {
+    readonly DialogComponent: import("@jbrowse/core/util").DialogComponentType;
+    readonly DialogProps: any;
+} & {
+    removeActiveDialog(): void;
+    queueDialog(cb: (doneCallback: () => void) => [import("@jbrowse/core/util").DialogComponentType, unknown]): void;
+} & {
+    /**
+     * #volatile
+     * resize handle width between tree and msa area, px
+     */
+    resizeHandleWidth: number;
+    /**
+     * #volatile
+     * size of blocks of content to be drawn, px
+     */
+    blockSize: number;
+    /**
+     * #volatile
+     * the currently mouse-hovered row
+     */
+    mouseRow: number | undefined;
+    /**
+     * #volatile
+     * the currently mouse-hovered column
+     */
+    mouseCol: number | undefined;
+    /**
+     * #volatile
+     * a dummy variable that is incremented when ref changes so autorun for
+     * drawing canvas commands will run
+     */
+    nref: number;
+    /**
+     * #volatile
+     */
+    minimapHeight: number;
+    /**
+     * #volatile
+     */
     error: unknown;
+    /**
+     * #volatile
+     */
     margin: {
         left: number;
         top: number;
     };
-    DialogComponent: React.FC<any> | undefined;
-    DialogProps: any;
+    /**
+     * #volatile
+     */
     annotPos: {
         left: number;
         right: number;
@@ -309,22 +373,22 @@ declare const model: import("mobx-state-tree").IModelType<{
 } & {
     /**
      * #action
-     */
-    setDialogComponent(dlg?: React.FC<any>, props?: any): void;
-    /**
-     * #action
+     * set the height of the view in px
      */
     setHeight(height: number): void;
     /**
      * #action
+     * add to the selected structures
      */
     addStructureToSelection(elt: StructureSnap): void;
     /**
      * #action
+     * remove from the selected structures
      */
     removeStructureFromSelection(elt: StructureSnap): void;
     /**
      * #action
+     * toggle a structure from the selected structures list
      */
     toggleStructureSelection(elt: {
         id: string;
@@ -336,56 +400,75 @@ declare const model: import("mobx-state-tree").IModelType<{
     }): void;
     /**
      * #action
+     * clear all selected structures
      */
     clearSelectedStructures(): void;
     /**
      * #action
+     * set error state
      */
     setError(error?: unknown): void;
     /**
      * #action
+     * set mouse position (row, column) in the MSA
      */
     setMousePos(col?: number, row?: number): void;
     /**
      * #action
+     * set row height (px)
      */
     setRowHeight(n: number): void;
     /**
      * #action
+     * set col width (px)
      */
     setColWidth(n: number): void;
     /**
      * #action
+     * set color scheme name
      */
     setColorSchemeName(name: string): void;
     /**
      * #action
+     * synchronize the treewidth and treeareawidth
      */
-    setScrollY(n: number): void;
+    setTreeWidthMatchesArea(arg: boolean): void;
     /**
      * #action
+     * set scroll Y-offset (px)
      */
-    setScrollX(n: number): void;
+    setScrollY(n: number): void;
     /**
      * #action
+     * set tree area width (px)
      */
     setTreeAreaWidth(n: number): void;
     /**
      * #action
+     * set tree width (px)
      */
     setTreeWidth(n: number): void;
     /**
      * #action
+     *
      */
     setCurrentAlignment(n: number): void;
     /**
      * #action
      */
-    toggleLabelsAlignRight(): void;
+    setLabelsAlignRight(arg: boolean): void;
     /**
      * #action
      */
-    toggleDrawTree(): void;
+    setDrawTree(arg: boolean): void;
+    /**
+     * #action
+     */
+    hideNode(arg: string): void;
+    /**
+     * #action
+     */
+    clearHidden(): void;
     /**
      * #action
      */
@@ -397,15 +480,15 @@ declare const model: import("mobx-state-tree").IModelType<{
     /**
      * #action
      */
-    toggleBranchLen(): void;
+    setShowBranchLen(arg: boolean): void;
     /**
      * #action
      */
-    toggleBgColor(): void;
+    setBgColor(arg: boolean): void;
     /**
      * #action
      */
-    toggleNodeBubbles(): void;
+    setDrawNodeBubbles(arg: boolean): void;
     /**
      * #action
      */
@@ -433,7 +516,6 @@ declare const model: import("mobx-state-tree").IModelType<{
      * #action
      */
     setTreeMetadata(result: string): void;
-    afterCreate(): void;
 } & {
     /**
      * #getter
@@ -509,14 +591,15 @@ declare const model: import("mobx-state-tree").IModelType<{
     /**
      * #getter
      */
-    readonly tree: NodeWithIds;
+    readonly _tree: NodeWithIds;
     /**
      * #getter
      */
     readonly rowNames: string[];
     /**
      * #getter
-     */ readonly mouseOverRowName: string | undefined;
+     */
+    readonly mouseOverRowName: string | undefined;
     /**
      * #method
      */
@@ -528,11 +611,7 @@ declare const model: import("mobx-state-tree").IModelType<{
     /**
      * #getter
      */
-    readonly structures: Record<string, {
-        pdb: string;
-        startPos: number;
-        endPos: number;
-    }[]>;
+    readonly structures: Record<string, Structure[]>;
     /**
      * #getter
      */
@@ -543,6 +622,7 @@ declare const model: import("mobx-state-tree").IModelType<{
     };
     /**
      * #getter
+     * widget width minus the tree area gives the space for the MSA
      */
     readonly msaAreaWidth: number;
     /**
@@ -552,7 +632,7 @@ declare const model: import("mobx-state-tree").IModelType<{
     /**
      * #getter
      */
-    readonly rows: [string, string[]][];
+    readonly rows: [string, string][];
     /**
      * #getter
      */
@@ -563,6 +643,10 @@ declare const model: import("mobx-state-tree").IModelType<{
      * #getter
      */
     readonly columns2d: string[];
+    /**
+     * #getter
+     */
+    readonly fontSize: number;
     /**
      * #getter
      */
@@ -592,6 +676,10 @@ declare const model: import("mobx-state-tree").IModelType<{
      * #action
      */
     doScrollX(deltaX: number): void;
+    /**
+     * #action
+     */
+    setScrollX(n: number): void;
     /**
      * #action
      */
@@ -601,6 +689,10 @@ declare const model: import("mobx-state-tree").IModelType<{
      */
     toggleTrack(id: string): void;
 } & {
+    /**
+     * #getter
+     */
+    readonly labelsWidth: number;
     /**
      * #getter
      */
@@ -613,6 +705,14 @@ declare const model: import("mobx-state-tree").IModelType<{
      * #getter
      */
     readonly conservation: string[];
+    /**
+     * #getter
+     */
+    readonly adapterTrackModels: BasicTrack[];
+    /**
+     * #getter
+     */
+    readonly boxTrackModels: BasicTrack[];
     /**
      * #getter
      */
@@ -641,31 +741,32 @@ declare const model: import("mobx-state-tree").IModelType<{
     /**
      * #method
      */
-    getPos(pos: number): number;
-} & {
+    relativePxToBp2(rowName: string, position: number): number;
     /**
-     * #action
+     * #method
      */
-    addAnnotation(start: number, end: number, attributes: Record<string, string[]>): void;
+    getPos(pos: number): number;
+} & {
     /**
-     * #action
+     * #getter
+     * total height of track area (px)
      */
-    setAnnotationClickBoundaries(left: number, right: number): void;
+    readonly totalTrackAreaHeight: number;
+} & {
     /**
      * #action
+     * internal, used for drawing to canvas
      */
-    clearAnnotationClickBoundaries(): void;
+    incrementRef(): void;
+    afterCreate(): void;
 }, import("mobx-state-tree")._NotCustomized, {
     id: string;
     type: "MsaView";
     height: number;
-    displayName: string | undefined;
-    minimized: boolean;
+    treeWidthMatchesArea: boolean;
     rowHeight: number;
     scrollY: number;
     scrollX: number;
-    resizeHandleWidth: number;
-    blockSize: number;
     labelsAlignRight: boolean;
     colWidth: number;
     showBranchLen: boolean;
@@ -677,8 +778,6 @@ declare const model: import("mobx-state-tree").IModelType<{
     currentAlignment: number;
     treeAreaWidth: number;
     treeWidth: number;
-    mouseRow: number | undefined;
-    mouseCol: number | undefined;
     selectedStructures: import("mobx-state-tree").ModelSnapshotType<{
         id: import("mobx-state-tree").ISimpleType<string>;
         structure: import("mobx-state-tree").IModelType<{
@@ -702,9 +801,7 @@ declare const model: import("mobx-state-tree").IModelType<{
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }> | import("mobx-state-tree").ModelSnapshotType<{
         locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
-        localPath: import("mobx-state-tree").ISimpleType<string>; /**
-         * #action
-         */
+        localPath: import("mobx-state-tree").ISimpleType<string>;
     }> | undefined;
     msaFilehandle: {
         locationType: "UriLocation";
@@ -720,9 +817,7 @@ declare const model: import("mobx-state-tree").IModelType<{
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }> | import("mobx-state-tree").ModelSnapshotType<{
         locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
-        localPath: import("mobx-state-tree").ISimpleType<string>; /**
-         * #action
-         */
+        localPath: import("mobx-state-tree").ISimpleType<string>;
     }> | undefined;
     treeMetadataFilehandle: {
         locationType: "UriLocation";
@@ -738,11 +833,10 @@ declare const model: import("mobx-state-tree").IModelType<{
         blobId: import("mobx-state-tree").ISimpleType<string>;
     }> | import("mobx-state-tree").ModelSnapshotType<{
         locationType: import("mobx-state-tree").ISimpleType<"LocalPathLocation">;
-        localPath: import("mobx-state-tree").ISimpleType<string>; /**
-         * #action
-         */
+        localPath: import("mobx-state-tree").ISimpleType<string>;
     }> | undefined;
     collapsed: string[];
+    hidden: string[];
     showOnly: string | undefined;
     boxTracks: import("mobx-state-tree").ModelSnapshotType<{
         id: import("mobx-state-tree").ISimpleType<string>;
@@ -752,11 +846,8 @@ declare const model: import("mobx-state-tree").IModelType<{
         height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
     }>[];
     turnedOffTracks: import("mobx").IKeyValueMap<boolean>;
-    annotatedRegions: import("mobx-state-tree").ModelSnapshotType<{
-        start: import("mobx-state-tree").ISimpleType<number>;
-        end: import("mobx-state-tree").ISimpleType<number>;
-        attributes: import("mobx-state-tree").IType<Record<string, string[]>, Record<string, string[]>, Record<string, string[]>>;
-    }>[];
+    displayName: string | undefined;
+    minimized: boolean;
     data: {
         treeMetadata?: string | undefined;
         msa?: string | undefined;