@teselagen/ove 0.8.2 → 0.8.3

package/ove.css

@@ -9721,7 +9721,11 @@ body:not(.drag-active)
   user-select: none;
   background: #f7f7f7;
 }
-
+/* disable the table header interactions while the table is loading */
+.ReactTable.loading .rt-thead {
+  opacity: 0.7;
+  pointer-events: none;
+}
 .ReactTable .rt-thead {
   box-shadow: none;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
@@ -9889,10 +9893,6 @@ body:not(.drag-active)
   padding-left: 2px;
 }
 
-.ReactTable .-loading.disabled {
-  cursor: not-allowed;
-}
-
 /* to get the height to resize based on its container:  */
 .ReactTable {
   height: 100%;
@@ -10008,14 +10008,6 @@ body:not(.drag-active)
   color: inherit !important;
 }
 
-.bp3-dark .ReactTable .-loading {
-  background: #30404d !important;
-}
-
-.bp3-dark .ReactTable .-loading > div {
-  color: #f5f8fa !important;
-}
-
 .bp3-dark .ReactTable .rt-tr-group.selected {
   background: #26738cb0 !important;
 }
@@ -11793,6 +11785,9 @@ path.partWithSelectedTag {
 .bp3-dark .alignmentViewTrackContainer text {
   fill: #f5f8fa !important;
 }
+.bp3-dark [data-tick-mark] {
+  fill: #f5f8fa !important;
+}
 /* .bp3-dark .veRowViewAxis text {
   stroke: #f5f8fa !important;
 } */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "main": "./src/index.js",
   "type": "module",
   "exports": {
@@ -19,7 +19,7 @@
     "@teselagen/range-utils": "0.3.13",
     "@teselagen/react-list": "0.8.18",
     "@teselagen/sequence-utils": "0.3.32",
-    "@teselagen/ui": "0.10.3",
+    "@teselagen/ui": "0.10.5",
     "@use-gesture/react": "10.3.0",
     "biomsa": "^0.2.4",
     "classnames": "^2.3.2",

package/src/Editor/darkmode.css

@@ -61,6 +61,9 @@
 .bp3-dark .alignmentViewTrackContainer text {
   fill: #f5f8fa !important;
 }
+.bp3-dark [data-tick-mark] {
+  fill: #f5f8fa !important;
+}
 
 /* .bp3-dark .veRowViewAxis text {
   stroke: #f5f8fa !important;

package/src/withEditorInteractions/createSequenceInputPopup.js

@@ -221,6 +221,10 @@ export default function createSequenceInputPopup(props) {
   // function closeInput() {
   //   sequenceInputBubble.remove();
   // }
+  if (document.getElementById("sequenceInputBubble")) {
+    // remove the old one if it exists
+    document.getElementById("sequenceInputBubble").outerHTML = "";
+  }
   div = document.createElement("div");
   div.style.zIndex = "400000";
   div.id = "sequenceInputBubble";

package/src/withEditorInteractions/index.js

@@ -238,8 +238,12 @@ function VectorInteractionHOC(Component /* options */) {
           sequence: clipboardData.getData("text/plain") || e.target.value
         };
       }
-      if (sequenceData.isProtein && !seqDataToInsert.proteinSequence) {
-        seqDataToInsert.proteinSequence = seqDataToInsert.sequence;
+      if (sequenceData.isProtein) {
+        seqDataToInsert.isProtein = true;
+
+        if (!seqDataToInsert.proteinSequence) {
+          seqDataToInsert.proteinSequence = seqDataToInsert.sequence;
+        }
       }
 
       if (