@teselagen/ove 0.3.56 → 0.3.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.3.56",
+  "version": "0.3.58",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -15,8 +15,8 @@
   "dependencies": {
     "@teselagen/sequence-utils": "0.3.13",
     "@teselagen/range-utils": "0.3.7",
-    "@teselagen/ui": "0.3.44",
-    "@teselagen/file-utils": "0.3.9",
+    "@teselagen/ui": "0.3.48",
+    "@teselagen/file-utils": "0.3.11",
     "@teselagen/bounce-loader": "0.3.11",
     "@teselagen/bio-parsers": "0.4.7",
     "@blueprintjs/core": "3.52.0",

package/src/LinearView/SequenceName.js

@@ -2,7 +2,7 @@ import React from "react";
 
 export function SequenceName({ sequenceName, sequenceLength, isProtein }) {
   return (
-    <div key="circViewSvgCenterText" style={{ textAlign: "center" }}>
+    <div key="sequenceNameText" className="sequenceNameText">
       <span>{sequenceName} </span>
       <br />
       <span>

package/src/LinearView/style.css

@@ -5,7 +5,10 @@
 .veLinearView.isLinViewZoomed .veRowItemWrapper {
   overflow: auto;
 }
-
+.sequenceNameText {
+  text-align: center;
+  padding-top: 20px;
+}
 /* .tg-pinch-helper {
   touch-action: none;
   -moz-user-select: none;

package/src/RowItem/Axis.js

@@ -88,6 +88,7 @@ const Axis = function (props) {
     tickMarkSVG.push(
       <rect
         className="veAxisTick"
+        data-test={tickMarkPosition + 1}
         key={"axisTickMarkPath " + i + " " + tickMarkPosition}
         x={xCenter}
         width={1}

package/src/redux/panelsShown.js

@@ -104,7 +104,7 @@ export const collapseSplitScreen = (activePanelId, meta) => {
 // ------------------------------------
 // Reducer
 // ------------------------------------
-export default createReducer(
+const reducer = createReducer(
   {
     [addPanelIfItDoesntAlreadyExist]: (state, panelToAdd) => {
       if (
@@ -140,8 +140,16 @@ export default createReducer(
           if (id === idToClose) indexToClose = i;
         });
         if (indexToClose > -1) {
-          return removeItem(group, indexToClose).map((tab, i) => {
-            if (i === 0) return { ...tab, active: true };
+          const newPanels = removeItem(group, indexToClose);
+          let mostRecentIndex = 0;
+          newPanels.forEach(p => {
+            if (p.lastActive > newPanels[mostRecentIndex].lastActive) {
+              mostRecentIndex = newPanels.indexOf(p);
+            }
+          });
+
+          return newPanels.map((tab, i) => {
+            if (i === mostRecentIndex) return { ...tab, active: true };
             else {
               return tab;
             }
@@ -258,6 +266,17 @@ export default createReducer(
   ]
 );
 
+export default (state, action) => {
+  const nextState = reducer(state, action);
+  nextState.forEach(pg => {
+    pg.forEach(p => {
+      if (p.active) {
+        p.lastActive = Date.now().toString();
+      }
+    });
+  });
+  return nextState;
+};
 function flipActiveForGroup(group, setCircActive) {
   const activeTab = group.find(({ active }) => active);
   if (activeTab?.id === (setCircActive ? "rail" : "circular")) {

package/style.css

@@ -9546,9 +9546,9 @@ body:not(.drag-active)
 .tg-dropdown-cell-edit-container .bp3-tag-input .bp3-button {
   margin: 0;
 }
-.tg-dropdown-cell-edit-container .bp3-tag-input .bp3-tag-input-values > * {
+/* .tg-dropdown-cell-edit-container .bp3-tag-input .bp3-tag-input-values > * {
   margin-bottom: 0;
-}
+} */
 .tg-dropdown-cell-edit-container:not(.tg-dropdown-cell-edit-container-multi)
   .bp3-tag-input {
   min-height: 0;
@@ -10958,7 +10958,10 @@ li.bp3-menu-divider:last-child {
 .veLinearView.isLinViewZoomed .veRowItemWrapper {
   overflow: auto;
 }
-
+.sequenceNameText {
+  text-align: center;
+  padding-top: 20px;
+}
 /* .tg-pinch-helper {
   touch-action: none;
   -moz-user-select: none;