react-msaview 2.0.0 → 2.1.1

package/dist/components/TreeCanvasBlock.js

@@ -0,0 +1,252 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { observer } from 'mobx-react';
+import RBush from 'rbush';
+import TreeMenu from './TreeMenu';
+import TreeBranchMenu from './TreeBranchMenu';
+const extendBounds = 5;
+const radius = 3.5;
+const d = radius * 2;
+const padding = 600;
+const TreeCanvasBlock = observer(function ({ model, offsetY, }) {
+    const ref = useRef(null);
+    const clickMap = useRef(new RBush());
+    const mouseoverRef = useRef(null);
+    const [branchMenu, setBranchMenu] = useState();
+    const [toggleNodeMenu, setToggleNodeMenu] = useState();
+    const [hoverElt, setHoverElt] = useState();
+    const { hierarchy, rowHeight, scrollY, treeWidth, showBranchLen, collapsed, margin, labelsAlignRight, noTree, blockSize, drawNodeBubbles, drawTree, treeAreaWidth, structures, highResScaleFactor, } = model;
+    useEffect(() => {
+        clickMap.current.clear();
+        if (!ref.current) {
+            return;
+        }
+        const ctx = ref.current.getContext('2d');
+        if (!ctx) {
+            return;
+        }
+        ctx.resetTransform();
+        ctx.scale(highResScaleFactor, highResScaleFactor);
+        ctx.clearRect(0, 0, treeWidth + padding, blockSize);
+        ctx.translate(margin.left, -offsetY);
+        const font = ctx.font;
+        ctx.font = font.replace(/\d+px/, `${Math.max(8, rowHeight - 8)}px`);
+        if (!noTree && drawTree) {
+            for (const { source, target } of hierarchy.links()) {
+                const y = showBranchLen ? 'len' : 'y';
+                // @ts-expect-error
+                const { x: sy, [y]: sx } = source;
+                // @ts-expect-error
+                const { x: ty, [y]: tx } = target;
+                const y1 = Math.min(sy, ty);
+                const y2 = Math.max(sy, ty);
+                // 1d line intersection to check if line crosses block at all, this is
+                // an optimization that allows us to skip drawing most tree links
+                // outside the block
+                if (offsetY + blockSize >= y1 && y2 >= offsetY) {
+                    ctx.beginPath();
+                    ctx.moveTo(sx, sy);
+                    ctx.lineTo(sx, ty);
+                    ctx.lineTo(tx, ty);
+                    ctx.stroke();
+                }
+            }
+            if (drawNodeBubbles) {
+                for (const node of hierarchy.descendants()) {
+                    const val = showBranchLen ? 'len' : 'y';
+                    const { 
+                    // @ts-expect-error
+                    x: y, 
+                    // @ts-expect-error
+                    [val]: x, data, } = node;
+                    const { id = '', name = '' } = data;
+                    if (y > offsetY - extendBounds &&
+                        y < offsetY + blockSize + extendBounds) {
+                        ctx.strokeStyle = 'black';
+                        ctx.fillStyle = collapsed.includes(id) ? 'black' : 'white';
+                        ctx.beginPath();
+                        ctx.arc(x, y, radius, 0, 2 * Math.PI);
+                        ctx.fill();
+                        ctx.stroke();
+                        clickMap.current.insert({
+                            minX: x - radius,
+                            maxX: x - radius + d,
+                            minY: y - radius,
+                            maxY: y - radius + d,
+                            branch: true,
+                            id,
+                            name,
+                        });
+                    }
+                }
+            }
+        }
+        if (rowHeight >= 5) {
+            if (labelsAlignRight) {
+                ctx.textAlign = 'right';
+                ctx.setLineDash([1, 3]);
+            }
+            else {
+                ctx.textAlign = 'start';
+            }
+            for (const node of hierarchy.leaves()) {
+                const { 
+                // @ts-expect-error
+                x: y, 
+                // @ts-expect-error
+                y: x, data: { name, id }, 
+                // @ts-expect-error
+                len, } = node;
+                if (y > offsetY - extendBounds &&
+                    y < offsetY + blockSize + extendBounds) {
+                    // note: +rowHeight/4 matches with -rowHeight/4 in msa
+                    const yp = y + rowHeight / 4;
+                    const xp = showBranchLen ? len : x;
+                    const { width } = ctx.measureText(name);
+                    const height = ctx.measureText('M').width; // use an 'em' for height
+                    const hasStructure = structures[name];
+                    ctx.fillStyle = hasStructure ? 'blue' : 'black';
+                    if (!drawTree && !labelsAlignRight) {
+                        ctx.fillText(name, 0, yp);
+                        clickMap.current.insert({
+                            minX: 0,
+                            maxX: width,
+                            minY: yp - height,
+                            maxY: yp,
+                            name,
+                            id,
+                        });
+                    }
+                    else if (labelsAlignRight) {
+                        const smallPadding = 2;
+                        const offset = treeAreaWidth - smallPadding - margin.left;
+                        if (drawTree && !noTree) {
+                            const { width } = ctx.measureText(name);
+                            ctx.moveTo(xp + radius + 2, y);
+                            ctx.lineTo(offset - smallPadding - width, y);
+                            ctx.stroke();
+                        }
+                        ctx.fillText(name, offset, yp);
+                        clickMap.current.insert({
+                            minX: treeAreaWidth - margin.left - width,
+                            maxX: treeAreaWidth - margin.left,
+                            minY: yp - height,
+                            maxY: yp,
+                            name,
+                            id,
+                        });
+                    }
+                    else {
+                        ctx.fillText(name, xp + d, yp);
+                        clickMap.current.insert({
+                            minX: xp + d,
+                            maxX: xp + d + width,
+                            minY: yp - height,
+                            maxY: yp,
+                            name,
+                            id,
+                        });
+                    }
+                }
+            }
+            ctx.setLineDash([]);
+        }
+    }, [
+        collapsed,
+        rowHeight,
+        margin.left,
+        hierarchy,
+        offsetY,
+        treeWidth,
+        showBranchLen,
+        noTree,
+        blockSize,
+        drawNodeBubbles,
+        drawTree,
+        labelsAlignRight,
+        treeAreaWidth,
+        structures,
+        highResScaleFactor,
+    ]);
+    useEffect(() => {
+        const canvas = mouseoverRef.current;
+        if (!canvas) {
+            return;
+        }
+        const ctx = canvas.getContext('2d');
+        if (!ctx) {
+            return;
+        }
+        ctx.resetTransform();
+        ctx.clearRect(0, 0, treeWidth + padding, blockSize);
+        ctx.translate(margin.left, -offsetY);
+        if (hoverElt) {
+            const { minX, maxX, minY, maxY } = hoverElt;
+            ctx.fillStyle = 'rgba(0,0,0,0.1)';
+            ctx.fillRect(minX, minY, maxX - minX, maxY - minY);
+        }
+    }, [hoverElt, margin.left, offsetY, blockSize, treeWidth]);
+    function hoverBranchClickMap(event) {
+        const x = event.nativeEvent.offsetX - margin.left;
+        const y = event.nativeEvent.offsetY;
+        const [entry] = clickMap.current.search({
+            minX: x,
+            maxX: x + 1,
+            minY: y + offsetY,
+            maxY: y + 1 + offsetY,
+        });
+        return entry && entry.branch
+            ? { ...entry, x: event.clientX, y: event.clientY }
+            : undefined;
+    }
+    function hoverNameClickMap(event) {
+        const x = event.nativeEvent.offsetX - margin.left;
+        const y = event.nativeEvent.offsetY;
+        const [entry] = clickMap.current.search({
+            minX: x,
+            maxX: x + 1,
+            minY: y + offsetY,
+            maxY: y + 1 + offsetY,
+        });
+        return entry && !entry.branch
+            ? { ...entry, x: event.clientX, y: event.clientY }
+            : undefined;
+    }
+    return (React.createElement(React.Fragment, null,
+        (branchMenu === null || branchMenu === void 0 ? void 0 : branchMenu.id) ? (React.createElement(TreeBranchMenu, { node: branchMenu, model: model, onClose: () => setBranchMenu(undefined) })) : null,
+        (toggleNodeMenu === null || toggleNodeMenu === void 0 ? void 0 : toggleNodeMenu.id) ? (React.createElement(TreeMenu, { node: toggleNodeMenu, model: model, onClose: () => setToggleNodeMenu(undefined) })) : null,
+        React.createElement("canvas", { width: (treeWidth + padding) * highResScaleFactor, height: blockSize * highResScaleFactor, style: {
+                width: treeWidth + padding,
+                height: blockSize,
+                top: scrollY + offsetY,
+                left: 0,
+                position: 'absolute',
+            }, onMouseMove: event => {
+                if (!ref.current) {
+                    return;
+                }
+                const ret = hoverNameClickMap(event) || hoverBranchClickMap(event);
+                ref.current.style.cursor = ret ? 'pointer' : 'default';
+                setHoverElt(hoverNameClickMap(event));
+            }, onClick: event => {
+                const { clientX: x, clientY: y } = event;
+                const data = hoverBranchClickMap(event);
+                if (data === null || data === void 0 ? void 0 : data.id) {
+                    setBranchMenu({ ...data, x, y });
+                }
+                const data2 = hoverNameClickMap(event);
+                if (data2 === null || data2 === void 0 ? void 0 : data2.id) {
+                    setToggleNodeMenu({ ...data2, x, y });
+                }
+            }, ref: ref }),
+        React.createElement("canvas", { style: {
+                width: treeWidth + padding,
+                height: blockSize,
+                top: scrollY + offsetY,
+                left: 0,
+                position: 'absolute',
+                pointerEvents: 'none',
+                zIndex: 100,
+            }, width: treeWidth + padding, height: blockSize, ref: mouseoverRef })));
+});
+export default TreeCanvasBlock;
+//# sourceMappingURL=TreeCanvasBlock.js.map

package/dist/components/TreeCanvasBlock.js.map

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

package/dist/components/TreeMenu.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { MsaViewModel } from '../model';
+declare const TreeMenu: ({ node, onClose, model, }: {
+    node: {
+        x: number;
+        y: number;
+        name: string;
+    };
+    model: MsaViewModel;
+    onClose: () => void;
+}) => React.JSX.Element;
+export default TreeMenu;

package/dist/components/TreeMenu.js

@@ -0,0 +1,56 @@
+import React, { lazy } from 'react';
+import { Menu, MenuItem } from '@mui/material';
+import { observer } from 'mobx-react';
+const MoreInfoDlg = lazy(() => import('./dialogs/MoreInfoDlg'));
+const TreeMenu = observer(function ({ node, onClose, model, }) {
+    var _a, _b;
+    const { structures } = model;
+    const nodeDetails = node ? model.getRowData(node.name) : undefined;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Menu, { anchorReference: "anchorPosition", anchorPosition: {
+                top: node.y,
+                left: node.x,
+            }, transitionDuration: 0, keepMounted: true, open: Boolean(node), onClose: onClose },
+            React.createElement(MenuItem, { dense: true, disabled: true }, node.name),
+            React.createElement(MenuItem, { dense: true, onClick: () => {
+                    model.setDialogComponent(MoreInfoDlg, {
+                        info: model.getRowData(node.name),
+                    });
+                    onClose();
+                } }, "More info..."), (_a = structures[node.name]) === null || _a === void 0 ? void 0 :
+            _a.map(entry => {
+                return !model.selectedStructures.some(n => n.id === node.name) ? (React.createElement(MenuItem, { key: JSON.stringify(entry), dense: true, onClick: () => {
+                        model.addStructureToSelection({
+                            structure: entry,
+                            id: node.name,
+                        });
+                        onClose();
+                    } },
+                    "Add PDB to selection (",
+                    entry.pdb,
+                    ")")) : (React.createElement(MenuItem, { key: JSON.stringify(entry), dense: true, onClick: () => {
+                        model.removeStructureFromSelection({
+                            structure: entry,
+                            id: node.name,
+                        });
+                        onClose();
+                    } },
+                    "Remove PDB from selection (",
+                    entry.pdb,
+                    ")"));
+            }), // @ts-expect-error
+        (_b = nodeDetails === null || nodeDetails === void 0 ? void 0 : nodeDetails.data.accession) === null || _b === void 0 ? void 0 :
+            _b.map(accession => (React.createElement(MenuItem, { dense: true, key: accession, onClick: () => {
+                    model.addUniprotTrack({
+                        // @ts-expect-error
+                        name: nodeDetails === null || nodeDetails === void 0 ? void 0 : nodeDetails.data.name,
+                        accession,
+                    });
+                    onClose();
+                } },
+                "Open UniProt track (",
+                accession,
+                ")"))))));
+});
+export default TreeMenu;
+//# sourceMappingURL=TreeMenu.js.map

package/dist/components/TreeMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeMenu.js","sourceRoot":"","sources":["../../src/components/TreeMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAKrC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAA;AAE/D,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAClC,IAAI,EACJ,OAAO,EACP,KAAK,GAKN;;IACC,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAC5B,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAElE,OAAO,CACL;QACE,oBAAC,IAAI,IACH,eAAe,EAAC,gBAAgB,EAChC,cAAc,EAAE;gBACd,GAAG,EAAE,IAAI,CAAC,CAAC;gBACX,IAAI,EAAE,IAAI,CAAC,CAAC;aACb,EACD,kBAAkB,EAAE,CAAC,EACrB,WAAW,QACX,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,EACnB,OAAO,EAAE,OAAO;YAEhB,oBAAC,QAAQ,IAAC,KAAK,QAAC,QAAQ,UACrB,IAAI,CAAC,IAAI,CACD;YAEX,oBAAC,QAAQ,IACP,KAAK,QACL,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,kBAAkB,CAAC,WAAW,EAAE;wBACpC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;qBAClC,CAAC,CAAA;oBACF,OAAO,EAAE,CAAA;gBACX,CAAC,mBAGQ,EAEV,MAAA,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;eAAE,GAAG,CAAC,KAAK,CAAC,EAAE;gBAClC,OAAO,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC/D,oBAAC,QAAQ,IACP,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAC1B,KAAK,QACL,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,uBAAuB,CAAC;4BAC5B,SAAS,EAAE,KAAK;4BAChB,EAAE,EAAE,IAAI,CAAC,IAAI;yBACd,CAAC,CAAA;wBACF,OAAO,EAAE,CAAA;oBACX,CAAC;;oBAEsB,KAAK,CAAC,GAAG;wBACvB,CACZ,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,IACP,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAC1B,KAAK,QACL,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,4BAA4B,CAAC;4BACjC,SAAS,EAAE,KAAK;4BAChB,EAAE,EAAE,IAAI,CAAC,IAAI;yBACd,CAAC,CAAA;wBACF,OAAO,EAAE,CAAA;oBACX,CAAC;;oBAE2B,KAAK,CAAC,GAAG;wBAC5B,CACZ,CAAA;YACH,CAAC,CAAC,EAED,mBAAmB;QACpB,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAC,SAAS;eAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAC5C,oBAAC,QAAQ,IACP,KAAK,QACL,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,eAAe,CAAC;wBACpB,mBAAmB;wBACnB,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAC,IAAI;wBAC5B,SAAS;qBACV,CAAC,CAAA;oBACF,OAAO,EAAE,CAAA;gBACX,CAAC;;gBAEoB,SAAS;oBACrB,CACZ,CAAC,CACG,CACN,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/components/TreeRuler.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { MsaViewModel } from '../model';
 declare const TreeRuler: ({ model }: {
     model: MsaViewModel;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default TreeRuler;

package/dist/components/VerticalGuide.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { MsaViewModel } from '../model';
 declare const VerticalGuide: ({ model, coordX, }: {
     model: MsaViewModel;
     coordX: number;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default VerticalGuide;

package/dist/components/ZoomControls.d.ts

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

package/dist/components/ZoomControls.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { IconButton } from '@mui/material';
+import { observer } from 'mobx-react';
+import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
+// icons
+import MoreVert from '@mui/icons-material/MoreVert';
+import ZoomIn from '@mui/icons-material/ZoomIn';
+import ZoomOut from '@mui/icons-material/ZoomOut';
+const ZoomControls = observer(function ZoomControls({ model, }) {
+    const { colWidth, rowHeight } = model;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(IconButton, { onClick: () => {
+                model.setColWidth(Math.ceil(colWidth * 1.5));
+                model.setRowHeight(Math.ceil(rowHeight * 1.5));
+            } },
+            React.createElement(ZoomIn, null)),
+        React.createElement(IconButton, { onClick: () => {
+                model.setColWidth(Math.max(1, Math.floor(colWidth * 0.75)));
+                model.setRowHeight(Math.max(1.5, Math.floor(rowHeight * 0.75)));
+            } },
+            React.createElement(ZoomOut, null)),
+        React.createElement(CascadingMenuButton, { menuItems: [
+                {
+                    label: 'Decrease row height',
+                    onClick: () => {
+                        model.setRowHeight(Math.max(1.5, rowHeight * 0.75));
+                    },
+                },
+                {
+                    label: 'Increase row height',
+                    onClick: () => {
+                        model.setRowHeight(rowHeight * 1.5);
+                    },
+                },
+                {
+                    label: 'Decrease col width',
+                    onClick: () => {
+                        model.setColWidth(Math.max(1, colWidth * 0.75));
+                    },
+                },
+                {
+                    label: 'Increase col width',
+                    onClick: () => {
+                        model.setColWidth(colWidth * 1.5);
+                    },
+                },
+                {
+                    label: 'Reset zoom to default',
+                    onClick: () => {
+                        model.setColWidth(16);
+                        model.setRowHeight(20);
+                    },
+                },
+            ] },
+            React.createElement(MoreVert, null))));
+});
+export default ZoomControls;
+//# sourceMappingURL=ZoomControls.js.map

package/dist/components/ZoomControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomControls.js","sourceRoot":"","sources":["../../src/components/ZoomControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AAKtE,QAAQ;AACR,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAC/C,OAAO,OAAO,MAAM,6BAA6B,CAAA;AAEjD,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,YAAY,CAAC,EAClD,KAAK,GAGN;IACC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IACrC,OAAO,CACL;QACE,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAA;gBAC5C,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAA;YAChD,CAAC;YAED,oBAAC,MAAM,OAAG,CACC;QACb,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;gBAC3D,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;YACjE,CAAC;YAED,oBAAC,OAAO,OAAG,CACA;QACb,oBAAC,mBAAmB,IAClB,SAAS,EAAE;gBACT;oBACE,KAAK,EAAE,qBAAqB;oBAC5B,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,SAAS,GAAG,IAAI,CAAC,CAAC,CAAA;oBACrD,CAAC;iBACF;gBACD;oBACE,KAAK,EAAE,qBAAqB;oBAC5B,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,YAAY,CAAC,SAAS,GAAG,GAAG,CAAC,CAAA;oBACrC,CAAC;iBACF;gBACD;oBACE,KAAK,EAAE,oBAAoB;oBAC3B,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAA;oBACjD,CAAC;iBACF;gBACD;oBACE,KAAK,EAAE,oBAAoB;oBAC3B,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,WAAW,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAA;oBACnC,CAAC;iBACF;gBACD;oBACE,KAAK,EAAE,uBAAuB;oBAC9B,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;wBACrB,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;oBACxB,CAAC;iBACF;aACF;YAED,oBAAC,QAAQ,OAAG,CACQ,CACrB,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AACF,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function AboutDialog({ onClose }: {
+    onClose: () => void;
+}): React.JSX.Element;

package/dist/components/{AboutDlg.js → dialogs/AboutDlg.js}

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Dialog } from '@jbrowse/core/ui';
 import { DialogContent, Typography, Link } from '@mui/material';
-import { version } from '../version';
-export default function AboutDialog({ onClose, open, }) {
-    return (React.createElement(Dialog, { onClose: () => onClose(), open: open, title: "About this plugin" },
+import { version } from '../../version';
+export default function AboutDialog({ onClose }) {
+    return (React.createElement(Dialog, { onClose: () => onClose(), open: true, title: "About this plugin" },
         React.createElement(DialogContent, null,
             React.createElement(Typography, null,
                 "MSAView ",

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

@@ -0,0 +1 @@
+{"version":3,"file":"AboutDlg.js","sourceRoot":"","sources":["../../../src/components/dialogs/AboutDlg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,OAAO,EAA2B;IACtE,OAAO,CACL,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,IAAI,QAAC,KAAK,EAAC,mBAAmB;QAC9D,oBAAC,aAAa;YACZ,oBAAC,UAAU;;gBACA,OAAO;;gBAChB,oBAAC,IAAI,IAAC,IAAI,EAAC,gDAAgD,aAEpD;oBAEI;YAEb;gBACE;oBACE,oBAAC,UAAU;;wBAC0B,GAAG;wBACtC,oBAAC,IAAI,IAAC,IAAI,EAAC,wCAAwC,cAAe;wBAAC,GAAG;;wBAC7B,GAAG;wBAC5C,oBAAC,IAAI,IAAC,IAAI,EAAC,gEAAgE,WAEpE,CACI,CACV;gBACL;oBACE,oBAAC,UAAU;;wBAC+C,GAAG;wBAC3D,oBAAC,IAAI,IAAC,IAAI,EAAC,kDAAkD,WAEtD,CACI,CACV;gBACL;oBACE,oBAAC,UAAU;;wBAEU,GAAG;wBACtB,oBAAC,IAAI,IAAC,IAAI,EAAC,oDAAoD,WAExD,CACI,CACV;gBACL;oBACE,oBAAC,UAAU;;wBACoC,GAAG;wBAChD,oBAAC,IAAI,IAAC,IAAI,EAAC,uDAAuD,WAE3D,CACI,CACV,CACF,CACS,CACT,CACV,CAAA;AACH,CAAC"}

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

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

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,4 +1,5 @@
-import { MsaViewModel } from '../model';
+import React from 'react';
+import { MsaViewModel } from '../../model';
 declare const _default: ({ onClose, data, model, }: {
     model: MsaViewModel;
     onClose: () => void;
@@ -6,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.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/{DetailsDlg.js → dialogs/DetailsDlg.js}

@@ -3,10 +3,11 @@ import { DialogContent } from '@mui/material';
 import { observer } from 'mobx-react';
 import { Dialog } from '@jbrowse/core/ui';
 import { Attributes } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail';
-export default observer(function ({ model, onClose, open, }) {
+const DetailsDialog = observer(function ({ model, onClose, }) {
     const { header } = model;
-    return (React.createElement(Dialog, { onClose: () => onClose(), open: open, title: "Metadata" },
+    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/{MoreInfoDlg.d.ts → dialogs/MoreInfoDlg.d.ts}

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

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/{SettingsDlg.js → dialogs/SettingsDlg.js}

@@ -3,13 +3,13 @@ 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';
+import colorSchemes from '../../colorSchemes';
 const useStyles = makeStyles()(theme => ({
     field: {
         margin: theme.spacing(4),
     },
 }));
-export default observer(function ({ model, onClose, open, }) {
+const SettingsDialog = observer(function ({ model, onClose, }) {
     const { classes } = useStyles();
     const { colorSchemeName, noTree } = model;
     const [rowHeight, setRowHeight] = useState(`${model.rowHeight}`);
@@ -21,7 +21,7 @@ export default observer(function ({ model, onClose, open, }) {
     const rowHeightError = error(rowHeight);
     const colWidthError = error(colWidth);
     const treeWidthError = error(treeWidth);
-    return (React.createElement(Dialog, { onClose: () => onClose(), open: open, title: "Settings" },
+    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" }),
@@ -44,4 +44,5 @@ export default observer(function ({ model, onClose, open, }) {
                         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/{TrackInfoDlg.d.ts → dialogs/TrackInfoDlg.d.ts}

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

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;