@teselagen/ove 0.5.26 → 0.5.28

package/index.cjs.js

@@ -117907,10 +117907,10 @@ const _Sequence = class _Sequence extends React$2.Component {
     }, containerStyle);
     const width = rowSeqLen * charWidth2;
     let inner2;
-    const shared = __spreadProps(__spreadValues({}, isSafari ? { letterSpacing: "3px" } : {}), {
+    const shared = {
       y: height2 - height2 / 4,
       className: "ve-monospace-font " + (isReverse ? " ve-sequence-reverse" : "")
-    });
+    };
     if (scrollData) {
       const numChunks = Math.ceil(rowSeqLen / chunkSize);
       const chunkWidth = chunkSize * charWidth2;
@@ -117924,12 +117924,13 @@ const _Sequence = class _Sequence extends React$2.Component {
         const x = i * chunkWidth;
         if (x > visibleEnd || x + textLength < visibleStart)
           return null;
+        const tlToUse = Math.max(0, textLength - fudge - fudge2);
         return /* @__PURE__ */ React$2.createElement(
           "text",
           __spreadValues({
             key: i
           }, __spreadProps(__spreadValues({}, shared), {
-            textLength: Math.max(0, textLength - fudge - fudge2),
+            textLength: tlToUse,
             x: x + fudge / 2,
             lengthAdjust: "spacing"
           })),
@@ -117937,16 +117938,22 @@ const _Sequence = class _Sequence extends React$2.Component {
         );
       });
     } else {
+      const tlToUse = Math.max(
+        0,
+        (alignmentData ? seqReadWidth : width) - fudge - fudge2
+      );
       inner2 = /* @__PURE__ */ React$2.createElement(
         "text",
         __spreadValues({}, __spreadProps(__spreadValues({}, shared), {
           x: 0 + fudge / 2,
-          textLength: Math.max(
-            0,
-            (alignmentData ? seqReadWidth : width) - fudge - fudge2
-          )
+          textLength: tlToUse
         })),
-        getBoldRegion({ sequence: sequence2, overlapToBold, rowStart, sequenceLength })
+        getBoldRegion({
+          sequence: sequence2,
+          overlapToBold,
+          rowStart,
+          sequenceLength
+        })
       );
     }
     return /* @__PURE__ */ React$2.createElement(
@@ -118058,6 +118065,9 @@ const _ColoredSequence = class _ColoredSequence extends React$2.Component {
 __name(_ColoredSequence, "ColoredSequence");
 let ColoredSequence = _ColoredSequence;
 function getBoldRegion({ sequence: sequence2, overlapToBold, rowStart, sequenceLength }) {
+  if (isSafari) {
+    return sequence2;
+  }
   const toRet = [];
   const [a2, b3] = overlapToBold || [];
   for (let index2 = rowStart; index2 < sequence2.length + rowStart; index2++) {
@@ -122401,7 +122411,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 __name(showFileDialog, "showFileDialog");
 const name = "@teselagen/ove";
-const version = "0.5.25";
+const version = "0.5.27";
 const main = "./src/index.js";
 const type = "module";
 const exports$1 = {
@@ -127856,14 +127866,50 @@ function VectorInteractionHOC(Component) {
         },
         "translationRightClicked"
       ));
-      __publicField(this, "featureDoubleClicked", /* @__PURE__ */ __name(({ annotation }) => {
-        showAddOrEditAnnotationDialog({ type: "feature", annotation });
+      __publicField(this, "featureDoubleClicked", /* @__PURE__ */ __name(({ event, annotation }) => {
+        const { doubleClickOverrides = {} } = this.props;
+        let preventDefault2;
+        if (doubleClickOverrides["featureDoubleClicked"]) {
+          preventDefault2 = doubleClickOverrides["featureDoubleClicked"]({
+            annotation,
+            event
+          });
+        }
+        if (!preventDefault2) {
+          event.preventDefault();
+          event.stopPropagation();
+          showAddOrEditAnnotationDialog({ type: "feature", annotation });
+        }
       }, "featureDoubleClicked"));
-      __publicField(this, "partDoubleClicked", /* @__PURE__ */ __name(({ annotation }) => {
-        showAddOrEditAnnotationDialog({ type: "part", annotation });
+      __publicField(this, "partDoubleClicked", /* @__PURE__ */ __name(({ event, annotation }) => {
+        const { doubleClickOverrides = {} } = this.props;
+        let preventDefault2;
+        if (doubleClickOverrides["partDoubleClicked"]) {
+          preventDefault2 = doubleClickOverrides["partDoubleClicked"]({
+            annotation,
+            event
+          });
+        }
+        if (!preventDefault2) {
+          event.preventDefault();
+          event.stopPropagation();
+          showAddOrEditAnnotationDialog({ type: "part", annotation });
+        }
       }, "partDoubleClicked"));
-      __publicField(this, "primerDoubleClicked", /* @__PURE__ */ __name(({ annotation }) => {
-        showAddOrEditAnnotationDialog({ type: "primer", annotation });
+      __publicField(this, "primerDoubleClicked", /* @__PURE__ */ __name(({ event, annotation }) => {
+        const { doubleClickOverrides = {} } = this.props;
+        let preventDefault2;
+        if (doubleClickOverrides["primerDoubleClicked"]) {
+          preventDefault2 = doubleClickOverrides["primerDoubleClicked"]({
+            annotation,
+            event
+          });
+        }
+        if (!preventDefault2) {
+          event.preventDefault();
+          event.stopPropagation();
+          showAddOrEditAnnotationDialog({ type: "primer", annotation });
+        }
       }, "primerDoubleClicked"));
       __publicField(this, "cutsiteDoubleClicked", /* @__PURE__ */ __name(({ annotation }) => {
         showDialog({
@@ -146616,7 +146662,8 @@ const _Editor = class _Editor extends React$2.Component {
           key: activePanelId,
           fontHeightMultiplier: this.props.fontHeightMultiplier,
           rightClickOverrides: this.props.rightClickOverrides,
-          clickOverrides: this.props.clickOverrides
+          clickOverrides: this.props.clickOverrides,
+          doubleClickOverrides: this.props.doubleClickOverrides
         }), panelPropsToSpread), {
           editorName,
           isProtein: sequenceData2.isProtein,

package/index.es.js

@@ -117889,10 +117889,10 @@ const _Sequence = class _Sequence extends React__default$1.Component {
     }, containerStyle);
     const width = rowSeqLen * charWidth2;
     let inner2;
-    const shared = __spreadProps(__spreadValues({}, isSafari ? { letterSpacing: "3px" } : {}), {
+    const shared = {
       y: height2 - height2 / 4,
       className: "ve-monospace-font " + (isReverse ? " ve-sequence-reverse" : "")
-    });
+    };
     if (scrollData) {
       const numChunks = Math.ceil(rowSeqLen / chunkSize);
       const chunkWidth = chunkSize * charWidth2;
@@ -117906,12 +117906,13 @@ const _Sequence = class _Sequence extends React__default$1.Component {
         const x = i * chunkWidth;
         if (x > visibleEnd || x + textLength < visibleStart)
           return null;
+        const tlToUse = Math.max(0, textLength - fudge - fudge2);
         return /* @__PURE__ */ React__default$1.createElement(
           "text",
           __spreadValues({
             key: i
           }, __spreadProps(__spreadValues({}, shared), {
-            textLength: Math.max(0, textLength - fudge - fudge2),
+            textLength: tlToUse,
             x: x + fudge / 2,
             lengthAdjust: "spacing"
           })),
@@ -117919,16 +117920,22 @@ const _Sequence = class _Sequence extends React__default$1.Component {
         );
       });
     } else {
+      const tlToUse = Math.max(
+        0,
+        (alignmentData ? seqReadWidth : width) - fudge - fudge2
+      );
       inner2 = /* @__PURE__ */ React__default$1.createElement(
         "text",
         __spreadValues({}, __spreadProps(__spreadValues({}, shared), {
           x: 0 + fudge / 2,
-          textLength: Math.max(
-            0,
-            (alignmentData ? seqReadWidth : width) - fudge - fudge2
-          )
+          textLength: tlToUse
         })),
-        getBoldRegion({ sequence: sequence2, overlapToBold, rowStart, sequenceLength })
+        getBoldRegion({
+          sequence: sequence2,
+          overlapToBold,
+          rowStart,
+          sequenceLength
+        })
       );
     }
     return /* @__PURE__ */ React__default$1.createElement(
@@ -118040,6 +118047,9 @@ const _ColoredSequence = class _ColoredSequence extends React__default$1.Compone
 __name(_ColoredSequence, "ColoredSequence");
 let ColoredSequence = _ColoredSequence;
 function getBoldRegion({ sequence: sequence2, overlapToBold, rowStart, sequenceLength }) {
+  if (isSafari) {
+    return sequence2;
+  }
   const toRet = [];
   const [a2, b3] = overlapToBold || [];
   for (let index2 = rowStart; index2 < sequence2.length + rowStart; index2++) {
@@ -122383,7 +122393,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 __name(showFileDialog, "showFileDialog");
 const name = "@teselagen/ove";
-const version = "0.5.25";
+const version = "0.5.27";
 const main = "./src/index.js";
 const type = "module";
 const exports$1 = {
@@ -127838,14 +127848,50 @@ function VectorInteractionHOC(Component2) {
         },
         "translationRightClicked"
       ));
-      __publicField(this, "featureDoubleClicked", /* @__PURE__ */ __name(({ annotation }) => {
-        showAddOrEditAnnotationDialog({ type: "feature", annotation });
+      __publicField(this, "featureDoubleClicked", /* @__PURE__ */ __name(({ event, annotation }) => {
+        const { doubleClickOverrides = {} } = this.props;
+        let preventDefault2;
+        if (doubleClickOverrides["featureDoubleClicked"]) {
+          preventDefault2 = doubleClickOverrides["featureDoubleClicked"]({
+            annotation,
+            event
+          });
+        }
+        if (!preventDefault2) {
+          event.preventDefault();
+          event.stopPropagation();
+          showAddOrEditAnnotationDialog({ type: "feature", annotation });
+        }
       }, "featureDoubleClicked"));
-      __publicField(this, "partDoubleClicked", /* @__PURE__ */ __name(({ annotation }) => {
-        showAddOrEditAnnotationDialog({ type: "part", annotation });
+      __publicField(this, "partDoubleClicked", /* @__PURE__ */ __name(({ event, annotation }) => {
+        const { doubleClickOverrides = {} } = this.props;
+        let preventDefault2;
+        if (doubleClickOverrides["partDoubleClicked"]) {
+          preventDefault2 = doubleClickOverrides["partDoubleClicked"]({
+            annotation,
+            event
+          });
+        }
+        if (!preventDefault2) {
+          event.preventDefault();
+          event.stopPropagation();
+          showAddOrEditAnnotationDialog({ type: "part", annotation });
+        }
       }, "partDoubleClicked"));
-      __publicField(this, "primerDoubleClicked", /* @__PURE__ */ __name(({ annotation }) => {
-        showAddOrEditAnnotationDialog({ type: "primer", annotation });
+      __publicField(this, "primerDoubleClicked", /* @__PURE__ */ __name(({ event, annotation }) => {
+        const { doubleClickOverrides = {} } = this.props;
+        let preventDefault2;
+        if (doubleClickOverrides["primerDoubleClicked"]) {
+          preventDefault2 = doubleClickOverrides["primerDoubleClicked"]({
+            annotation,
+            event
+          });
+        }
+        if (!preventDefault2) {
+          event.preventDefault();
+          event.stopPropagation();
+          showAddOrEditAnnotationDialog({ type: "primer", annotation });
+        }
       }, "primerDoubleClicked"));
       __publicField(this, "cutsiteDoubleClicked", /* @__PURE__ */ __name(({ annotation }) => {
         showDialog({
@@ -146598,7 +146644,8 @@ const _Editor = class _Editor extends React__default$1.Component {
           key: activePanelId,
           fontHeightMultiplier: this.props.fontHeightMultiplier,
           rightClickOverrides: this.props.rightClickOverrides,
-          clickOverrides: this.props.clickOverrides
+          clickOverrides: this.props.clickOverrides,
+          doubleClickOverrides: this.props.doubleClickOverrides
         }), panelPropsToSpread), {
           editorName,
           isProtein: sequenceData2.isProtein,

package/index.umd.js

@@ -146363,10 +146363,10 @@ ${seq.sequence}
       }, containerStyle);
       const width = rowSeqLen * charWidth2;
       let inner2;
-      const shared = __spreadProps(__spreadValues({}, isSafari ? { letterSpacing: "3px" } : {}), {
+      const shared = {
         y: height2 - height2 / 4,
         className: "ve-monospace-font " + (isReverse ? " ve-sequence-reverse" : "")
-      });
+      };
       if (scrollData) {
         const numChunks = Math.ceil(rowSeqLen / chunkSize);
         const chunkWidth = chunkSize * charWidth2;
@@ -146380,12 +146380,13 @@ ${seq.sequence}
           const x2 = i2 * chunkWidth;
           if (x2 > visibleEnd || x2 + textLength < visibleStart)
             return null;
+          const tlToUse = Math.max(0, textLength - fudge - fudge2);
           return /* @__PURE__ */ React$2.createElement(
             "text",
             __spreadValues({
               key: i2
             }, __spreadProps(__spreadValues({}, shared), {
-              textLength: Math.max(0, textLength - fudge - fudge2),
+              textLength: tlToUse,
               x: x2 + fudge / 2,
               lengthAdjust: "spacing"
             })),
@@ -146393,16 +146394,22 @@ ${seq.sequence}
           );
         });
       } else {
+        const tlToUse = Math.max(
+          0,
+          (alignmentData ? seqReadWidth : width) - fudge - fudge2
+        );
         inner2 = /* @__PURE__ */ React$2.createElement(
           "text",
           __spreadValues({}, __spreadProps(__spreadValues({}, shared), {
             x: 0 + fudge / 2,
-            textLength: Math.max(
-              0,
-              (alignmentData ? seqReadWidth : width) - fudge - fudge2
-            )
+            textLength: tlToUse
           })),
-          getBoldRegion({ sequence: sequence2, overlapToBold, rowStart, sequenceLength })
+          getBoldRegion({
+            sequence: sequence2,
+            overlapToBold,
+            rowStart,
+            sequenceLength
+          })
         );
       }
       return /* @__PURE__ */ React$2.createElement(
@@ -146514,6 +146521,9 @@ ${seq.sequence}
   __name(_ColoredSequence, "ColoredSequence");
   let ColoredSequence = _ColoredSequence;
   function getBoldRegion({ sequence: sequence2, overlapToBold, rowStart, sequenceLength }) {
+    if (isSafari) {
+      return sequence2;
+    }
     const toRet = [];
     const [a2, b3] = overlapToBold || [];
     for (let index2 = rowStart; index2 < sequence2.length + rowStart; index2++) {
@@ -150823,7 +150833,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.5.25";
+  const version = "0.5.27";
   const main = "./src/index.js";
   const type = "module";
   const exports$1 = {
@@ -154673,14 +154683,50 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           },
           "translationRightClicked"
         ));
-        __publicField(this, "featureDoubleClicked", /* @__PURE__ */ __name(({ annotation }) => {
-          showAddOrEditAnnotationDialog({ type: "feature", annotation });
+        __publicField(this, "featureDoubleClicked", /* @__PURE__ */ __name(({ event, annotation }) => {
+          const { doubleClickOverrides = {} } = this.props;
+          let preventDefault2;
+          if (doubleClickOverrides["featureDoubleClicked"]) {
+            preventDefault2 = doubleClickOverrides["featureDoubleClicked"]({
+              annotation,
+              event
+            });
+          }
+          if (!preventDefault2) {
+            event.preventDefault();
+            event.stopPropagation();
+            showAddOrEditAnnotationDialog({ type: "feature", annotation });
+          }
         }, "featureDoubleClicked"));
-        __publicField(this, "partDoubleClicked", /* @__PURE__ */ __name(({ annotation }) => {
-          showAddOrEditAnnotationDialog({ type: "part", annotation });
+        __publicField(this, "partDoubleClicked", /* @__PURE__ */ __name(({ event, annotation }) => {
+          const { doubleClickOverrides = {} } = this.props;
+          let preventDefault2;
+          if (doubleClickOverrides["partDoubleClicked"]) {
+            preventDefault2 = doubleClickOverrides["partDoubleClicked"]({
+              annotation,
+              event
+            });
+          }
+          if (!preventDefault2) {
+            event.preventDefault();
+            event.stopPropagation();
+            showAddOrEditAnnotationDialog({ type: "part", annotation });
+          }
         }, "partDoubleClicked"));
-        __publicField(this, "primerDoubleClicked", /* @__PURE__ */ __name(({ annotation }) => {
-          showAddOrEditAnnotationDialog({ type: "primer", annotation });
+        __publicField(this, "primerDoubleClicked", /* @__PURE__ */ __name(({ event, annotation }) => {
+          const { doubleClickOverrides = {} } = this.props;
+          let preventDefault2;
+          if (doubleClickOverrides["primerDoubleClicked"]) {
+            preventDefault2 = doubleClickOverrides["primerDoubleClicked"]({
+              annotation,
+              event
+            });
+          }
+          if (!preventDefault2) {
+            event.preventDefault();
+            event.stopPropagation();
+            showAddOrEditAnnotationDialog({ type: "primer", annotation });
+          }
         }, "primerDoubleClicked"));
         __publicField(this, "cutsiteDoubleClicked", /* @__PURE__ */ __name(({ annotation }) => {
           showDialog({
@@ -172921,7 +172967,8 @@ ${seqDataToCopy}\r
             key: activePanelId,
             fontHeightMultiplier: this.props.fontHeightMultiplier,
             rightClickOverrides: this.props.rightClickOverrides,
-            clickOverrides: this.props.clickOverrides
+            clickOverrides: this.props.clickOverrides,
+            doubleClickOverrides: this.props.doubleClickOverrides
           }), panelPropsToSpread), {
             editorName,
             isProtein: sequenceData2.isProtein,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.5.26",
+  "version": "0.5.28",
   "main": "./src/index.js",
   "exports": {
     ".": {

package/src/Editor/index.js

@@ -589,6 +589,7 @@ export class Editor extends React.Component {
           fontHeightMultiplier={this.props.fontHeightMultiplier}
           rightClickOverrides={this.props.rightClickOverrides}
           clickOverrides={this.props.clickOverrides}
+          doubleClickOverrides={this.props.doubleClickOverrides}
           {...panelPropsToSpread}
           editorName={editorName}
           isProtein={sequenceData.isProtein}

package/src/RowItem/Sequence.js

@@ -90,7 +90,6 @@ class Sequence extends React.Component {
 
     let inner;
     const shared = {
-      ...(isSafari ? { letterSpacing: "3px" } : {}),
       y: height - height / 4,
       className:
         "ve-monospace-font " + (isReverse ? " ve-sequence-reverse" : "")
@@ -108,12 +107,13 @@ class Sequence extends React.Component {
         const textLength = charWidth * seqChunk.length;
         const x = i * chunkWidth;
         if (x > visibleEnd || x + textLength < visibleStart) return null;
+        const tlToUse = Math.max(0, textLength - fudge - fudge2);
         return (
           <text
             key={i}
             {...{
               ...shared,
-              textLength: Math.max(0, textLength - fudge - fudge2),
+              textLength: tlToUse,
               x: x + fudge / 2,
               lengthAdjust: "spacing"
             }}
@@ -123,18 +123,24 @@ class Sequence extends React.Component {
         );
       });
     } else {
+      const tlToUse = Math.max(
+        0,
+        (alignmentData ? seqReadWidth : width) - fudge - fudge2
+      );
       inner = (
         <text
           {...{
             ...shared,
             x: 0 + fudge / 2,
-            textLength: Math.max(
-              0,
-              (alignmentData ? seqReadWidth : width) - fudge - fudge2
-            )
+            textLength: tlToUse
           }}
         >
-          {getBoldRegion({ sequence, overlapToBold, rowStart, sequenceLength })}
+          {getBoldRegion({
+            sequence,
+            overlapToBold,
+            rowStart,
+            sequenceLength
+          })}
         </text>
       );
     }
@@ -257,6 +263,10 @@ class ColoredSequence extends React.Component {
 }
 
 function getBoldRegion({ sequence, overlapToBold, rowStart, sequenceLength }) {
+  if (isSafari) {
+    // safari doesn't support text length with tspans so we can't bold the sequence - https://github.com/TeselaGen/tg-oss/issues/80
+    return sequence
+  }
   const toRet = [];
   const [a, b] = overlapToBold || [];
   for (let index = rowStart; index < sequence.length + rowStart; index++) {

package/src/withEditorInteractions/index.js

@@ -1096,14 +1096,50 @@ function VectorInteractionHOC(Component /* options */) {
       "translationRightClicked"
     );
 
-    featureDoubleClicked = ({ annotation }) => {
-      showAddOrEditAnnotationDialog({ type: "feature", annotation });
+    featureDoubleClicked = ({ event, annotation }) => {
+      const { doubleClickOverrides = {} } = this.props;
+      let preventDefault;
+      if (doubleClickOverrides["featureDoubleClicked"]) {
+        preventDefault = doubleClickOverrides["featureDoubleClicked"]({
+          annotation,
+          event
+        });
+      }
+      if (!preventDefault) {
+        event.preventDefault();
+        event.stopPropagation();
+        showAddOrEditAnnotationDialog({ type: "feature", annotation });
+      }
     };
-    partDoubleClicked = ({ annotation }) => {
-      showAddOrEditAnnotationDialog({ type: "part", annotation });
+    partDoubleClicked = ({ event, annotation }) => {
+      const { doubleClickOverrides = {} } = this.props;
+      let preventDefault;
+      if (doubleClickOverrides["partDoubleClicked"]) {
+        preventDefault = doubleClickOverrides["partDoubleClicked"]({
+          annotation,
+          event
+        });
+      }
+      if (!preventDefault) {
+        event.preventDefault();
+        event.stopPropagation();
+        showAddOrEditAnnotationDialog({ type: "part", annotation });
+      }
     };
-    primerDoubleClicked = ({ annotation }) => {
-      showAddOrEditAnnotationDialog({ type: "primer", annotation });
+    primerDoubleClicked = ({ event, annotation }) => {
+      const { doubleClickOverrides = {} } = this.props;
+      let preventDefault;
+      if (doubleClickOverrides["primerDoubleClicked"]) {
+        preventDefault = doubleClickOverrides["primerDoubleClicked"]({
+          annotation,
+          event
+        });
+      }
+      if (!preventDefault) {
+        event.preventDefault();
+        event.stopPropagation();
+        showAddOrEditAnnotationDialog({ type: "primer", annotation });
+      }
     };
     cutsiteDoubleClicked = ({ annotation }) => {
       showDialog({