react-msaview 1.3.1 → 2.0.0

package/dist/components/Track.js

@@ -1,65 +1,65 @@
 import React, { useState, useRef, useEffect } from 'react';
 import normalizeWheel from 'normalize-wheel';
 import { observer } from 'mobx-react';
-import { IconButton, Menu, MenuItem, makeStyles } from '@material-ui/core';
-import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
+import { IconButton, Menu, MenuItem } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
+// icons
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
 import TrackInfoDialog from './TrackInfoDlg';
-var useStyles = makeStyles(function () { return ({
+const useStyles = makeStyles()({
     button: {
         padding: 0,
     },
-}); });
-export var TrackLabel = observer(function (_a) {
-    var model = _a.model, track = _a.track;
-    var _b = useState(), anchorEl = _b[0], setAnchorEl = _b[1];
-    var _c = useState(false), trackInfoDlgOpen = _c[0], setTrackInfoDlgOpen = _c[1];
-    var rowHeight = model.rowHeight, width = model.treeAreaWidth;
-    var height = track.height, name = track.model.name;
-    var classes = useStyles();
-    var trackLabelHeight = Math.max(8, rowHeight - 8);
+});
+export const TrackLabel = observer(function ({ model, track, }) {
+    const [anchorEl, setAnchorEl] = useState();
+    const [trackInfoDlgOpen, setTrackInfoDlgOpen] = useState(false);
+    const { rowHeight, treeAreaWidth: width } = model;
+    const { height, model: { name }, } = track;
+    const { classes } = useStyles();
+    const trackLabelHeight = Math.max(8, rowHeight - 8);
     return (React.createElement("div", { style: {
-            width: width,
-            height: height,
+            width,
+            height,
             flexShrink: 0,
             textAlign: 'right',
             fontSize: trackLabelHeight,
         } },
         name,
-        React.createElement(IconButton, { className: classes.button, style: { width: trackLabelHeight, height: trackLabelHeight }, onClick: function (event) {
-                setAnchorEl(event.target);
-            } },
+        ' ',
+        React.createElement(IconButton, { className: classes.button, style: {
+                width: trackLabelHeight,
+                height: trackLabelHeight,
+            }, onClick: event => setAnchorEl(event.currentTarget) },
             React.createElement(ArrowDropDownIcon, null)),
-        anchorEl ? (React.createElement(Menu, { anchorEl: anchorEl, transitionDuration: 0, open: true, onClose: function () {
-                setAnchorEl(undefined);
-            } },
-            React.createElement(MenuItem, { dense: true, onClick: function () {
+        anchorEl ? (React.createElement(Menu, { anchorEl: anchorEl, transitionDuration: 0, open: true, onClose: () => setAnchorEl(undefined) },
+            React.createElement(MenuItem, { dense: true, onClick: () => {
                     model.toggleTrack(track.model.id);
                     setAnchorEl(undefined);
                 } }, "Close"),
-            React.createElement(MenuItem, { dense: true, onClick: function () {
+            React.createElement(MenuItem, { dense: true, onClick: () => {
                     setTrackInfoDlgOpen(true);
                     setAnchorEl(undefined);
                 } }, "Get info"))) : null,
-        trackInfoDlgOpen ? (React.createElement(TrackInfoDialog, { model: track.model, onClose: function () { return setTrackInfoDlgOpen(false); } })) : null));
+        trackInfoDlgOpen ? (React.createElement(TrackInfoDialog, { model: track.model, onClose: () => setTrackInfoDlgOpen(false) })) : null));
 });
-var Track = observer(function (_a) {
-    var model = _a.model, track = _a.track;
-    var resizeHandleWidth = model.resizeHandleWidth;
-    var height = track.model.height;
-    var ref = useRef(null);
-    var scheduled = useRef(false);
-    var deltaX = useRef(0);
-    useEffect(function () {
-        var curr = ref.current;
+const Track = observer(function ({ model, track, }) {
+    const { resizeHandleWidth } = model;
+    const { model: { height, error }, } = track;
+    const ref = useRef(null);
+    const scheduled = useRef(false);
+    const deltaX = useRef(0);
+    useEffect(() => {
+        const curr = ref.current;
         if (!curr) {
             return;
         }
         function onWheel(origEvent) {
-            var event = normalizeWheel(origEvent);
+            const event = normalizeWheel(origEvent);
             deltaX.current += event.pixelX;
             if (!scheduled.current) {
                 scheduled.current = true;
-                requestAnimationFrame(function () {
+                requestAnimationFrame(() => {
                     model.doScrollX(-deltaX.current);
                     deltaX.current = 0;
                     scheduled.current = false;
@@ -68,14 +68,14 @@ var Track = observer(function (_a) {
             origEvent.preventDefault();
         }
         curr.addEventListener('wheel', onWheel);
-        return function () {
+        return () => {
             curr.removeEventListener('wheel', onWheel);
         };
     }, [model]);
-    return (React.createElement("div", { key: track.id, style: { display: 'flex', height: height } },
+    return (React.createElement("div", { key: track.id, style: { display: 'flex', height } },
         React.createElement(TrackLabel, { model: model, track: track }),
         React.createElement("div", { style: { width: resizeHandleWidth, flexShrink: 0 } }),
-        React.createElement("div", { ref: ref },
-            React.createElement(track.ReactComponent, { model: model, track: track }))));
+        React.createElement("div", { ref: ref }, error ? (React.createElement("div", { style: { color: 'red', fontSize: 10 } }, `${error}`)) : (React.createElement(track.ReactComponent, { model: model, track: track })))));
 });
 export default Track;
+//# sourceMappingURL=Track.js.map

package/dist/components/Track.js.map

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

package/dist/components/TrackInfoDlg.d.ts

@@ -1,6 +1,8 @@
-/// <reference types="react" />
-declare const TrackInfoDialog: ({ model, onClose }: {
-    model: any;
+declare const TrackInfoDialog: ({ model, onClose, }: {
+    model: {
+        name: string;
+        data: string;
+    };
     onClose: () => void;
 }) => JSX.Element;
 export default TrackInfoDialog;

package/dist/components/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/TrackInfoDlg.js.map

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MsaViewModel } from '../model';
 declare const _default: ({ model, onClose, open, }: {
     model: MsaViewModel;

package/dist/components/TracklistDlg.js

@@ -1,18 +1,18 @@
 import React from 'react';
-import { Dialog, DialogTitle, DialogContent, FormControlLabel, FormGroup, Checkbox, DialogActions, Button, Typography, } from '@material-ui/core';
+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 (_a) {
-    var model = _a.model, onClose = _a.onClose, open = _a.open;
-    var tracks = model.tracks;
-    return (React.createElement(Dialog, { onClose: function () { return onClose(); }, open: open },
-        React.createElement(DialogTitle, null, "Add track"),
+export default observer(function ({ model, onClose, open, }) {
+    const { tracks } = model;
+    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(FormGroup, null, tracks.map(function (track) {
-                return (React.createElement(FormControlLabel, { key: track.model.id, control: React.createElement(Checkbox, { checked: !model.turnedOffTracks.has(track.model.id), onChange: function () {
+            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: function () { return onClose(); }, variant: "contained", color: "primary" }, "Close")))));
+                React.createElement(Button, { onClick: () => onClose(), variant: "contained", color: "primary" }, "Close")))));
 });
+//# sourceMappingURL=TracklistDlg.js.map

package/dist/components/TracklistDlg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TracklistDlg.js","sourceRoot":"","sources":["../../src/components/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,EACP,IAAI,GAKL;IACC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,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;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/TreeCanvas.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MsaViewModel } from '../model';
 declare const TreeCanvas: ({ model }: {
     model: MsaViewModel;