@teselagen/ove 0.8.27 → 0.8.29

package/index.cjs.js

@@ -111927,9 +111927,9 @@ function AASliver(props) {
       "text",
       {
         fontSize: 25,
-        stroke: "black",
+        className: "aminoAcidNumber",
         strokeWidth: 2,
-        transform: `scale(${3 / width * 10},3) translate(${(forward ? 45 : 55) * width / 10},51)`,
+        transform: `scale(${3 / width * 10},${37.5 / height}) translate(${(forward ? 45 : 55) * width / 10},${4.4 * height - 4})`,
         x: "0",
         y: "4",
         style: { textAnchor: "middle" }
@@ -116986,7 +116986,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.8.27";
+const version = "0.8.29";
 const packageJson = {
   version
 };
@@ -124405,6 +124405,8 @@ const __LinearView = class __LinearView extends React.Component {
     }));
   }
   getNearestCursorPositionToMouseEvent(rowData, event, callback2) {
+    var _a2;
+    const isProtein2 = (_a2 = this.props.sequenceData) == null ? void 0 : _a2.isProtein;
     let nearestCaretPos = 0;
     let rowDomNode = this.linearView;
     rowDomNode = rowDomNode.querySelector(".veRowItem");
@@ -124418,11 +124420,11 @@ const __LinearView = class __LinearView extends React.Component {
         (clickXPositionRelativeToRowContainer + this.charWidth / 2) / this.charWidth
       );
       nearestCaretPos = numberOfBPsInFromRowStart + 0;
-      if (nearestCaretPos > maxEnd + 1) {
-        nearestCaretPos = maxEnd + 1;
+      if (nearestCaretPos > maxEnd) {
+        nearestCaretPos = isProtein2 ? maxEnd + 1 : maxEnd;
       }
     }
-    if (this.props.sequenceData && this.props.sequenceData.isProtein) {
+    if (isProtein2) {
       nearestCaretPos = Math.round(nearestCaretPos / 3) * 3;
     }
     if (maxEnd === 0) nearestCaretPos = 0;

package/index.es.js

@@ -111909,9 +111909,9 @@ function AASliver(props) {
       "text",
       {
         fontSize: 25,
-        stroke: "black",
+        className: "aminoAcidNumber",
         strokeWidth: 2,
-        transform: `scale(${3 / width * 10},3) translate(${(forward ? 45 : 55) * width / 10},51)`,
+        transform: `scale(${3 / width * 10},${37.5 / height}) translate(${(forward ? 45 : 55) * width / 10},${4.4 * height - 4})`,
         x: "0",
         y: "4",
         style: { textAnchor: "middle" }
@@ -116968,7 +116968,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.8.27";
+const version = "0.8.29";
 const packageJson = {
   version
 };
@@ -124387,6 +124387,8 @@ const __LinearView = class __LinearView extends React__default.Component {
     }));
   }
   getNearestCursorPositionToMouseEvent(rowData, event, callback2) {
+    var _a2;
+    const isProtein2 = (_a2 = this.props.sequenceData) == null ? void 0 : _a2.isProtein;
     let nearestCaretPos = 0;
     let rowDomNode = this.linearView;
     rowDomNode = rowDomNode.querySelector(".veRowItem");
@@ -124400,11 +124402,11 @@ const __LinearView = class __LinearView extends React__default.Component {
         (clickXPositionRelativeToRowContainer + this.charWidth / 2) / this.charWidth
       );
       nearestCaretPos = numberOfBPsInFromRowStart + 0;
-      if (nearestCaretPos > maxEnd + 1) {
-        nearestCaretPos = maxEnd + 1;
+      if (nearestCaretPos > maxEnd) {
+        nearestCaretPos = isProtein2 ? maxEnd + 1 : maxEnd;
       }
     }
-    if (this.props.sequenceData && this.props.sequenceData.isProtein) {
+    if (isProtein2) {
       nearestCaretPos = Math.round(nearestCaretPos / 3) * 3;
     }
     if (maxEnd === 0) nearestCaretPos = 0;

package/index.umd.js

@@ -140075,9 +140075,9 @@ ${seq.sequence}
         "text",
         {
           fontSize: 25,
-          stroke: "black",
+          className: "aminoAcidNumber",
           strokeWidth: 2,
-          transform: `scale(${3 / width * 10},3) translate(${(forward ? 45 : 55) * width / 10},51)`,
+          transform: `scale(${3 / width * 10},${37.5 / height}) translate(${(forward ? 45 : 55) * width / 10},${4.4 * height - 4})`,
           x: "0",
           y: "4",
           style: { textAnchor: "middle" }
@@ -145084,7 +145084,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     input.click();
   }
   __name(showFileDialog, "showFileDialog");
-  const version = "0.8.27";
+  const version = "0.8.29";
   const packageJson = {
     version
   };
@@ -150901,6 +150901,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       }));
     }
     getNearestCursorPositionToMouseEvent(rowData, event, callback2) {
+      var _a2;
+      const isProtein2 = (_a2 = this.props.sequenceData) == null ? void 0 : _a2.isProtein;
       let nearestCaretPos = 0;
       let rowDomNode = this.linearView;
       rowDomNode = rowDomNode.querySelector(".veRowItem");
@@ -150914,11 +150916,11 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           (clickXPositionRelativeToRowContainer + this.charWidth / 2) / this.charWidth
         );
         nearestCaretPos = numberOfBPsInFromRowStart + 0;
-        if (nearestCaretPos > maxEnd + 1) {
-          nearestCaretPos = maxEnd + 1;
+        if (nearestCaretPos > maxEnd) {
+          nearestCaretPos = isProtein2 ? maxEnd + 1 : maxEnd;
         }
       }
-      if (this.props.sequenceData && this.props.sequenceData.isProtein) {
+      if (isProtein2) {
         nearestCaretPos = Math.round(nearestCaretPos / 3) * 3;
       }
       if (maxEnd === 0) nearestCaretPos = 0;

package/ove.css

@@ -11879,7 +11879,8 @@ h5 {
 .bp3-dark .veEditor:not(.tg-simple-dna-view) {
   background: #293742 !important;
 }
-.veLabelLine {
+.veLabelLine,
+.aminoAcidNumber {
   stroke: black;
   background: black;
 }
@@ -11888,7 +11889,8 @@ h5 {
   stroke: white;
   background: white;
 }
-.bp3-dark .veLabelLine {
+.bp3-dark .veLabelLine,
+.bp3-dark .aminoAcidNumber {
   stroke: #f5f8fa !important;
   background: #f5f8fa !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.8.27",
+  "version": "0.8.29",
   "main": "./src/index.js",
   "type": "module",
   "repository": "https://github.com/TeselaGen/tg-oss",

package/src/Editor/darkmode.css

@@ -10,7 +10,8 @@
   background: #293742 !important;
 }
 
-.veLabelLine {
+.veLabelLine,
+.aminoAcidNumber {
   stroke: black;
   background: black;
 }
@@ -19,7 +20,8 @@
   stroke: white;
   background: white;
 }
-.bp3-dark .veLabelLine {
+.bp3-dark .veLabelLine,
+.bp3-dark .aminoAcidNumber {
   stroke: #f5f8fa !important;
   background: #f5f8fa !important;
 }

package/src/LinearView/index.js

@@ -37,6 +37,7 @@ class _LinearView extends React.Component {
   bindOutsideChangeHelper = {};
   getNearestCursorPositionToMouseEvent(rowData, event, callback) {
     //loop through all the rendered rows to see if the click event lands in one of them
+    const isProtein = this.props.sequenceData?.isProtein;
     let nearestCaretPos = 0;
     let rowDomNode = this.linearView;
     rowDomNode = rowDomNode.querySelector(".veRowItem");
@@ -52,11 +53,11 @@ class _LinearView extends React.Component {
           this.charWidth
       );
       nearestCaretPos = numberOfBPsInFromRowStart + 0;
-      if (nearestCaretPos > maxEnd + 1) {
-        nearestCaretPos = maxEnd + 1;
+      if (nearestCaretPos > maxEnd) {
+        nearestCaretPos = isProtein ? maxEnd + 1 : maxEnd;
       }
     }
-    if (this.props.sequenceData && this.props.sequenceData.isProtein) {
+    if (isProtein) {
       nearestCaretPos = Math.round(nearestCaretPos / 3) * 3;
     }
     if (maxEnd === 0) nearestCaretPos = 0;

package/src/RowItem/Translations/AASliver.js

@@ -168,11 +168,11 @@ function AASliver(props) {
       {showAminoAcidNumbers && (aminoAcidIndex + 1) % 5 === 0 && (
         <text
           fontSize={25}
-          stroke="black"
+          className={"aminoAcidNumber"}
           strokeWidth={2}
-          transform={`scale(${(3 / width) * 10},3) translate(${
+          transform={`scale(${(3 / width) * 10},${37.5 / height}) translate(${
             ((forward ? 45 : 55) * width) / 10
-          },51)`}
+          },${4.4 * height - 4})`}
           x="0"
           y="4"
           style={{ textAnchor: "middle" }}