@teselagen/ove 0.7.31 → 0.7.33

package/constants.d.ts

@@ -1 +1,2 @@
 export const formName: "autoAnnotate";
+export const tabHeight: 34;

package/index.cjs.js

@@ -83324,6 +83324,9 @@ function positionInCdsToPositionInMainSequence(index2, forward, translationRange
 }
 __name(positionInCdsToPositionInMainSequence, "positionInCdsToPositionInMainSequence");
 function getAminoAcidDataForEachBaseOfDna(originalSequenceString, forward, optionalSubrangeRange, isProteinSequence) {
+  if (!originalSequenceString) {
+    return [];
+  }
   const {
     sequenceString,
     translationRange,
@@ -124877,7 +124880,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.7.30";
+const version = "0.7.32";
 const packageJson = {
   version
 };
@@ -145937,6 +145940,7 @@ function coerceInitialValue({ initialValue, minCharWidth }) {
   return zoomLvl;
 }
 __name(coerceInitialValue, "coerceInitialValue");
+const tabHeight = 34;
 let charWidthInLinearViewDefault = 12;
 try {
   const newVal2 = JSON.parse(
@@ -145962,7 +145966,6 @@ const AlignmentView = /* @__PURE__ */ __name((props) => {
     scrollPercentageToJumpTo,
     selectionLayer: selectionLayer2,
     sequenceData: sequenceData2,
-    sequenceLength,
     shouldAutosave,
     store: store2,
     height: _height,
@@ -145983,7 +145986,7 @@ const AlignmentView = /* @__PURE__ */ __name((props) => {
   } = props;
   let height = _height;
   if (dimensions && dimensions.height) {
-    height = dimensions.height;
+    height = dimensions.height - tabHeight;
   }
   const _a2 = props, {
     alignmentId,
@@ -146176,11 +146179,11 @@ ${seqDataToCopy}\r
       const forceReduxSelectionLayerUpdate = /* @__PURE__ */ __name((newSelection) => {
         selectionLayerUpdate2(newSelection, { forceReduxUpdate: true });
       }, "forceReduxSelectionLayerUpdate");
-      const sequenceLength2 = getSequenceLength();
+      const sequenceLength = getSequenceLength();
       updateSelectionOrCaret({
         doNotWrapOrigin: true,
         shiftHeld,
-        sequenceLength: sequenceLength2,
+        sequenceLength,
         newRangeOrCaret,
         caretPosition: easyStore2.current.caretPosition,
         selectionLayer: easyStore2.current.selectionLayer,
@@ -146210,11 +146213,12 @@ ${seqDataToCopy}\r
       if (sequenceData2 == null ? void 0 : sequenceData2.isProtein) {
         nearestCaretPos = Math.round(nearestCaretPos / 3) * 3;
       }
+      const sequenceLength = getSequenceLength();
       if (sequenceLength === 0) nearestCaretPos = 0;
       const callbackVals = {
         updateSelectionOrCaret: updateSelectionOrCaret$1,
         nearestCaretPos,
-        sequenceLength: getSequenceLength(),
+        sequenceLength,
         caretPosition: easyStore2.current.caretPosition,
         selectionLayer: easyStore2.current.selectionLayer,
         easyStore: easyStore2.current,
@@ -146241,7 +146245,6 @@ ${seqDataToCopy}\r
       nameDivWidth,
       selectionLayerUpdate2,
       sequenceData2 == null ? void 0 : sequenceData2.isProtein,
-      sequenceLength,
       updateSelectionOrCaret$1
     ]
   );
@@ -150535,7 +150538,7 @@ function ToolBar(props) {
       },
       items
     ) : items
-  ), /* @__PURE__ */ React.createElement("div", { style: { height: 34, display: "flex" } }, additionalTopRightToolbarButtons, closeFullscreen && /* @__PURE__ */ React.createElement(CloseFullscreenButton, { onClick: handleFullscreenClose })));
+  ), /* @__PURE__ */ React.createElement("div", { style: { height: tabHeight, display: "flex" } }, additionalTopRightToolbarButtons, closeFullscreen && /* @__PURE__ */ React.createElement(CloseFullscreenButton, { onClick: handleFullscreenClose })));
 }
 __name(ToolBar, "ToolBar");
 const CloseFullscreenButton = /* @__PURE__ */ __name((props) => {
@@ -152732,7 +152735,6 @@ const reorder = /* @__PURE__ */ __name((list2, startIndex, endIndex) => {
   result.splice(endIndex, 0, removed);
   return result;
 }, "reorder");
-const tabHeight = 34;
 const getSplitScreenListStyle = /* @__PURE__ */ __name((isDraggingOver, isDragging2) => {
   return __spreadProps(__spreadValues(__spreadValues({
     position: "absolute",

package/index.es.js

@@ -83306,6 +83306,9 @@ function positionInCdsToPositionInMainSequence(index2, forward, translationRange
 }
 __name(positionInCdsToPositionInMainSequence, "positionInCdsToPositionInMainSequence");
 function getAminoAcidDataForEachBaseOfDna(originalSequenceString, forward, optionalSubrangeRange, isProteinSequence) {
+  if (!originalSequenceString) {
+    return [];
+  }
   const {
     sequenceString,
     translationRange,
@@ -124859,7 +124862,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.7.30";
+const version = "0.7.32";
 const packageJson = {
   version
 };
@@ -145919,6 +145922,7 @@ function coerceInitialValue({ initialValue, minCharWidth }) {
   return zoomLvl;
 }
 __name(coerceInitialValue, "coerceInitialValue");
+const tabHeight = 34;
 let charWidthInLinearViewDefault = 12;
 try {
   const newVal2 = JSON.parse(
@@ -145944,7 +145948,6 @@ const AlignmentView = /* @__PURE__ */ __name((props) => {
     scrollPercentageToJumpTo,
     selectionLayer: selectionLayer2,
     sequenceData: sequenceData2,
-    sequenceLength,
     shouldAutosave,
     store: store2,
     height: _height,
@@ -145965,7 +145968,7 @@ const AlignmentView = /* @__PURE__ */ __name((props) => {
   } = props;
   let height = _height;
   if (dimensions && dimensions.height) {
-    height = dimensions.height;
+    height = dimensions.height - tabHeight;
   }
   const _a2 = props, {
     alignmentId,
@@ -146158,11 +146161,11 @@ ${seqDataToCopy}\r
       const forceReduxSelectionLayerUpdate = /* @__PURE__ */ __name((newSelection) => {
         selectionLayerUpdate2(newSelection, { forceReduxUpdate: true });
       }, "forceReduxSelectionLayerUpdate");
-      const sequenceLength2 = getSequenceLength();
+      const sequenceLength = getSequenceLength();
       updateSelectionOrCaret({
         doNotWrapOrigin: true,
         shiftHeld,
-        sequenceLength: sequenceLength2,
+        sequenceLength,
         newRangeOrCaret,
         caretPosition: easyStore2.current.caretPosition,
         selectionLayer: easyStore2.current.selectionLayer,
@@ -146192,11 +146195,12 @@ ${seqDataToCopy}\r
       if (sequenceData2 == null ? void 0 : sequenceData2.isProtein) {
         nearestCaretPos = Math.round(nearestCaretPos / 3) * 3;
       }
+      const sequenceLength = getSequenceLength();
       if (sequenceLength === 0) nearestCaretPos = 0;
       const callbackVals = {
         updateSelectionOrCaret: updateSelectionOrCaret$1,
         nearestCaretPos,
-        sequenceLength: getSequenceLength(),
+        sequenceLength,
         caretPosition: easyStore2.current.caretPosition,
         selectionLayer: easyStore2.current.selectionLayer,
         easyStore: easyStore2.current,
@@ -146223,7 +146227,6 @@ ${seqDataToCopy}\r
       nameDivWidth,
       selectionLayerUpdate2,
       sequenceData2 == null ? void 0 : sequenceData2.isProtein,
-      sequenceLength,
       updateSelectionOrCaret$1
     ]
   );
@@ -150517,7 +150520,7 @@ function ToolBar(props) {
       },
       items
     ) : items
-  ), /* @__PURE__ */ React__default.createElement("div", { style: { height: 34, display: "flex" } }, additionalTopRightToolbarButtons, closeFullscreen && /* @__PURE__ */ React__default.createElement(CloseFullscreenButton, { onClick: handleFullscreenClose })));
+  ), /* @__PURE__ */ React__default.createElement("div", { style: { height: tabHeight, display: "flex" } }, additionalTopRightToolbarButtons, closeFullscreen && /* @__PURE__ */ React__default.createElement(CloseFullscreenButton, { onClick: handleFullscreenClose })));
 }
 __name(ToolBar, "ToolBar");
 const CloseFullscreenButton = /* @__PURE__ */ __name((props) => {
@@ -152714,7 +152717,6 @@ const reorder = /* @__PURE__ */ __name((list2, startIndex, endIndex) => {
   result.splice(endIndex, 0, removed);
   return result;
 }, "reorder");
-const tabHeight = 34;
 const getSplitScreenListStyle = /* @__PURE__ */ __name((isDraggingOver, isDragging2) => {
   return __spreadProps(__spreadValues(__spreadValues({
     position: "absolute",

package/index.umd.js

@@ -112227,6 +112227,9 @@ ${latestSubscriptionCallbackError.current.stack}
   }
   __name(positionInCdsToPositionInMainSequence, "positionInCdsToPositionInMainSequence");
   function getAminoAcidDataForEachBaseOfDna(originalSequenceString, forward, optionalSubrangeRange, isProteinSequence) {
+    if (!originalSequenceString) {
+      return [];
+    }
     const {
       sequenceString,
       translationRange,
@@ -152975,7 +152978,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     input.click();
   }
   __name(showFileDialog, "showFileDialog");
-  const version = "0.7.30";
+  const version = "0.7.32";
   const packageJson = {
     version
   };
@@ -172433,6 +172436,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     return zoomLvl;
   }
   __name(coerceInitialValue, "coerceInitialValue");
+  const tabHeight = 34;
   let charWidthInLinearViewDefault = 12;
   try {
     const newVal2 = JSON.parse(
@@ -172458,7 +172462,6 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       scrollPercentageToJumpTo,
       selectionLayer: selectionLayer2,
       sequenceData: sequenceData2,
-      sequenceLength,
       shouldAutosave,
       store: store2,
       height: _height,
@@ -172479,7 +172482,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     } = props;
     let height = _height;
     if (dimensions && dimensions.height) {
-      height = dimensions.height;
+      height = dimensions.height - tabHeight;
     }
     const _a2 = props, {
       alignmentId,
@@ -172672,11 +172675,11 @@ ${seqDataToCopy}\r
         const forceReduxSelectionLayerUpdate = /* @__PURE__ */ __name((newSelection) => {
           selectionLayerUpdate2(newSelection, { forceReduxUpdate: true });
         }, "forceReduxSelectionLayerUpdate");
-        const sequenceLength2 = getSequenceLength();
+        const sequenceLength = getSequenceLength();
         updateSelectionOrCaret({
           doNotWrapOrigin: true,
           shiftHeld,
-          sequenceLength: sequenceLength2,
+          sequenceLength,
           newRangeOrCaret,
           caretPosition: easyStore2.current.caretPosition,
           selectionLayer: easyStore2.current.selectionLayer,
@@ -172706,11 +172709,12 @@ ${seqDataToCopy}\r
         if (sequenceData2 == null ? void 0 : sequenceData2.isProtein) {
           nearestCaretPos = Math.round(nearestCaretPos / 3) * 3;
         }
+        const sequenceLength = getSequenceLength();
         if (sequenceLength === 0) nearestCaretPos = 0;
         const callbackVals = {
           updateSelectionOrCaret: updateSelectionOrCaret$1,
           nearestCaretPos,
-          sequenceLength: getSequenceLength(),
+          sequenceLength,
           caretPosition: easyStore2.current.caretPosition,
           selectionLayer: easyStore2.current.selectionLayer,
           easyStore: easyStore2.current,
@@ -172737,7 +172741,6 @@ ${seqDataToCopy}\r
         nameDivWidth,
         selectionLayerUpdate2,
         sequenceData2 == null ? void 0 : sequenceData2.isProtein,
-        sequenceLength,
         updateSelectionOrCaret$1
       ]
     );
@@ -177031,7 +177034,7 @@ ${seqDataToCopy}\r
         },
         items
       ) : items
-    ), /* @__PURE__ */ React.createElement("div", { style: { height: 34, display: "flex" } }, additionalTopRightToolbarButtons, closeFullscreen && /* @__PURE__ */ React.createElement(CloseFullscreenButton, { onClick: handleFullscreenClose })));
+    ), /* @__PURE__ */ React.createElement("div", { style: { height: tabHeight, display: "flex" } }, additionalTopRightToolbarButtons, closeFullscreen && /* @__PURE__ */ React.createElement(CloseFullscreenButton, { onClick: handleFullscreenClose })));
   }
   __name(ToolBar, "ToolBar");
   const CloseFullscreenButton = /* @__PURE__ */ __name((props) => {
@@ -179228,7 +179231,6 @@ ${seqDataToCopy}\r
     result.splice(endIndex, 0, removed);
     return result;
   }, "reorder");
-  const tabHeight = 34;
   const getSplitScreenListStyle = /* @__PURE__ */ __name((isDraggingOver, isDragging2) => {
     return __spreadProps(__spreadValues(__spreadValues({
       position: "absolute",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.7.31",
+  "version": "0.7.33",
   "main": "./src/index.js",
   "type": "module",
   "exports": {

package/src/AlignmentView/index.js

@@ -71,6 +71,7 @@ import { updateTrackHelper } from "./updateTrackHelper";
 import { isTargetWithinEl } from "./isTargetWithinEl";
 import { EditTrackNameDialog } from "./EditTrackNameDialog";
 import { coerceInitialValue } from "./coerceInitialValue";
+import { tabHeight } from "../constants";
 
 let charWidthInLinearViewDefault = 12;
 try {
@@ -98,7 +99,6 @@ export const AlignmentView = props => {
     scrollPercentageToJumpTo,
     selectionLayer,
     sequenceData,
-    sequenceLength,
     shouldAutosave,
     store,
     height: _height,
@@ -119,7 +119,7 @@ export const AlignmentView = props => {
   } = props;
   let height = _height;
   if (dimensions && dimensions.height) {
-    height = dimensions.height;
+    height = dimensions.height - tabHeight; //subtract the height of the tab header
   }
 
   const {
@@ -370,11 +370,12 @@ export const AlignmentView = props => {
       if (sequenceData?.isProtein) {
         nearestCaretPos = Math.round(nearestCaretPos / 3) * 3;
       }
+      const sequenceLength = getSequenceLength();
       if (sequenceLength === 0) nearestCaretPos = 0;
       const callbackVals = {
         updateSelectionOrCaret,
         nearestCaretPos,
-        sequenceLength: getSequenceLength(),
+        sequenceLength,
         caretPosition: easyStore.current.caretPosition,
         selectionLayer: easyStore.current.selectionLayer,
         easyStore: easyStore.current,
@@ -401,7 +402,6 @@ export const AlignmentView = props => {
       nameDivWidth,
       selectionLayerUpdate,
       sequenceData?.isProtein,
-      sequenceLength,
       updateSelectionOrCaret
     ]
   );

package/src/Editor/index.js

@@ -54,6 +54,7 @@ import isMobile from "is-mobile";
 import { getClientX, getClientY } from "../utils/editorUtils";
 import PCRTool from "../PCRTool/PCRTool";
 import classNames from "classnames";
+import { tabHeight } from "../constants";
 
 // if (process.env.NODE_ENV !== 'production') {
 //   const {whyDidYouUpdate} = require('why-did-you-update');
@@ -90,7 +91,6 @@ const reorder = (list, startIndex, endIndex) => {
 
   return result;
 };
-const tabHeight = 34;
 
 const getSplitScreenListStyle = (isDraggingOver, isDragging) => {
   return {

package/src/ToolBar/index.js

@@ -23,6 +23,7 @@ import undoTool from "./undoTool";
 import redoTool from "./redoTool";
 import isMobile from "is-mobile";
 import { useMemo } from "react";
+import { tabHeight } from "../constants";
 
 const allTools = {
   downloadTool,
@@ -189,7 +190,7 @@ export function ToolBar(props) {
           items
         )}
       </div>
-      <div style={{ height: 34, display: "flex" }}>
+      <div style={{ height: tabHeight, display: "flex" }}>
         {additionalTopRightToolbarButtons}
         {closeFullscreen && (
           <CloseFullscreenButton onClick={handleFullscreenClose} />

package/src/constants.js

@@ -1 +1,2 @@
 export const formName = "autoAnnotate";
+export const tabHeight = 34;