@teselagen/ove 0.7.30 → 0.7.32

package/constants.d.ts

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

package/index.cjs.js

@@ -84408,7 +84408,7 @@ function insertSequenceDataAtPositionOrRange(_sequenceDataToInsert, _existingSeq
     topLevelSeqData: existingSequenceData
   }, options));
   const newSequenceData = cloneDeep(existingSequenceData);
-  const insertLength = sequenceDataToInsert.proteinSequence ? sequenceDataToInsert.proteinSequence.length * 3 : sequenceDataToInsert.sequence.length;
+  const insertLength = sequenceDataToInsert.isProtein && sequenceDataToInsert.proteinSequence ? sequenceDataToInsert.proteinSequence.length * 3 : sequenceDataToInsert.sequence.length;
   let caretPosition2 = caretPositionOrRange;
   const isInsertSameLengthAsSelection = sequenceDataToInsert.sequence.length === getRangeLength(caretPositionOrRange, existingSequenceData.sequence.length);
   if (caretPositionOrRange.start > -1 && getRangeLength(
@@ -124877,7 +124877,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.7.29";
+const version = "0.7.31";
 const packageJson = {
   version
 };
@@ -145937,6 +145937,7 @@ function coerceInitialValue({ initialValue, minCharWidth }) {
   return zoomLvl;
 }
 __name(coerceInitialValue, "coerceInitialValue");
+const tabHeight = 34;
 let charWidthInLinearViewDefault = 12;
 try {
   const newVal2 = JSON.parse(
@@ -145951,6 +145952,7 @@ try {
 }
 const AlignmentView = /* @__PURE__ */ __name((props) => {
   const {
+    dimensions,
     alignmentType,
     alignmentRunUpdate: alignmentRunUpdate2,
     alignmentName: _alignmentName,
@@ -145964,7 +145966,7 @@ const AlignmentView = /* @__PURE__ */ __name((props) => {
     sequenceLength,
     shouldAutosave,
     store: store2,
-    height,
+    height: _height,
     minimapLaneHeight,
     minimapLaneSpacing,
     isInPairwiseOverviewView,
@@ -145980,6 +145982,10 @@ const AlignmentView = /* @__PURE__ */ __name((props) => {
     style: style2,
     unmappedSeqs
   } = props;
+  let height = _height;
+  if (dimensions && dimensions.height) {
+    height = dimensions.height - tabHeight;
+  }
   const _a2 = props, {
     alignmentId,
     alignmentTrackIndex,
@@ -150530,7 +150536,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) => {
@@ -152727,7 +152733,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

@@ -84390,7 +84390,7 @@ function insertSequenceDataAtPositionOrRange(_sequenceDataToInsert, _existingSeq
     topLevelSeqData: existingSequenceData
   }, options));
   const newSequenceData = cloneDeep(existingSequenceData);
-  const insertLength = sequenceDataToInsert.proteinSequence ? sequenceDataToInsert.proteinSequence.length * 3 : sequenceDataToInsert.sequence.length;
+  const insertLength = sequenceDataToInsert.isProtein && sequenceDataToInsert.proteinSequence ? sequenceDataToInsert.proteinSequence.length * 3 : sequenceDataToInsert.sequence.length;
   let caretPosition2 = caretPositionOrRange;
   const isInsertSameLengthAsSelection = sequenceDataToInsert.sequence.length === getRangeLength(caretPositionOrRange, existingSequenceData.sequence.length);
   if (caretPositionOrRange.start > -1 && getRangeLength(
@@ -124859,7 +124859,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.7.29";
+const version = "0.7.31";
 const packageJson = {
   version
 };
@@ -145919,6 +145919,7 @@ function coerceInitialValue({ initialValue, minCharWidth }) {
   return zoomLvl;
 }
 __name(coerceInitialValue, "coerceInitialValue");
+const tabHeight = 34;
 let charWidthInLinearViewDefault = 12;
 try {
   const newVal2 = JSON.parse(
@@ -145933,6 +145934,7 @@ try {
 }
 const AlignmentView = /* @__PURE__ */ __name((props) => {
   const {
+    dimensions,
     alignmentType,
     alignmentRunUpdate: alignmentRunUpdate2,
     alignmentName: _alignmentName,
@@ -145946,7 +145948,7 @@ const AlignmentView = /* @__PURE__ */ __name((props) => {
     sequenceLength,
     shouldAutosave,
     store: store2,
-    height,
+    height: _height,
     minimapLaneHeight,
     minimapLaneSpacing,
     isInPairwiseOverviewView,
@@ -145962,6 +145964,10 @@ const AlignmentView = /* @__PURE__ */ __name((props) => {
     style: style2,
     unmappedSeqs
   } = props;
+  let height = _height;
+  if (dimensions && dimensions.height) {
+    height = dimensions.height - tabHeight;
+  }
   const _a2 = props, {
     alignmentId,
     alignmentTrackIndex,
@@ -150512,7 +150518,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) => {
@@ -152709,7 +152715,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

@@ -113311,7 +113311,7 @@ ${latestSubscriptionCallbackError.current.stack}
       topLevelSeqData: existingSequenceData
     }, options));
     const newSequenceData = cloneDeep(existingSequenceData);
-    const insertLength = sequenceDataToInsert.proteinSequence ? sequenceDataToInsert.proteinSequence.length * 3 : sequenceDataToInsert.sequence.length;
+    const insertLength = sequenceDataToInsert.isProtein && sequenceDataToInsert.proteinSequence ? sequenceDataToInsert.proteinSequence.length * 3 : sequenceDataToInsert.sequence.length;
     let caretPosition2 = caretPositionOrRange;
     const isInsertSameLengthAsSelection = sequenceDataToInsert.sequence.length === getRangeLength(caretPositionOrRange, existingSequenceData.sequence.length);
     if (caretPositionOrRange.start > -1 && getRangeLength(
@@ -152975,7 +152975,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     input.click();
   }
   __name(showFileDialog, "showFileDialog");
-  const version = "0.7.29";
+  const version = "0.7.31";
   const packageJson = {
     version
   };
@@ -172433,6 +172433,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(
@@ -172447,6 +172448,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   const AlignmentView = /* @__PURE__ */ __name((props) => {
     const {
+      dimensions,
       alignmentType,
       alignmentRunUpdate: alignmentRunUpdate2,
       alignmentName: _alignmentName,
@@ -172460,7 +172462,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       sequenceLength,
       shouldAutosave,
       store: store2,
-      height,
+      height: _height,
       minimapLaneHeight,
       minimapLaneSpacing,
       isInPairwiseOverviewView,
@@ -172476,6 +172478,10 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       style: style2,
       unmappedSeqs
     } = props;
+    let height = _height;
+    if (dimensions && dimensions.height) {
+      height = dimensions.height - tabHeight;
+    }
     const _a2 = props, {
       alignmentId,
       alignmentTrackIndex,
@@ -177026,7 +177032,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) => {
@@ -179223,7 +179229,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.30",
+  "version": "0.7.32",
   "main": "./src/index.js",
   "type": "module",
   "exports": {
@@ -18,7 +18,7 @@
     "@teselagen/file-utils": "0.3.20",
     "@teselagen/range-utils": "0.3.13",
     "@teselagen/react-list": "0.8.18",
-    "@teselagen/sequence-utils": "0.3.31",
+    "@teselagen/sequence-utils": "0.3.32",
     "@teselagen/ui": "0.9.4",
     "@use-gesture/react": "10.3.0",
     "biomsa": "^0.2.4",

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 {
@@ -87,6 +88,7 @@ try {
 
 export const AlignmentView = props => {
   const {
+    dimensions,
     alignmentType,
     alignmentRunUpdate,
     alignmentName: _alignmentName,
@@ -100,7 +102,7 @@ export const AlignmentView = props => {
     sequenceLength,
     shouldAutosave,
     store,
-    height,
+    height: _height,
     minimapLaneHeight,
     minimapLaneSpacing,
     isInPairwiseOverviewView,
@@ -116,6 +118,10 @@ export const AlignmentView = props => {
     style,
     unmappedSeqs
   } = props;
+  let height = _height;
+  if (dimensions && dimensions.height) {
+    height = dimensions.height - tabHeight; //subtract the height of the tab header
+  }
 
   const {
     alignmentId,
@@ -1404,7 +1410,6 @@ export const AlignmentView = props => {
       updateLabelsForInViewFeatures();
     }
   };
-
   return (
     <PinchHelper {...pinchHandler}>
       <ResizeSensor onResize={handleResize}>

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;