react-msaview 1.3.1 → 1.3.2

package/dist/colorSchemes.js

@@ -446,7 +446,7 @@ export function getPercentIdentityColor(stats, model, row, col) {
         }
     }
     var proportion = ent / total;
-    var thresh = "hsl(240, 30%, " + 100 * Math.max(1 - ent / total / 3, 0.3) + "%)";
+    var thresh = "hsl(240, 30%, ".concat(100 * Math.max(1 - ent / total / 3, 0.3), "%)");
     if (proportion > 0.4) {
         if (l === letter) {
             return thresh;

package/dist/components/AddTrackDlg.js

@@ -13,7 +13,7 @@ export default observer(function (_a) {
             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: function (event) {
                     setCurrentOption(event.target.value);
-                } }, options.map(function (option, index) { return (React.createElement(MenuItem, { key: option + "-" + index, value: option }, option)); })),
+                } }, options.map(function (option, index) { return (React.createElement(MenuItem, { key: "".concat(option, "-").concat(index), value: option }, option)); })),
             React.createElement(FileSelector, { location: trackFile, setLocation: setTrackFile }),
             React.createElement(DialogActions, null,
                 React.createElement(Button, { onClick: function () {

package/dist/components/AnnotationDlg.js

@@ -48,7 +48,7 @@ export default observer(function (_a) {
                 r,
                 ' ',
                 blanks.length
-                    ? " (gapped " + model.getPos(l) + ".." + model.getPos(r)
+                    ? " (gapped ".concat(model.getPos(l), "..").concat(model.getPos(r))
                     : ''),
             rows.map(function (_a, index) {
                 var key = _a[0], val = _a[1];

package/dist/components/BoxTrack.js

@@ -16,12 +16,12 @@ var AnnotationBlock = observer(function (_a) {
             if (associatedRowName) {
                 var s = model.rowSpecificBpToPx(associatedRowName, start - 1);
                 var e = model.rowSpecificBpToPx(associatedRowName, end);
-                temp.addRect("" + index, s, e, rowHeight, feature);
+                temp.addRect("".concat(index), s, e, rowHeight, feature);
             }
             else {
                 var s = model.globalBpToPx(start - 1);
                 var e = model.globalBpToPx(end);
-                temp.addRect("" + index, s, e, rowHeight, feature);
+                temp.addRect("".concat(index), s, e, rowHeight, feature);
             }
         });
         return temp;
@@ -42,7 +42,7 @@ var AnnotationBlock = observer(function (_a) {
         ctx.clearRect(0, 0, blockSize, height);
         ctx.translate(-offsetX, 0);
         ctx.textAlign = 'center';
-        ctx.font = ctx.font.replace(/\d+px/, Math.max(8, rowHeight - 8) + "px");
+        ctx.font = ctx.font.replace(/\d+px/, "".concat(Math.max(8, rowHeight - 8), "px"));
         var xStart = Math.max(0, Math.floor(offsetX / colWidth));
         ctx.fillStyle = 'goldenrod';
         layout.rectangles.forEach(function (value) {
@@ -80,7 +80,7 @@ var AnnotationBlock = observer(function (_a) {
         ctx.clearRect(0, 0, blockSize, height);
         ctx.translate(-offsetX, 0);
         ctx.textAlign = 'center';
-        ctx.font = ctx.font.replace(/\d+px/, Math.max(8, rowHeight - 8) + "px");
+        ctx.font = ctx.font.replace(/\d+px/, "".concat(Math.max(8, rowHeight - 8), "px"));
         ctx.fillStyle = 'black';
         ctx.textAlign = 'left';
         layout.rectangles.forEach(function (value) {

package/dist/components/Header.js

@@ -54,7 +54,7 @@ var Header = observer(function (_a) {
                 model.setCurrentAlignment(+event.target.value);
                 model.setScrollX(0);
                 model.setScrollY(0);
-            } }, alignmentNames.map(function (option, index) { return (React.createElement("option", { key: option + "-" + index, value: index }, option)); }))) : null,
+            } }, alignmentNames.map(function (option, index) { return (React.createElement("option", { key: "".concat(option, "-").concat(index), value: index }, option)); }))) : null,
         React.createElement(InfoArea, { model: model }),
         React.createElement("div", { style: { flex: 1 } }),
         React.createElement(IconButton, { onClick: function () { return setAboutDialogVisible(true); } },

package/dist/components/ImportForm.js

@@ -23,7 +23,7 @@ export default observer(function (_a) {
         React.createElement("div", { style: { width: '50%' } },
             error ? (React.createElement("div", { style: { padding: 20 } },
                 React.createElement(Typography, { color: "error" },
-                    "Error: ", "" + error))) : null,
+                    "Error: ", "".concat(error)))) : null,
             React.createElement(Typography, null, "Open an MSA file (stockholm or clustal format) and/or a tree file (newick format)."),
             React.createElement(Typography, { color: "error" }, "Note: you can open up just an MSA or just a tree, both are not required. Some MSA files e.g. stockholm format have an embedded tree also and this is fine, and opening a separate tree file is not required.")),
         React.createElement(Grid, { container: true, spacing: 10, justifyContent: "center", alignItems: "center" },

package/dist/components/MSACanvas.js

@@ -23,7 +23,7 @@ var MSABlock = observer(function (_a) {
         ctx.clearRect(0, 0, blockSize, blockSize);
         ctx.translate(-offsetX, rowHeight / 2 - offsetY);
         ctx.textAlign = 'center';
-        ctx.font = ctx.font.replace(/\d+px/, Math.max(8, rowHeight - 8) + "px");
+        ctx.font = ctx.font.replace(/\d+px/, "".concat(Math.max(8, rowHeight - 8), "px"));
         var leaves = hierarchy.leaves();
         var b = blockSize;
         // slice vertical rows, e.g. tree leaves, avoid negative slice
@@ -204,7 +204,7 @@ var MSACanvas = observer(function (_a) {
         React.createElement(CircularProgress, null),
         React.createElement(Typography, null, "Loading..."))) : (blocks2d.map(function (_a) {
         var bx = _a[0], by = _a[1];
-        return (React.createElement(MSABlock, { key: bx + "_" + by, model: model, offsetX: bx, offsetY: by }));
+        return (React.createElement(MSABlock, { key: "".concat(bx, "_").concat(by), model: model, offsetX: bx, offsetY: by }));
     }))));
 });
 export default MSACanvas;

package/dist/components/Rubberband.js

@@ -50,7 +50,7 @@ var VerticalGuide = observer(function (_a) {
     var treeAreaWidth = model.treeAreaWidth;
     var classes = useStyles();
     return (React.createElement(React.Fragment, null,
-        React.createElement(Tooltip, { open: true, placement: "top", title: "" + (model.pxToBp(coordX) + 1), arrow: true },
+        React.createElement(Tooltip, { open: true, placement: "top", title: "".concat(model.pxToBp(coordX) + 1), arrow: true },
             React.createElement("div", { style: {
                     left: coordX + treeAreaWidth,
                     position: 'absolute',

package/dist/components/Ruler.js

@@ -68,7 +68,7 @@ function mathPower(num) {
     if (num < 999) {
         return String(num);
     }
-    return mathPower(~~(num / 1000)) + "," + ("00" + ~~(num % 1000)).substr(-3, 3);
+    return "".concat(mathPower(~~(num / 1000)), ",").concat("00".concat(~~(num % 1000)).substr(-3, 3));
 }
 var useStyles = makeStyles(function ( /* theme */) { return ({
     majorTickLabel: {
@@ -94,7 +94,7 @@ function RulerBlock(_a) {
             .filter(function (tick) { return tick.type === 'major'; })
             .map(function (tick) {
             var x = (reversed ? end - tick.base : tick.base - start) / bpPerPx;
-            return (React.createElement("text", { x: x, y: 10, key: "label-" + tick.base, textAnchor: "middle", style: { fontSize: '11px' }, className: classes.majorTickLabel }, mathPower(tick.base + 1)));
+            return (React.createElement("text", { x: x, y: 10, key: "label-".concat(tick.base), textAnchor: "middle", style: { fontSize: '11px' }, className: classes.majorTickLabel }, mathPower(tick.base + 1)));
         })));
 }
 var Ruler = observer(function (_a) {

package/dist/components/SettingsDlg.js

@@ -5,9 +5,9 @@ import colorSchemes from '../colorSchemes';
 export default observer(function (_a) {
     var model = _a.model, onClose = _a.onClose, open = _a.open;
     var rowHeightInit = model.rowHeight, colWidthInit = model.colWidth, treeWidthInit = model.treeWidth, colorSchemeName = model.colorSchemeName, noTree = model.noTree;
-    var _b = useState("" + rowHeightInit), rowHeight = _b[0], setRowHeight = _b[1];
-    var _c = useState("" + colWidthInit), colWidth = _c[0], setColWidth = _c[1];
-    var _d = useState("" + treeWidthInit), treeWidth = _d[0], setTreeWidth = _d[1];
+    var _b = useState("".concat(rowHeightInit)), rowHeight = _b[0], setRowHeight = _b[1];
+    var _c = useState("".concat(colWidthInit)), colWidth = _c[0], setColWidth = _c[1];
+    var _d = useState("".concat(treeWidthInit)), treeWidth = _d[0], setTreeWidth = _d[1];
     function error(n) {
         return Number.isNaN(+n) || +n < 0;
     }

package/dist/components/TextTrack.js

@@ -24,7 +24,7 @@ var AnnotationBlock = observer(function (_a) {
         ctx.clearRect(0, 0, blockSize, rowHeight);
         ctx.translate(-offsetX, 0);
         ctx.textAlign = 'center';
-        ctx.font = ctx.font.replace(/\d+px/, Math.max(8, rowHeight - 8) + "px");
+        ctx.font = ctx.font.replace(/\d+px/, "".concat(Math.max(8, rowHeight - 8), "px"));
         var xStart = Math.max(0, Math.floor(offsetX / colWidth));
         var xEnd = Math.max(0, Math.ceil((offsetX + blockSize) / colWidth));
         var str = data === null || data === void 0 ? void 0 : data.slice(xStart, xEnd);

package/dist/components/TreeCanvas.js

@@ -110,7 +110,7 @@ var TreeBlock = observer(function (_a) {
         ctx.clearRect(0, 0, treeWidth + padding, blockSize);
         ctx.translate(margin.left, -offsetY);
         var font = ctx.font;
-        ctx.font = font.replace(/\d+px/, Math.max(8, rowHeight - 8) + "px");
+        ctx.font = font.replace(/\d+px/, "".concat(Math.max(8, rowHeight - 8), "px"));
         if (!noTree && drawTree) {
             hierarchy.links().forEach(function (_a) {
                 var source = _a.source, target = _a.target;
@@ -249,6 +249,7 @@ var TreeBlock = observer(function (_a) {
         labelsAlignRight,
         treeAreaWidth,
         structures,
+        highResScaleFactor,
     ]);
     useEffect(function () {
         var canvas = mouseoverRef.current;

package/dist/components/package.json

@@ -1,5 +1,5 @@
 {
-    "version": "1.3.0",
+    "version": "1.3.1",
     "license": "MIT",
     "main": "dist/index.js",
     "typings": "dist/index.d.ts",

package/dist/model.js

@@ -159,12 +159,12 @@ var UniprotTrack = types
                     case 0:
                         _a.trys.push([0, 3, , 4]);
                         accession = self.accession;
-                        url = "https://www.uniprot.org/uniprot/" + accession + ".gff";
+                        url = "https://www.uniprot.org/uniprot/".concat(accession, ".gff");
                         return [4 /*yield*/, fetch(url)];
                     case 1:
                         response = _a.sent();
                         if (!response.ok) {
-                            throw new Error("HTTP " + response.status + " " + response.statusText + " fetching " + url);
+                            throw new Error("HTTP ".concat(response.status, " ").concat(response.statusText, " fetching ").concat(url));
                         }
                         return [4 /*yield*/, response.text()];
                     case 2:
@@ -503,9 +503,9 @@ var MSAModel = types
         return ((_a = this.MSA) === null || _a === void 0 ? void 0 : _a.getDetails()) || {};
     },
     getRowDetails: function (name) {
-        var _a;
+        var _a, _b;
         //@ts-ignore
-        var details = (_a = this.MSA) === null || _a === void 0 ? void 0 : _a.getRowDetails(name);
+        var details = (_b = (_a = this.MSA) === null || _a === void 0 ? void 0 : _a.getRowDetails) === null || _b === void 0 ? void 0 : _b.call(_a, name);
         var matches = name.match(/\S+\/(\d+)-(\d+)/);
         return __assign(__assign({}, details), (matches && { range: { start: +matches[1], end: +matches[2] } }));
     },
@@ -774,7 +774,7 @@ var MSAModel = types
                                 ? Object.entries(region.attributes)
                                     .map(function (_a) {
                                     var k = _a[0], v = _a[1];
-                                    return k + "=" + v.join(',');
+                                    return "".concat(k, "=").concat(v.join(','));
                                 })
                                     .join(';')
                                 : '.';

package/dist/parsers/StockholmMSA.js

@@ -32,7 +32,7 @@ var StockholmMSA = /** @class */ (function () {
     };
     Object.defineProperty(StockholmMSA.prototype, "alignmentNames", {
         get: function () {
-            return this.data.map(function (aln, index) { var _a; return ((_a = aln.gf.DE) === null || _a === void 0 ? void 0 : _a[0]) || "Alignment " + (index + 1); });
+            return this.data.map(function (aln, index) { var _a; return ((_a = aln.gf.DE) === null || _a === void 0 ? void 0 : _a[0]) || "Alignment ".concat(index + 1); });
         },
         enumerable: false,
         configurable: true

package/dist/util.js

@@ -17,9 +17,9 @@ export function generateNodeIds(tree, parent, depth) {
     var _a;
     if (parent === void 0) { parent = 'node'; }
     if (depth === void 0) { depth = 0; }
-    var id = parent + "-" + depth;
+    var id = "".concat(parent, "-").concat(depth);
     return __assign(__assign({}, tree), { id: id, branchset: ((_a = tree.branchset) === null || _a === void 0 ? void 0 : _a.map(function (b, i) {
-            return generateNodeIds(b, id + "-" + i, depth + 1);
+            return generateNodeIds(b, "".concat(id, "-").concat(i), depth + 1);
         })) || [] });
 }
 export function colorContrast(colorScheme, theme) {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.1",
+  "version": "1.3.2",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",