@teselagen/ove 0.7.18 → 0.7.20

package/index.cjs.js

@@ -34060,6 +34060,7 @@ const multiViewColumn = __spreadProps(__spreadValues({}, viewColumn), {
     return /* @__PURE__ */ React$3.createElement(core.Tooltip, { content: allVisible ? "Hide All" : "Show All" }, /* @__PURE__ */ React$3.createElement(
       core.Button,
       {
+        className: `showHideAllButton-${allVisible ? "visible" : "hidden"}`,
         minimal: true,
         onClick: /* @__PURE__ */ __name(() => {
           setRecordIdToIsVisibleMap(
@@ -34096,6 +34097,7 @@ const multiViewColumn = __spreadProps(__spreadValues({}, viewColumn), {
         }, "onClick"),
         minimal: true,
         small: true,
+        className: `showHideButton-${isVisible ? "visible" : "hidden"}-${record.id}`,
         icon: isVisible ? "eye-open" : "eye-off"
       }
     ));
@@ -121498,7 +121500,9 @@ function Chromatogram(props) {
   ]);
   const marginLeft = gapsBeforeRow * charWidth2;
   if (chromatogramData.basePos && !chromatogramData.baseTraces) {
-    throw new Error('Chromatogram data is missing "baseTraces". Be sure to call the convertBasePosTraceToPerBpTrace(_chromData) before passing it to the editor');
+    throw new Error(
+      'Chromatogram data is missing "baseTraces". Be sure to call the convertBasePosTraceToPerBpTrace(_chromData) before passing it to the editor'
+    );
   }
   return /* @__PURE__ */ React$3.createElement(
     "div",
@@ -123047,7 +123051,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 __name(showFileDialog, "showFileDialog");
 const name = "@teselagen/ove";
-const version = "0.7.17";
+const version = "0.7.19";
 const main = "./src/index.js";
 const type = "module";
 const exports$1 = {
@@ -146087,7 +146091,7 @@ ${seqDataToCopy}\r
   }, [scrollPercentageToJumpTo]);
   React$3.useEffect(() => {
     const saveAlignment = /* @__PURE__ */ __name(() => __async(exports, null, function* () {
-      if (shouldAutosave && stateTrackingId) {
+      if (shouldAutosave && stateTrackingId && handleAlignmentSave) {
         setSaveMessage("Alignment Saving..");
         setSaveMessageLoading(true);
         let cleanedTracks;

package/index.es.js

@@ -34042,6 +34042,7 @@ const multiViewColumn = __spreadProps(__spreadValues({}, viewColumn), {
     return /* @__PURE__ */ React__default$1.createElement(Tooltip, { content: allVisible ? "Hide All" : "Show All" }, /* @__PURE__ */ React__default$1.createElement(
       Button,
       {
+        className: `showHideAllButton-${allVisible ? "visible" : "hidden"}`,
         minimal: true,
         onClick: /* @__PURE__ */ __name(() => {
           setRecordIdToIsVisibleMap(
@@ -34078,6 +34079,7 @@ const multiViewColumn = __spreadProps(__spreadValues({}, viewColumn), {
         }, "onClick"),
         minimal: true,
         small: true,
+        className: `showHideButton-${isVisible ? "visible" : "hidden"}-${record.id}`,
         icon: isVisible ? "eye-open" : "eye-off"
       }
     ));
@@ -121480,7 +121482,9 @@ function Chromatogram(props) {
   ]);
   const marginLeft = gapsBeforeRow * charWidth2;
   if (chromatogramData.basePos && !chromatogramData.baseTraces) {
-    throw new Error('Chromatogram data is missing "baseTraces". Be sure to call the convertBasePosTraceToPerBpTrace(_chromData) before passing it to the editor');
+    throw new Error(
+      'Chromatogram data is missing "baseTraces". Be sure to call the convertBasePosTraceToPerBpTrace(_chromData) before passing it to the editor'
+    );
   }
   return /* @__PURE__ */ React__default$1.createElement(
     "div",
@@ -123029,7 +123033,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 __name(showFileDialog, "showFileDialog");
 const name = "@teselagen/ove";
-const version = "0.7.17";
+const version = "0.7.19";
 const main = "./src/index.js";
 const type = "module";
 const exports$1 = {
@@ -146069,7 +146073,7 @@ ${seqDataToCopy}\r
   }, [scrollPercentageToJumpTo]);
   useEffect(() => {
     const saveAlignment = /* @__PURE__ */ __name(() => __async(void 0, null, function* () {
-      if (shouldAutosave && stateTrackingId) {
+      if (shouldAutosave && stateTrackingId && handleAlignmentSave) {
         setSaveMessage("Alignment Saving..");
         setSaveMessageLoading(true);
         let cleanedTracks;

package/index.umd.js

@@ -62760,6 +62760,7 @@ ${latestSubscriptionCallbackError.current.stack}
       return /* @__PURE__ */ React$5.createElement(Tooltip, { content: allVisible ? "Hide All" : "Show All" }, /* @__PURE__ */ React$5.createElement(
         Button,
         {
+          className: `showHideAllButton-${allVisible ? "visible" : "hidden"}`,
           minimal: true,
           onClick: /* @__PURE__ */ __name(() => {
             setRecordIdToIsVisibleMap(
@@ -62796,6 +62797,7 @@ ${latestSubscriptionCallbackError.current.stack}
           }, "onClick"),
           minimal: true,
           small: true,
+          className: `showHideButton-${isVisible ? "visible" : "hidden"}-${record.id}`,
           icon: isVisible ? "eye-open" : "eye-off"
         }
       ));
@@ -149375,7 +149377,9 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     ]);
     const marginLeft2 = gapsBeforeRow * charWidth2;
     if (chromatogramData.basePos && !chromatogramData.baseTraces) {
-      throw new Error('Chromatogram data is missing "baseTraces". Be sure to call the convertBasePosTraceToPerBpTrace(_chromData) before passing it to the editor');
+      throw new Error(
+        'Chromatogram data is missing "baseTraces". Be sure to call the convertBasePosTraceToPerBpTrace(_chromData) before passing it to the editor'
+      );
     }
     return /* @__PURE__ */ React$5.createElement(
       "div",
@@ -150924,7 +150928,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.7.17";
+  const version = "0.7.19";
   const main = "./src/index.js";
   const type = "module";
   const exports$1 = {
@@ -172362,7 +172366,7 @@ ${seqDataToCopy}\r
     }, [scrollPercentageToJumpTo]);
     reactExports.useEffect(() => {
       const saveAlignment = /* @__PURE__ */ __name(() => __async(this, null, function* () {
-        if (shouldAutosave && stateTrackingId) {
+        if (shouldAutosave && stateTrackingId && handleAlignmentSave) {
           setSaveMessage("Alignment Saving..");
           setSaveMessageLoading(true);
           let cleanedTracks;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.7.18",
+  "version": "0.7.20",
   "main": "./src/index.js",
   "type": "module",
   "exports": {
@@ -13,7 +13,7 @@
   "dependencies": {
     "@teselagen/sequence-utils": "0.3.27",
     "@teselagen/range-utils": "0.3.10",
-    "@teselagen/ui": "0.7.19",
+    "@teselagen/ui": "0.7.20",
     "@teselagen/file-utils": "0.3.18",
     "@teselagen/bounce-loader": "0.3.11",
     "@teselagen/bio-parsers": "0.4.22",

package/src/AlignmentView/index.js

@@ -459,7 +459,7 @@ export const AlignmentView = props => {
   useEffect(() => {
     const saveAlignment = async () => {
       //autosave if necessary!
-      if (shouldAutosave && stateTrackingId) {
+      if (shouldAutosave && stateTrackingId && handleAlignmentSave) {
         setSaveMessage("Alignment Saving..");
         setSaveMessageLoading(true);
 

package/src/AlignmentView/style.css

@@ -70,10 +70,10 @@
 .alignmentView .veSelectionLayer {
   top: 0;
 }
-
-.tg-reflex-element-inner .alignmentView {
+/* tnw - commenting this out to improve scrolling of alignment view inside editor - https://github.com/TeselaGen/tg-oss/issues/128 */
+/* .tg-reflex-element-inner .alignmentView {
   height: unset !important;
-}
+} */
 .veTracksAndAlignmentHolder {
   position: relative;
   width: fit-content;

package/src/RowItem/Chromatograms/Chromatogram.js

@@ -53,7 +53,9 @@ export default function Chromatogram(props) {
   ]);
   const marginLeft = gapsBeforeRow * charWidth;
   if (chromatogramData.basePos && !chromatogramData.baseTraces) {
-    throw new Error('Chromatogram data is missing "baseTraces". Be sure to call the convertBasePosTraceToPerBpTrace(_chromData) before passing it to the editor');
+    throw new Error(
+      'Chromatogram data is missing "baseTraces". Be sure to call the convertBasePosTraceToPerBpTrace(_chromData) before passing it to the editor'
+    );
   }
   return (
     <div

package/style.css

@@ -11141,10 +11141,10 @@ li.bp3-menu-divider:last-child {
 .alignmentView .veSelectionLayer {
   top: 0;
 }
-
-.tg-reflex-element-inner .alignmentView {
+/* tnw - commenting this out to improve scrolling of alignment view inside editor - https://github.com/TeselaGen/tg-oss/issues/128 */
+/* .tg-reflex-element-inner .alignmentView {
   height: unset !important;
-}
+} */
 .veTracksAndAlignmentHolder {
   position: relative;
   width: fit-content;