@jbrowse/plugin-arc 2.10.3 → 2.11.0

package/dist/ArcRenderer/ArcRendering.js

@@ -48,10 +48,8 @@ function Arc({ selectedFeatureId, region, bpPerPx, config, onFeatureClick, featu
     const ref = react_1.default.createRef();
     const t = 0.5;
     // formula: https://en.wikipedia.org/wiki/B%C3%A9zier_curve#Cubic_B%C3%A9zier_curves
-    const textYCoord = (1 - t) * (1 - t) * (1 - t) * 0 +
-        3 * ((1 - t) * (1 - t)) * (t * height) +
-        3 * (1 - t) * (t * t) * height +
-        t * t * t * 0;
+    const t1 = 1 - t;
+    const textYCoord = 3 * (t1 * t1) * (t * height) + 3 * t1 * (t * t) * height;
     return (react_1.default.createElement("g", null,
         react_1.default.createElement("path", { d: `M ${left} 0 C ${left} ${height}, ${right} ${height}, ${right} 0`, stroke: stroke, strokeWidth: strokeWidth, fill: "transparent", onClick: e => onFeatureClick === null || onFeatureClick === void 0 ? void 0 : onFeatureClick(e, featureId), onMouseOver: () => setIsMouseOvered(true), onMouseLeave: () => setIsMouseOvered(false), ref: ref, pointerEvents: "stroke" }),
         isMouseOvered ? react_1.default.createElement(ArcTooltip_1.default, { contents: caption }) : null,
@@ -110,6 +108,6 @@ const ArcRendering = (0, mobx_react_1.observer)(function ({ features, config, re
     return (react_1.default.createElement(Wrapper, { exportSVG: exportSVG, width: width, height: height }, [...features.values()].map(f => semicircles ? (react_1.default.createElement(SemiCircles, { key: f.id(), config: config, region: region, bpPerPx: bpPerPx, selectedFeatureId: selectedFeatureId, feature: f })) : (react_1.default.createElement(Arc, { key: f.id(), config: config, region: region, bpPerPx: bpPerPx, selectedFeatureId: selectedFeatureId, feature: f })))));
 });
 function Wrapper({ exportSVG, width, height, children, }) {
-    return exportSVG ? (react_1.default.createElement(react_1.default.Fragment, null, children)) : (react_1.default.createElement("svg", { width: width, height: height }, children));
+    return exportSVG ? (children) : (react_1.default.createElement("svg", { width: width, height: height }, children));
 }
 exports.default = ArcRendering;

package/dist/ArcTooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 declare const ArcTooltip: ({ contents }: {
-    contents?: string | undefined;
+    contents?: string;
 }) => React.JSX.Element | null;
 export default ArcTooltip;

package/dist/LinearPairedArcDisplay/components/Arcs.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { LinearArcDisplayModel } from '../model';
 declare const Arcs: ({ model, exportSVG, }: {
     model: LinearArcDisplayModel;
-    exportSVG?: boolean | undefined;
+    exportSVG?: boolean;
 }) => React.JSX.Element | null;
 export default Arcs;

package/dist/LinearPairedArcDisplay/components/Arcs.js

@@ -67,7 +67,7 @@ const Wrapper = (0, mobx_react_1.observer)(function ({ model, exportSVG, childre
     const { height } = model;
     const view = (0, util_1.getContainingView)(model);
     const width = Math.round(view.dynamicBlocks.totalWidthPx);
-    return exportSVG ? (react_1.default.createElement(react_1.default.Fragment, null, children)) : (react_1.default.createElement("svg", { width: width, height: height }, children));
+    return exportSVG ? (children) : (react_1.default.createElement("svg", { width: width, height: height }, children));
 });
 const Arcs = (0, mobx_react_1.observer)(function ({ model, exportSVG, }) {
     const view = (0, util_1.getContainingView)(model);

package/dist/LinearPairedArcDisplay/components/ReactComponent.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { LinearArcDisplayModel } from '../model';
 declare const LinearArcReactComponent: ({ model, exportSVG, }: {
     model: LinearArcDisplayModel;
-    exportSVG?: boolean | undefined;
+    exportSVG?: boolean;
 }) => React.JSX.Element;
 export default LinearArcReactComponent;

package/dist/LinearPairedArcDisplay/components/util.js

@@ -6,7 +6,7 @@ const util_1 = require("@jbrowse/core/util");
 function makeFeaturePair(feature, alt) {
     var _a, _b, _c, _d;
     const bnd = alt ? (0, vcf_1.parseBreakend)(alt) : undefined;
-    let start = feature.get('start');
+    const start = feature.get('start');
     let end = feature.get('end');
     const strand = feature.get('strand');
     const mate = feature.get('mate');
@@ -29,7 +29,6 @@ function makeFeaturePair(feature, alt) {
         mateStart = e - 1;
         // re-adjust the arc to be from start to end of feature by re-assigning end
         // to the 'mate'
-        start = start;
         end = start + 1;
     }
     else if (bnd === null || bnd === void 0 ? void 0 : bnd.MatePosition) {

package/esm/ArcRenderer/ArcRendering.js

@@ -20,10 +20,8 @@ function Arc({ selectedFeatureId, region, bpPerPx, config, onFeatureClick, featu
     const ref = React.createRef();
     const t = 0.5;
     // formula: https://en.wikipedia.org/wiki/B%C3%A9zier_curve#Cubic_B%C3%A9zier_curves
-    const textYCoord = (1 - t) * (1 - t) * (1 - t) * 0 +
-        3 * ((1 - t) * (1 - t)) * (t * height) +
-        3 * (1 - t) * (t * t) * height +
-        t * t * t * 0;
+    const t1 = 1 - t;
+    const textYCoord = 3 * (t1 * t1) * (t * height) + 3 * t1 * (t * t) * height;
     return (React.createElement("g", null,
         React.createElement("path", { d: `M ${left} 0 C ${left} ${height}, ${right} ${height}, ${right} 0`, stroke: stroke, strokeWidth: strokeWidth, fill: "transparent", onClick: e => onFeatureClick === null || onFeatureClick === void 0 ? void 0 : onFeatureClick(e, featureId), onMouseOver: () => setIsMouseOvered(true), onMouseLeave: () => setIsMouseOvered(false), ref: ref, pointerEvents: "stroke" }),
         isMouseOvered ? React.createElement(ArcTooltip, { contents: caption }) : null,
@@ -82,6 +80,6 @@ const ArcRendering = observer(function ({ features, config, regions, bpPerPx, he
     return (React.createElement(Wrapper, { exportSVG: exportSVG, width: width, height: height }, [...features.values()].map(f => semicircles ? (React.createElement(SemiCircles, { key: f.id(), config: config, region: region, bpPerPx: bpPerPx, selectedFeatureId: selectedFeatureId, feature: f })) : (React.createElement(Arc, { key: f.id(), config: config, region: region, bpPerPx: bpPerPx, selectedFeatureId: selectedFeatureId, feature: f })))));
 });
 function Wrapper({ exportSVG, width, height, children, }) {
-    return exportSVG ? (React.createElement(React.Fragment, null, children)) : (React.createElement("svg", { width: width, height: height }, children));
+    return exportSVG ? (children) : (React.createElement("svg", { width: width, height: height }, children));
 }
 export default ArcRendering;

package/esm/ArcTooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 declare const ArcTooltip: ({ contents }: {
-    contents?: string | undefined;
+    contents?: string;
 }) => React.JSX.Element | null;
 export default ArcTooltip;

package/esm/LinearPairedArcDisplay/components/Arcs.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { LinearArcDisplayModel } from '../model';
 declare const Arcs: ({ model, exportSVG, }: {
     model: LinearArcDisplayModel;
-    exportSVG?: boolean | undefined;
+    exportSVG?: boolean;
 }) => React.JSX.Element | null;
 export default Arcs;

package/esm/LinearPairedArcDisplay/components/Arcs.js

@@ -39,7 +39,7 @@ const Wrapper = observer(function ({ model, exportSVG, children, }) {
     const { height } = model;
     const view = getContainingView(model);
     const width = Math.round(view.dynamicBlocks.totalWidthPx);
-    return exportSVG ? (React.createElement(React.Fragment, null, children)) : (React.createElement("svg", { width: width, height: height }, children));
+    return exportSVG ? (children) : (React.createElement("svg", { width: width, height: height }, children));
 });
 const Arcs = observer(function ({ model, exportSVG, }) {
     const view = getContainingView(model);

package/esm/LinearPairedArcDisplay/components/ReactComponent.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { LinearArcDisplayModel } from '../model';
 declare const LinearArcReactComponent: ({ model, exportSVG, }: {
     model: LinearArcDisplayModel;
-    exportSVG?: boolean | undefined;
+    exportSVG?: boolean;
 }) => React.JSX.Element;
 export default LinearArcReactComponent;

package/esm/LinearPairedArcDisplay/components/util.js

@@ -3,7 +3,7 @@ import { assembleLocString } from '@jbrowse/core/util';
 export function makeFeaturePair(feature, alt) {
     var _a, _b, _c, _d;
     const bnd = alt ? parseBreakend(alt) : undefined;
-    let start = feature.get('start');
+    const start = feature.get('start');
     let end = feature.get('end');
     const strand = feature.get('strand');
     const mate = feature.get('mate');
@@ -26,7 +26,6 @@ export function makeFeaturePair(feature, alt) {
         mateStart = e - 1;
         // re-adjust the arc to be from start to end of feature by re-assigning end
         // to the 'mate'
-        start = start;
         end = start + 1;
     }
     else if (bnd === null || bnd === void 0 ? void 0 : bnd.MatePosition) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-arc",
-  "version": "2.10.3",
+  "version": "2.11.0",
   "description": "JBrowse 2 arc adapters, tracks, etc.",
   "keywords": [
     "jbrowse",
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c8fc800cd17decd72b2e971c7a6add3b95214e72"
+  "gitHead": "3d43a820b9274a6160aa4dc15616147f390d9094"
 }