react-msaview 2.1.5 → 3.0.0

package/dist/components/dialogs/SettingsDialog.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { observer } from 'mobx-react';
+import { makeStyles } from 'tss-react/mui';
+import { Dialog } from '@jbrowse/core/ui';
+import { Button, Checkbox, DialogActions, DialogContent, FormControlLabel, MenuItem, Slider, TextField, Typography, } from '@mui/material';
+import colorSchemes from '../../colorSchemes';
+const useStyles = makeStyles()(theme => ({
+    field: {
+        margin: theme.spacing(4),
+    },
+}));
+const SettingsDialog = observer(function ({ model, onClose, }) {
+    const { classes } = useStyles();
+    const { bgColor, colWidth, colorSchemeName, drawTree, drawNodeBubbles, labelsAlignRight, noTree, rowHeight, showBranchLen, treeWidthMatchesArea, treeWidth, } = model;
+    return (React.createElement(Dialog, { open: true, onClose: () => onClose(), title: "Settings" },
+        React.createElement(DialogContent, null,
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: showBranchLen, onChange: () => model.setShowBranchLen(!showBranchLen) }), label: "Show branch length" }),
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: bgColor, onChange: () => model.setBgColor(!bgColor) }), label: "Color background" }),
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: drawNodeBubbles, onChange: () => model.setDrawNodeBubbles(!drawNodeBubbles) }), label: "Draw node bubbles" }),
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: drawTree, onChange: () => model.setDrawTree(!drawTree) }), label: "Draw tree (if available)" }),
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: labelsAlignRight, onChange: () => model.setLabelsAlignRight(!labelsAlignRight) }), label: "Labels align right" }),
+            !noTree ? (React.createElement("div", null,
+                React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: treeWidthMatchesArea, onChange: () => model.setTreeWidthMatchesArea(!treeWidthMatchesArea) }), label: "Make tree width fit to tree area?" }),
+                !treeWidthMatchesArea ? (React.createElement("div", { style: { display: 'flex' } },
+                    React.createElement(Typography, null,
+                        "Tree width (",
+                        treeWidth,
+                        "px)"),
+                    React.createElement(Slider, { className: classes.field, min: 50, max: 600, value: treeWidth, onChange: (_, val) => model.setTreeWidth(val) }))) : null)) : null,
+            React.createElement("div", { style: { display: 'flex' } },
+                React.createElement(Typography, null,
+                    "Column width (",
+                    colWidth,
+                    "px)"),
+                React.createElement(Slider, { className: classes.field, min: 1, max: 50, value: colWidth, onChange: (_, val) => model.setColWidth(val) })),
+            React.createElement("div", { style: { display: 'flex' } },
+                React.createElement(Typography, null,
+                    "Row height (",
+                    rowHeight,
+                    "px)"),
+                React.createElement(Slider, { className: classes.field, min: 1, max: 50, value: rowHeight, onChange: (_, val) => model.setRowHeight(val) })),
+            React.createElement(TextField, { select: true, label: "Color scheme", value: colorSchemeName, onChange: event => model.setColorSchemeName(event.target.value) }, Object.keys(colorSchemes).map(option => (React.createElement(MenuItem, { key: option, value: option }, option)))),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { onClick: () => {
+                        model.setRowHeight(+rowHeight);
+                        model.setColWidth(+colWidth);
+                        if (!noTree) {
+                            model.setTreeWidth(+treeWidth);
+                        }
+                        onClose();
+                    }, variant: "contained", color: "primary" }, "Submit")))));
+});
+export default SettingsDialog;
+//# sourceMappingURL=SettingsDialog.js.map

package/dist/components/dialogs/SettingsDialog.js.map

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

package/dist/components/dialogs/{TrackInfoDlg.js → TrackInfoDialog.js}

@@ -29,4 +29,4 @@ const TrackInfoDialog = observer(function ({ model, onClose, }) {
             React.createElement(Button, { variant: "contained", onClick: onClose, color: "secondary" }, "Close"))));
 });
 export default TrackInfoDialog;
-//# sourceMappingURL=TrackInfoDlg.js.map
+//# sourceMappingURL=TrackInfoDialog.js.map

package/dist/components/dialogs/TrackInfoDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackInfoDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/TrackInfoDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,QAAQ,EAAE;QACR,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,YAAY;KACxB;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,eAAe,GAAG,QAAQ,CAAC,UAAU,EACzC,KAAK,EACL,OAAO,GAIR;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAA;IACvD,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,CACL,oBAAC,MAAM,IACL,IAAI,QACJ,OAAO,EAAE,OAAO,EAChB,SAAS,QACT,QAAQ,EAAC,IAAI,EACb,KAAK,EAAE,gBAAgB,KAAK,CAAC,IAAI,EAAE;QAEnC,oBAAC,aAAa;YACZ,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;oBAChB,QAAQ,CAAC,SAAS,CAAC,CAAA;oBACnB,UAAU,CAAC,GAAG,EAAE;wBACd,QAAQ,CAAC,mBAAmB,CAAC,CAAA;oBAC/B,CAAC,EAAE,GAAG,CAAC,CAAA;gBACT,CAAC,IAEA,KAAK,CACC;YACT,6BAAK,SAAS,EAAE,OAAO,CAAC,QAAQ,IAAG,KAAK,CAAC,IAAI,CAAO,CACtC;QAChB,oBAAC,aAAa;YACZ,oBAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,WAAW,YAEtD,CACK,CACT,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/components/dialogs/{TracklistDlg.js → TracklistDialog.js}

@@ -15,4 +15,4 @@ export default observer(function ({ model, onClose, }) {
             React.createElement(DialogActions, null,
                 React.createElement(Button, { onClick: () => onClose(), variant: "contained", color: "primary" }, "Close")))));
 });
-//# sourceMappingURL=TracklistDlg.js.map
+//# sourceMappingURL=TracklistDialog.js.map

package/dist/components/dialogs/TracklistDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TracklistDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/TracklistDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,aAAa,EACb,MAAM,EACN,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAKrC,eAAe,QAAQ,CAAC,UAAU,EAChC,KAAK,EACL,OAAO,GAIR;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,IAAI,QAAC,KAAK,EAAC,WAAW;QACtD,oBAAC,aAAa;YACZ,oBAAC,UAAU,kEAEE;YAEb,oBAAC,SAAS,QACP,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBAClB,OAAO,CACL,oBAAC,gBAAgB,IACf,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EACnB,OAAO,EACL,oBAAC,QAAQ,IACP,OAAO,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,EACnD,QAAQ,EAAE,GAAG,EAAE;4BACb,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;wBACnC,CAAC,GACD,EAEJ,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,GACvB,CACH,CAAA;YACH,CAAC,CAAC,CACQ;YACZ,oBAAC,aAAa;gBACZ,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,YAE5D,CACK,CACF,CACT,CACV,CAAA;AACH,CAAC,CAAC,CAAA"}

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

@@ -41,6 +41,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,6 +52,7 @@ 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>;
@@ -105,18 +107,14 @@ 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;
@@ -124,7 +122,9 @@ declare const model: import("mobx-state-tree").IModelType<{
         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>>;
-        internetAccountId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        internetAccountId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>; /**
+         * #action
+         */
         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>;
@@ -160,18 +160,14 @@ 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;
@@ -179,7 +175,9 @@ declare const model: import("mobx-state-tree").IModelType<{
         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>>;
-        internetAccountId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        internetAccountId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>; /**
+         * #action
+         */
         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>;
@@ -215,18 +213,14 @@ 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;
@@ -234,7 +228,9 @@ declare const model: import("mobx-state-tree").IModelType<{
         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>>;
-        internetAccountId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        internetAccountId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>; /**
+         * #action
+         */
         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>;
@@ -294,23 +290,43 @@ 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
+     * 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;
     } | undefined;
 } & {
-    /**
-     * #action
-     */
-    setDialogComponent(dlg?: React.FC<any>, props?: any): void;
     /**
      * #action
      */
@@ -361,11 +377,11 @@ declare const model: import("mobx-state-tree").IModelType<{
     /**
      * #action
      */
-    setScrollY(n: number): void;
+    setTreeWidthMatchesArea(arg: boolean): void;
     /**
      * #action
      */
-    setScrollX(n: number): void;
+    setScrollY(n: number): void;
     /**
      * #action
      */
@@ -381,11 +397,11 @@ declare const model: import("mobx-state-tree").IModelType<{
     /**
      * #action
      */
-    toggleLabelsAlignRight(): void;
+    setLabelsAlignRight(arg: boolean): void;
     /**
      * #action
      */
-    toggleDrawTree(): void;
+    setDrawTree(arg: boolean): void;
     /**
      * #action
      */
@@ -397,15 +413,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 +449,6 @@ declare const model: import("mobx-state-tree").IModelType<{
      * #action
      */
     setTreeMetadata(result: string): void;
-    afterCreate(): void;
 } & {
     /**
      * #getter
@@ -563,6 +578,10 @@ declare const model: import("mobx-state-tree").IModelType<{
      * #getter
      */
     readonly columns2d: string[];
+    /**
+     * #getter
+     */
+    readonly fontSize: number;
     /**
      * #getter
      */
@@ -592,6 +611,10 @@ declare const model: import("mobx-state-tree").IModelType<{
      * #action
      */
     doScrollX(deltaX: number): void;
+    /**
+     * #action
+     */
+    setScrollX(n: number): void;
     /**
      * #action
      */
@@ -601,6 +624,10 @@ declare const model: import("mobx-state-tree").IModelType<{
      */
     toggleTrack(id: string): void;
 } & {
+    /**
+     * #getter
+     */
+    readonly labelsWidth: number;
     /**
      * #getter
      */
@@ -655,12 +682,22 @@ declare const model: import("mobx-state-tree").IModelType<{
      * #action
      */
     clearAnnotationClickBoundaries(): void;
+    /**
+     * #action
+     */
+    incrementRef(): void;
+} & {
+    /**
+     * #getter
+     */
+    readonly totalTrackAreaHeight: number;
+} & {
+    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;
@@ -702,9 +739,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 +755,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,9 +771,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;
     collapsed: string[];
     showOnly: string | undefined;
@@ -757,6 +788,8 @@ declare const model: import("mobx-state-tree").IModelType<{
         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;