@teselagen/ove 0.7.31 → 0.7.32

package/constants.d.ts

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

package/index.cjs.js

@@ -124877,7 +124877,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.7.30";
+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(
@@ -145983,7 +145984,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,
@@ -150535,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) => {
@@ -152732,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

@@ -124859,7 +124859,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.7.30";
+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(
@@ -145965,7 +145966,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,
@@ -150517,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) => {
@@ -152714,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

@@ -152975,7 +152975,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     input.click();
   }
   __name(showFileDialog, "showFileDialog");
-  const version = "0.7.30";
+  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(
@@ -172479,7 +172480,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,
@@ -177031,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) => {
@@ -179228,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.31",
+  "version": "0.7.32",
   "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 {
@@ -119,7 +120,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 {

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;