react-msaview 1.3.2 → 2.1.0

package/dist/components/dialogs/AddTrackDlg.js

@@ -0,0 +1,26 @@
+import React, { useState } from 'react';
+import { DialogContent, DialogActions, Button, TextField, MenuItem, Typography, } from '@mui/material';
+import { Dialog, FileSelector } from '@jbrowse/core/ui';
+import { observer } from 'mobx-react';
+export default observer(function ({ model, onClose, open, }) {
+    const options = model.rows.map(r => r[0]);
+    const [trackFile, setTrackFile] = useState();
+    const [currentOption, setCurrentOption] = useState('');
+    return (React.createElement(Dialog, { onClose: () => onClose(), open: open, title: "Add track" },
+        React.createElement(DialogContent, null,
+            React.createElement(Typography, null, "Open relevant per-alignment tracks e.g. protein domains"),
+            React.createElement(TextField, { select: true, helperText: "Which row does this track apply to?", value: currentOption, onChange: event => {
+                    setCurrentOption(event.target.value);
+                } }, options.map((option, index) => (React.createElement(MenuItem, { key: `${option}-${index}`, value: option }, option)))),
+            React.createElement(FileSelector, { location: trackFile, setLocation: setTrackFile }),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { onClick: () => {
+                        model.setError(undefined);
+                        if (trackFile) {
+                            // eslint-disable-next-line @typescript-eslint/no-floating-promises
+                            model.setMSAFilehandle(trackFile);
+                        }
+                    }, variant: "contained", color: "primary" }, "Open"),
+                React.createElement(Button, { color: "secondary", variant: "contained", onClick: () => onClose() }, "Cancel")))));
+});
+//# sourceMappingURL=AddTrackDlg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddTrackDlg.js","sourceRoot":"","sources":["../../../src/components/dialogs/AddTrackDlg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EACL,aAAa,EACb,aAAa,EACb,MAAM,EACN,SAAS,EACT,QAAQ,EACR,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,eAAe,QAAQ,CAAC,UAAU,EAChC,KAAK,EACL,OAAO,EACP,IAAI,GAKL;IACC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAgB,CAAA;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtD,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW;QAC7D,oBAAC,aAAa;YACZ,oBAAC,UAAU,kEAEE;YACb,oBAAC,SAAS,IACR,MAAM,QACN,UAAU,EAAC,qCAAqC,EAChD,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,KAAK,CAAC,EAAE;oBAChB,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACtC,CAAC,IAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,MAAM,IAAI,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,IAC/C,MAAM,CACE,CACZ,CAAC,CACQ;YACZ,oBAAC,YAAY,IAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,GAAI;YAChE,oBAAC,aAAa;gBACZ,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;wBACzB,IAAI,SAAS,EAAE;4BACb,mEAAmE;4BACnE,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAA;yBAClC;oBACH,CAAC,EACD,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,WAGR;gBACT,oBAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,aAGjB,CACK,CACF,CACT,CACV,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/components/{AnnotationDlg.d.ts → dialogs/AnnotationDlg.d.ts}

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { MsaViewModel } from '../model';
+import React from 'react';
+import { MsaViewModel } from '../../model';
 declare const _default: ({ onClose, data, model, }: {
     model: MsaViewModel;
     onClose: () => void;
@@ -7,5 +7,5 @@ declare const _default: ({ onClose, data, model, }: {
         left: number;
         right: number;
     };
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/dist/components/dialogs/AnnotationDlg.js

@@ -0,0 +1,65 @@
+import React, { useState } from 'react';
+import { observer } from 'mobx-react';
+import { Button, DialogActions, DialogContent, IconButton, TextField, Typography, } from '@mui/material';
+import { Dialog } from '@jbrowse/core/ui';
+// icons
+import DeleteIcon from '@mui/icons-material/Delete';
+const specialFromEntries = (val) => {
+    const ret = {};
+    val.forEach(([key, val]) => {
+        if (!ret[key]) {
+            ret[key] = [];
+        }
+        ret[key].push(val);
+    });
+    return ret;
+};
+const Row = observer(function ({ name, value, setValue, setName, onDelete, }) {
+    return (React.createElement("div", null,
+        React.createElement(IconButton, { onClick: onDelete, style: { margin: 10 } },
+            React.createElement(DeleteIcon, null)),
+        React.createElement(TextField, { value: name, onChange: event => setName(event.target.value), label: "Key" }),
+        React.createElement(TextField, { value: value, onChange: event => setValue(event.target.value), label: "Value" })));
+});
+export default observer(({ onClose, data, model, }) => {
+    const { blanks } = model;
+    const { left: l, right: r } = data;
+    const [rows, setRows] = useState([
+        ['Name', ''],
+        ['ID', ''],
+        ['Note', ''],
+    ]);
+    return (React.createElement(Dialog, { onClose: () => onClose(), open: true, title: "Create new region annotation" },
+        React.createElement(DialogContent, null,
+            React.createElement(Typography, null,
+                "Do you want to add an annotation to the MSA at ",
+                l,
+                "..",
+                r,
+                ' ',
+                blanks.length
+                    ? ` (gapped ${model.getPos(l)}..${model.getPos(r)}`
+                    : ''),
+            rows.map(([key, val], index) => (React.createElement(Row, { key: index, name: key, value: val, setValue: newValue => {
+                    const newRows = [...rows];
+                    newRows[index][1] = newValue;
+                    setRows(newRows);
+                }, setName: newName => {
+                    const newRows = [...rows];
+                    newRows[index][0] = newName;
+                    setRows(newRows);
+                }, onDelete: () => {
+                    rows.splice(index, 1);
+                    setRows([...rows]);
+                } }))),
+            React.createElement(Button, { onClick: () => {
+                    setRows([...rows, ['', '']]);
+                } }, "Add row"),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { onClick: () => {
+                        model.addAnnotation(l, r, specialFromEntries(rows));
+                        onClose();
+                    }, variant: "contained", color: "primary" }, "Submit"),
+                React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => onClose() }, "Cancel")))));
+});
+//# sourceMappingURL=AnnotationDlg.js.map

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

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

package/dist/components/dialogs/DetailsDlg.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { MsaViewModel } from '../../model';
+declare const DetailsDialog: ({ model, onClose, }: {
+    model: MsaViewModel;
+    onClose: () => void;
+}) => React.JSX.Element;
+export default DetailsDialog;

package/dist/components/dialogs/DetailsDlg.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { DialogContent } from '@mui/material';
+import { observer } from 'mobx-react';
+import { Dialog } from '@jbrowse/core/ui';
+import { Attributes } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail';
+const DetailsDialog = observer(function ({ model, onClose, }) {
+    const { header } = model;
+    return (React.createElement(Dialog, { onClose: () => onClose(), open: true, title: "Metadata" },
+        React.createElement(DialogContent, null,
+            React.createElement(Attributes, { attributes: header }))));
+});
+export default DetailsDialog;
+//# sourceMappingURL=DetailsDlg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsDlg.js","sourceRoot":"","sources":["../../../src/components/dialogs/DetailsDlg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAA;AAK9E,MAAM,aAAa,GAAG,QAAQ,CAAC,UAAU,EACvC,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,UAAU;QACrD,oBAAC,aAAa;YACZ,oBAAC,UAAU,IAAC,UAAU,EAAE,MAAM,GAAI,CACpB,CACT,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,aAAa,CAAA"}

package/dist/components/dialogs/MoreInfoDlg.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const _default: ({ info, onClose, }: {
+    info: Record<string, unknown>;
+    onClose: () => void;
+}) => React.JSX.Element;
+export default _default;

package/dist/components/dialogs/MoreInfoDlg.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Dialog } from '@jbrowse/core/ui';
+import { DialogContent } from '@mui/material';
+import { observer } from 'mobx-react';
+import { Attributes } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail';
+export default observer(function ({ info, onClose, }) {
+    return (React.createElement(Dialog, { onClose: () => onClose(), open: true, title: "Metadata" },
+        React.createElement(DialogContent, null,
+            React.createElement(Attributes, { attributes: info }))));
+});
+//# sourceMappingURL=MoreInfoDlg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MoreInfoDlg.js","sourceRoot":"","sources":["../../../src/components/dialogs/MoreInfoDlg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,mDAAmD,CAAA;AAE9E,eAAe,QAAQ,CAAC,UAAU,EAChC,IAAI,EACJ,OAAO,GAIR;IACC,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,IAAI,QAAC,KAAK,EAAC,UAAU;QACrD,oBAAC,aAAa;YACZ,oBAAC,UAAU,IAAC,UAAU,EAAE,IAAI,GAAI,CAClB,CACT,CACV,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/components/dialogs/SettingsDlg.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { MsaViewModel } from '../../model';
+declare const SettingsDialog: ({ model, onClose, }: {
+    model: MsaViewModel;
+    onClose: () => void;
+}) => React.JSX.Element;
+export default SettingsDialog;

package/dist/components/dialogs/SettingsDlg.js

@@ -0,0 +1,48 @@
+import React, { useState } 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, TextField, } 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 { colorSchemeName, noTree } = model;
+    const [rowHeight, setRowHeight] = useState(`${model.rowHeight}`);
+    const [colWidth, setColWidth] = useState(`${model.colWidth}`);
+    const [treeWidth, setTreeWidth] = useState(`${model.treeWidth}`);
+    function error(n) {
+        return Number.isNaN(+n) || +n < 0;
+    }
+    const rowHeightError = error(rowHeight);
+    const colWidthError = error(colWidth);
+    const treeWidthError = error(treeWidth);
+    return (React.createElement(Dialog, { open: true, onClose: () => onClose(), title: "Settings" },
+        React.createElement(DialogContent, null,
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: model.showBranchLen, onChange: () => model.toggleBranchLen() }), label: "Show branch length" }),
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: model.bgColor, onChange: () => model.toggleBgColor() }), label: "Color background" }),
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: model.drawNodeBubbles, onChange: () => model.toggleNodeBubbles() }), label: "Draw node bubbles" }),
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: model.drawTree, onChange: () => model.toggleDrawTree() }), label: "Draw tree (if available)" }),
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: model.labelsAlignRight, onChange: () => model.toggleLabelsAlignRight() }), label: "Labels align right (note: labels may draw over tree, but can adjust tree width or tree area width in UI)" }),
+            React.createElement(TextField, { className: classes.field, label: "Row height (px)", value: rowHeight, error: rowHeightError, onChange: event => setRowHeight(event.target.value) }),
+            React.createElement(TextField, { className: classes.field, label: "Column width (px)", value: colWidth, error: colWidthError, onChange: event => setColWidth(event.target.value) }),
+            React.createElement("br", null),
+            !noTree ? (React.createElement(TextField, { className: classes.field, label: "Tree width (px)", value: treeWidth, error: treeWidthError, onChange: event => setTreeWidth(event.target.value) })) : null,
+            React.createElement("br", null),
+            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, { disabled: rowHeightError || colWidthError || treeWidthError, onClick: () => {
+                        model.setRowHeight(+rowHeight);
+                        model.setColWidth(+colWidth);
+                        if (!noTree) {
+                            model.setTreeWidth(+treeWidth);
+                        }
+                        onClose();
+                    }, variant: "contained", color: "primary" }, "Submit")))));
+});
+export default SettingsDialog;
+//# sourceMappingURL=SettingsDlg.js.map

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

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

package/dist/components/dialogs/TrackInfoDlg.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const TrackInfoDialog: ({ model, onClose, }: {
+    model: {
+        name: string;
+        data: string;
+    };
+    onClose: () => void;
+}) => React.JSX.Element;
+export default TrackInfoDialog;

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

@@ -1,28 +1,26 @@
 import React, { useState } from 'react';
 import copy from 'copy-to-clipboard';
 import { observer } from 'mobx-react';
-import { Button, Dialog, DialogActions, DialogTitle, DialogContent, makeStyles, } from '@material-ui/core';
-var useStyles = makeStyles(function (theme) { return ({
+import { Dialog } from '@jbrowse/core/ui';
+import { Button, DialogActions, DialogContent } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+const useStyles = makeStyles()(theme => ({
     textArea: {
         padding: theme.spacing(2),
         overflow: 'auto',
         background: '#ddd',
         wordBreak: 'break-word',
     },
-}); });
-var TrackInfoDialog = observer(function (_a) {
-    var model = _a.model, onClose = _a.onClose;
-    var _b = useState('Copy to clipboard'), label = _b[0], setLabel = _b[1];
-    var classes = useStyles();
-    return (React.createElement(Dialog, { open: true, onClose: onClose, fullWidth: true, maxWidth: "lg" },
-        React.createElement(DialogTitle, null,
-            "Track info - ",
-            model.name),
+}));
+const TrackInfoDialog = observer(function ({ model, onClose, }) {
+    const [label, setLabel] = useState('Copy to clipboard');
+    const { classes } = useStyles();
+    return (React.createElement(Dialog, { open: true, onClose: onClose, fullWidth: true, maxWidth: "lg", title: `Track info - ${model.name}` },
         React.createElement(DialogContent, null,
-            React.createElement(Button, { variant: "contained", color: "primary", onClick: function () {
+            React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
                     copy(model.data);
                     setLabel('Copied!');
-                    setTimeout(function () {
+                    setTimeout(() => {
                         setLabel('Copy to clipboard');
                     }, 300);
                 } }, label),
@@ -31,3 +29,4 @@ var TrackInfoDialog = observer(function (_a) {
             React.createElement(Button, { variant: "contained", onClick: onClose, color: "secondary" }, "Close"))));
 });
 export default TrackInfoDialog;
+//# sourceMappingURL=TrackInfoDlg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrackInfoDlg.js","sourceRoot":"","sources":["../../../src/components/dialogs/TrackInfoDlg.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.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { MsaViewModel } from '../../model';
+declare const _default: ({ model, onClose, }: {
+    model: MsaViewModel;
+    onClose: () => void;
+}) => React.JSX.Element;
+export default _default;

package/dist/components/dialogs/TracklistDlg.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Dialog } from '@jbrowse/core/ui';
+import { DialogContent, FormControlLabel, FormGroup, Checkbox, DialogActions, Button, Typography, } from '@mui/material';
+import { observer } from 'mobx-react';
+export default observer(function ({ model, onClose, }) {
+    const { tracks } = model;
+    return (React.createElement(Dialog, { onClose: () => onClose(), open: true, title: "Add track" },
+        React.createElement(DialogContent, null,
+            React.createElement(Typography, null, "Open relevant per-alignment tracks e.g. protein domains"),
+            React.createElement(FormGroup, null, tracks.map(track => {
+                return (React.createElement(FormControlLabel, { key: track.model.id, control: React.createElement(Checkbox, { checked: !model.turnedOffTracks.has(track.model.id), onChange: () => {
+                            model.toggleTrack(track.model.id);
+                        } }), label: track.model.name }));
+            })),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { onClick: () => onClose(), variant: "contained", color: "primary" }, "Close")))));
+});
+//# sourceMappingURL=TracklistDlg.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TracklistDlg.js","sourceRoot":"","sources":["../../../src/components/dialogs/TracklistDlg.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/{bundle/components/Ruler.d.ts → dist/components/util.d.ts}

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-import { MsaViewModel } from '../model';
 /**
  * Given a scale ( bp/px ) and minimum distances (px) between major and minor
  * gridlines, return an object like `{ majorPitch: bp, minorPitch: bp }` giving
@@ -14,7 +12,4 @@ export declare function makeTicks(start: number, end: number, bpPerPx: number, e
     base: number;
     index: number;
 }[];
-declare const Ruler: ({ model }: {
-    model: MsaViewModel;
-}) => JSX.Element | null;
-export default Ruler;
+export declare function mathPower(num: number): string;

package/dist/components/util.js

@@ -0,0 +1,68 @@
+/**
+ * Given a scale ( bp/px ) and minimum distances (px) between major and minor
+ * gridlines, return an object like `{ majorPitch: bp, minorPitch: bp }` giving
+ * the gridline pitches to use.
+ */
+export function chooseGridPitch(scale, minMajorPitchPx, minMinorPitchPx) {
+    scale = Math.abs(scale);
+    const minMajorPitchBp = minMajorPitchPx * scale;
+    const majorMagnitude = parseInt(Number(minMajorPitchBp).toExponential().split(/e/i)[1], 10);
+    let majorPitch = 10 ** majorMagnitude;
+    while (majorPitch < minMajorPitchBp) {
+        majorPitch *= 2;
+        if (majorPitch >= minMajorPitchBp) {
+            break;
+        }
+        majorPitch *= 2.5;
+    }
+    majorPitch = Math.max(majorPitch, 5);
+    const majorPitchPx = majorPitch / scale;
+    let minorPitch = 0;
+    if (!(majorPitch % 10) && majorPitchPx / 10 >= minMinorPitchPx) {
+        minorPitch = majorPitch / 10;
+    }
+    else if (!(majorPitch % 5) && majorPitchPx / 5 >= minMinorPitchPx) {
+        minorPitch = majorPitch / 5;
+    }
+    else if (!(majorPitch % 2) && majorPitchPx / 2 >= minMinorPitchPx) {
+        minorPitch = majorPitch / 2;
+    }
+    return { majorPitch, minorPitch };
+}
+export function makeTicks(start, end, bpPerPx, emitMajor = true, emitMinor = true) {
+    const gridPitch = chooseGridPitch(bpPerPx, 60, 15);
+    let minBase = start;
+    let maxBase = end;
+    if (minBase === null || maxBase === null) {
+        return [];
+    }
+    if (bpPerPx < 0) {
+        ;
+        [minBase, maxBase] = [maxBase, minBase];
+    }
+    // add 20px additional on the right and left to allow us to draw the ends of
+    // labels that lie a little outside our region
+    minBase -= Math.abs(20 * bpPerPx);
+    maxBase += Math.abs(20 * bpPerPx) + 1;
+    const iterPitch = gridPitch.minorPitch || gridPitch.majorPitch;
+    let index = 0;
+    const ticks = [];
+    for (let base = Math.ceil(minBase / iterPitch) * iterPitch; base < maxBase; base += iterPitch) {
+        if (emitMinor && base % (gridPitch.majorPitch * 2)) {
+            ticks.push({ type: 'minor', base: base - 1, index });
+            index += 1;
+        }
+        else if (emitMajor && !(base % (gridPitch.majorPitch * 2))) {
+            ticks.push({ type: 'major', base: base - 1, index });
+            index += 1;
+        }
+    }
+    return ticks;
+}
+export function mathPower(num) {
+    if (num < 999) {
+        return String(num);
+    }
+    return `${mathPower(~~(num / 1000))},${`00${~~(num % 1000)}`.slice(-3, -3 + 3)}`;
+}
+//# sourceMappingURL=util.js.map

package/dist/components/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/components/util.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,KAAa,EACb,eAAuB,EACvB,eAAuB;IAEvB,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IACvB,MAAM,eAAe,GAAG,eAAe,GAAG,KAAK,CAAA;IAC/C,MAAM,cAAc,GAAG,QAAQ,CAC7B,MAAM,CAAC,eAAe,CAAC,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EACtD,EAAE,CACH,CAAA;IAED,IAAI,UAAU,GAAG,EAAE,IAAI,cAAc,CAAA;IACrC,OAAO,UAAU,GAAG,eAAe,EAAE;QACnC,UAAU,IAAI,CAAC,CAAA;QACf,IAAI,UAAU,IAAI,eAAe,EAAE;YACjC,MAAK;SACN;QACD,UAAU,IAAI,GAAG,CAAA;KAClB;IAED,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;IAEpC,MAAM,YAAY,GAAG,UAAU,GAAG,KAAK,CAAA;IAEvC,IAAI,UAAU,GAAG,CAAC,CAAA;IAClB,IAAI,CAAC,CAAC,UAAU,GAAG,EAAE,CAAC,IAAI,YAAY,GAAG,EAAE,IAAI,eAAe,EAAE;QAC9D,UAAU,GAAG,UAAU,GAAG,EAAE,CAAA;KAC7B;SAAM,IAAI,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,YAAY,GAAG,CAAC,IAAI,eAAe,EAAE;QACnE,UAAU,GAAG,UAAU,GAAG,CAAC,CAAA;KAC5B;SAAM,IAAI,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,YAAY,GAAG,CAAC,IAAI,eAAe,EAAE;QACnE,UAAU,GAAG,UAAU,GAAG,CAAC,CAAA;KAC5B;IAED,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAA;AACnC,CAAC;AACD,MAAM,UAAU,SAAS,CACvB,KAAa,EACb,GAAW,EACX,OAAe,EACf,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,IAAI;IAEhB,MAAM,SAAS,GAAG,eAAe,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;IAElD,IAAI,OAAO,GAAG,KAAK,CAAA;IACnB,IAAI,OAAO,GAAG,GAAG,CAAA;IACjB,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,IAAI,EAAE;QACxC,OAAO,EAAE,CAAA;KACV;IAED,IAAI,OAAO,GAAG,CAAC,EAAE;QACf,CAAC;QAAA,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;KACzC;IAED,4EAA4E;IAC5E,8CAA8C;IAC9C,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC,CAAA;IACjC,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAA;IAErC,MAAM,SAAS,GAAG,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,UAAU,CAAA;IAC9D,IAAI,KAAK,GAAG,CAAC,CAAA;IACb,MAAM,KAAK,GAAG,EAAE,CAAA;IAChB,KACE,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,SAAS,EACrD,IAAI,GAAG,OAAO,EACd,IAAI,IAAI,SAAS,EACjB;QACA,IAAI,SAAS,IAAI,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,EAAE;YAClD,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;YACpD,KAAK,IAAI,CAAC,CAAA;SACX;aAAM,IAAI,SAAS,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE;YAC5D,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;YACpD,KAAK,IAAI,CAAC,CAAA;SACX;KACF;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,GAAW;IACnC,IAAI,GAAG,GAAG,GAAG,EAAE;QACb,OAAO,MAAM,CAAC,GAAG,CAAC,CAAA;KACnB;IACD,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAChE,CAAC,CAAC,EACF,CAAC,CAAC,GAAG,CAAC,CACP,EAAE,CAAA;AACL,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,2 @@
-import MSAView from './components/MSAView';
-import MSAModel, { MsaViewModel } from './model';
-export { MSAModel, MSAView };
-export type { MsaViewModel };
+export { default as MSAView } from './components/MSAView';
+export { default as MSAModel, type MsaViewModel } from './model';

package/dist/index.js

@@ -1,3 +1,3 @@
-import MSAView from './components/MSAView';
-import MSAModel from './model';
-export { MSAModel, MSAView };
+export { default as MSAView } from './components/MSAView';
+export { default as MSAModel } from './model';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAqB,MAAM,SAAS,CAAA"}

package/dist/layout.js

@@ -1,7 +1,6 @@
 import RBush from 'rbush';
-var Layout = /** @class */ (function () {
-    function Layout(_a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.maxHeight, maxHeight = _c === void 0 ? 10000 : _c;
+export default class Layout {
+    constructor({ maxHeight = 10000, } = {}) {
         this.maxHeightReached = false;
         this.rbush = new RBush();
         this.rectangles = new Map();
@@ -12,13 +11,13 @@ var Layout = /** @class */ (function () {
      * @returns top position for the rect, or Null if laying
      *  out the rect would exceed maxHeighe
      */
-    Layout.prototype.addRect = function (id, left, right, height, data) {
+    addRect(id, left, right, height, data) {
         // add to rbush
-        var existingRecord = this.rectangles.get(id);
+        const existingRecord = this.rectangles.get(id);
         if (existingRecord) {
             return existingRecord.minY;
         }
-        var currHeight = 0;
+        let currHeight = 0;
         while (this.rbush.collides({
             minX: left,
             minY: currHeight,
@@ -28,26 +27,21 @@ var Layout = /** @class */ (function () {
             currHeight <= this.maxHeight) {
             currHeight += 1;
         }
-        var record = {
+        const record = {
             minX: left,
             minY: currHeight,
             maxX: right,
             maxY: currHeight + height,
-            id: id,
-            data: data,
+            id,
+            data,
         };
         this.rbush.insert(record);
         this.rectangles.set(id, record);
         this.pTotalHeight = Math.max(this.pTotalHeight, currHeight);
         return currHeight;
-    };
-    Object.defineProperty(Layout.prototype, "totalHeight", {
-        get: function () {
-            return this.pTotalHeight;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return Layout;
-}());
-export default Layout;
+    }
+    get totalHeight() {
+        return this.pTotalHeight;
+    }
+}
+//# sourceMappingURL=layout.js.map

package/dist/layout.js.map

@@ -0,0 +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"}