@teselagen/ove 0.3.55 → 0.3.57

package/index.umd.js

@@ -23362,6 +23362,21 @@ var __async = (__this, __arguments, generator) => {
     render: render$1
   });
   const tippy = "";
+  let isDragging$1 = false;
+  let canSetDragging = false;
+  document.addEventListener("mousedown", () => {
+    canSetDragging = true;
+    isDragging$1 = false;
+  });
+  document.addEventListener("mousemove", () => {
+    if (canSetDragging) {
+      isDragging$1 = true;
+    }
+  });
+  document.addEventListener("mouseup", () => {
+    canSetDragging = false;
+    isDragging$1 = false;
+  });
   let tippys = [];
   let recentlyHidden = false;
   let clearMe;
@@ -23466,7 +23481,7 @@ var __async = (__this, __arguments, generator) => {
             dataAvoid,
             dataAvoidBackup
           };
-          if (dataTip && !document.body.classList.contains("drag-active")) {
+          if (dataTip && !document.body.classList.contains("drag-active") && !isDragging$1) {
             inner2(dataTip, el2, opts2);
             break;
           } else if (isEllipsized && el2.offsetWidth < el2.scrollWidth - 4 && //the -4 is adding a teeny bit of tolerance to fix issues with the column headers getting tooltips even when fully visible
@@ -25891,7 +25906,7 @@ var __async = (__this, __arguments, generator) => {
     }, [onFileDialogCancel]);
     var rootRef = reactExports.useRef(null);
     var inputRef = reactExports.useRef(null);
-    var _useReducer = reactExports.useReducer(reducer$1, initialState), _useReducer2 = _slicedToArray$5(_useReducer, 2), state2 = _useReducer2[0], dispatch = _useReducer2[1];
+    var _useReducer = reactExports.useReducer(reducer$2, initialState), _useReducer2 = _slicedToArray$5(_useReducer, 2), state2 = _useReducer2[0], dispatch = _useReducer2[1];
     var isFocused = state2.isFocused, isFileDialogActive = state2.isFileDialogActive, draggedFiles = state2.draggedFiles;
     var onWindowFocus = /* @__PURE__ */ __name(function onWindowFocus2() {
       if (isFileDialogActive) {
@@ -26198,7 +26213,7 @@ var __async = (__this, __arguments, generator) => {
     });
   }
   __name(useDropzone, "useDropzone");
-  function reducer$1(state2, action2) {
+  function reducer$2(state2, action2) {
     switch (action2.type) {
       case "focus":
         return _objectSpread$2(_objectSpread$2({}, state2), {}, {
@@ -26233,7 +26248,7 @@ var __async = (__this, __arguments, generator) => {
         return state2;
     }
   }
-  __name(reducer$1, "reducer$1");
+  __name(reducer$2, "reducer$2");
   function noop$6() {
   }
   __name(noop$6, "noop$6");
@@ -32266,12 +32281,12 @@ var __async = (__this, __arguments, generator) => {
     return ExtendableBuiltin;
   }
   __name(_extendableBuiltin, "_extendableBuiltin");
-  (function(_extendableBuiltin2) {
-    _inherits$p(ExtendableError, _extendableBuiltin2);
-    function ExtendableError() {
+  var ExtendableError = function(_extendableBuiltin2) {
+    _inherits$p(ExtendableError2, _extendableBuiltin2);
+    function ExtendableError2() {
       var message = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-      _classCallCheck$p(this, ExtendableError);
-      var _this = _possibleConstructorReturn$p(this, (ExtendableError.__proto__ || Object.getPrototypeOf(ExtendableError)).call(this, message));
+      _classCallCheck$p(this, ExtendableError2);
+      var _this = _possibleConstructorReturn$p(this, (ExtendableError2.__proto__ || Object.getPrototypeOf(ExtendableError2)).call(this, message));
       Object.defineProperty(_this, "message", {
         configurable: true,
         enumerable: false,
@@ -32296,10 +32311,22 @@ var __async = (__this, __arguments, generator) => {
       });
       return _this;
     }
-    __name(ExtendableError, "ExtendableError");
-    return ExtendableError;
-  })(_extendableBuiltin(Error));
+    __name(ExtendableError2, "ExtendableError");
+    return ExtendableError2;
+  }(_extendableBuiltin(Error));
   var __FLAG__ = "@@redux-form/submission-error-flag";
+  var SubmissionError = /* @__PURE__ */ function(_ExtendableError) {
+    _inheritsLoose$2(SubmissionError2, _ExtendableError);
+    function SubmissionError2(errors) {
+      var _this;
+      _this = _ExtendableError.call(this, "Submit Validation Failed") || this;
+      _this.errors = errors;
+      return _this;
+    }
+    __name(SubmissionError2, "SubmissionError");
+    return SubmissionError2;
+  }(ExtendableError);
+  SubmissionError.__FLAG__ = __FLAG__;
   function isSubmissionError(error) {
     return (error && error.constructor && error.constructor.__FLAG__ === __FLAG__) === true;
   }
@@ -45001,16 +45028,25 @@ ${latestSubscriptionCallbackError.current.stack}
   var _cof = /* @__PURE__ */ __name(function(it) {
     return toString$4.call(it).slice(8, -1);
   }, "_cof");
-  var cof$2 = _cof;
-  var _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
-    return cof$2(it) == "String" ? it.split("") : Object(it);
-  };
+  var _iobject;
+  var hasRequired_iobject;
+  function require_iobject() {
+    if (hasRequired_iobject)
+      return _iobject;
+    hasRequired_iobject = 1;
+    var cof2 = _cof;
+    _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
+      return cof2(it) == "String" ? it.split("") : Object(it);
+    };
+    return _iobject;
+  }
+  __name(require_iobject, "require_iobject");
   var _defined = /* @__PURE__ */ __name(function(it) {
     if (it == void 0)
       throw TypeError("Can't call method on  " + it);
     return it;
   }, "_defined");
-  var IObject = _iobject;
+  var IObject = require_iobject();
   var defined$2 = _defined;
   var _toIobject = /* @__PURE__ */ __name(function(it) {
     return IObject(defined$2(it));
@@ -45107,7 +45143,15 @@ ${latestSubscriptionCallbackError.current.stack}
   var _objectGops = {};
   _objectGops.f = Object.getOwnPropertySymbols;
   var _objectPie = {};
-  _objectPie.f = {}.propertyIsEnumerable;
+  var hasRequired_objectPie;
+  function require_objectPie() {
+    if (hasRequired_objectPie)
+      return _objectPie;
+    hasRequired_objectPie = 1;
+    _objectPie.f = {}.propertyIsEnumerable;
+    return _objectPie;
+  }
+  __name(require_objectPie, "require_objectPie");
   var defined$1 = _defined;
   var _toObject = /* @__PURE__ */ __name(function(it) {
     return Object(defined$1(it));
@@ -45121,9 +45165,9 @@ ${latestSubscriptionCallbackError.current.stack}
     var DESCRIPTORS2 = _descriptors;
     var getKeys2 = _objectKeys;
     var gOPS2 = _objectGops;
-    var pIE2 = _objectPie;
+    var pIE2 = require_objectPie();
     var toObject2 = _toObject;
-    var IObject2 = _iobject;
+    var IObject2 = require_iobject();
     var $assign = Object.assign;
     _objectAssign = !$assign || _fails(function() {
       var A2 = {};
@@ -45758,7 +45802,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "_wksDefine");
   var getKeys = _objectKeys;
   var gOPS$1 = _objectGops;
-  var pIE$1 = _objectPie;
+  var pIE$1 = require_objectPie();
   var _enumKeys = /* @__PURE__ */ __name(function(it) {
     var result = getKeys(it);
     var getSymbols2 = gOPS$1.f;
@@ -45799,7 +45843,7 @@ ${latestSubscriptionCallbackError.current.stack}
     return windowNames && toString$3.call(it) == "[object Window]" ? getWindowNames(it) : gOPN$1(toIObject$2(it));
   }, "getOwnPropertyNames");
   var _objectGopd = {};
-  var pIE = _objectPie;
+  var pIE = require_objectPie();
   var createDesc$1 = _propertyDesc;
   var toIObject$1 = _toIobject;
   var toPrimitive$1 = _toPrimitive$1;
@@ -45979,7 +46023,7 @@ ${latestSubscriptionCallbackError.current.stack}
     $GOPD.f = $getOwnPropertyDescriptor;
     $DP.f = $defineProperty;
     _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
-    _objectPie.f = $propertyIsEnumerable;
+    require_objectPie().f = $propertyIsEnumerable;
     $GOPS.f = $getOwnPropertySymbols;
     if (DESCRIPTORS && !_library) {
       redefine(ObjectProto, "propertyIsEnumerable", $propertyIsEnumerable);
@@ -86111,6 +86155,16 @@ ${latestSubscriptionCallbackError.current.stack}
     lodashExports.set(entity, path2, nv);
     return { entity, error };
   }, "editCellHelper");
+  const throwFormError = /* @__PURE__ */ __name((error) => {
+    if (error.message) {
+      console.error("error:", error);
+    }
+    const errorToUse = error.message ? { _error: error.message } : typeof error === "string" ? { _error: error } : error;
+    if (!errorToUse._error) {
+      errorToUse._error = "Error Submitting Form";
+    }
+    throw new SubmissionError(errorToUse);
+  }, "throwFormError");
   T$1();
   const PRIMARY_SELECTED_VAL = "main_cell";
   dayjs.extend(localizedFormat);
@@ -86608,7 +86662,12 @@ ${latestSubscriptionCallbackError.current.stack}
         const { change: change2, schema: schema2 } = computePresets(this.props);
         change2(
           "reduxFormCellValidation",
-          validateTableWideErrors({ entities, schema: schema2, newCellValidate })
+          validateTableWideErrors({
+            entities,
+            schema: schema2,
+            newCellValidate,
+            props: this.props
+          })
         );
       }, "updateValidation"));
       __publicField(this, "handleDeleteCell", /* @__PURE__ */ __name(() => {
@@ -86708,7 +86767,7 @@ ${latestSubscriptionCallbackError.current.stack}
       }, "updateEntitiesHelper"));
       __publicField(this, "getRowCopyText", /* @__PURE__ */ __name((rowEl, { specificColumn } = {}) => {
         if (!rowEl)
-          return;
+          return [];
         const textContent = [];
         const jsonText = [];
         lodashExports.forEach(rowEl.children, (cellEl) => {
@@ -87954,6 +88013,54 @@ ${latestSubscriptionCallbackError.current.stack}
           return "";
         return stringText;
       }, "getCopyTextForCell"));
+      __publicField(this, "addEditableTableEntities", /* @__PURE__ */ __name((incomingEnts) => {
+        const { entities = [], reduxFormCellValidation } = computePresets(
+          this.props
+        );
+        this.updateEntitiesHelper(entities, (entities2) => {
+          const newEntities = incomingEnts.map((e2) => __spreadProps(__spreadValues({}, e2), {
+            id: e2.id || nanoid(),
+            _isClean: false
+          }));
+          const { newEnts, validationErrors } = this.formatAndValidateEntities(
+            newEntities,
+            {
+              useDefaultValues: true,
+              indexToStartAt: entities2.length
+            }
+          );
+          if (lodashExports.every(entities2, "_isClean")) {
+            lodashExports.forEach(newEnts, (e2, i2) => {
+              entities2[i2] = e2;
+            });
+          } else {
+            entities2.splice(entities2.length, 0, ...newEnts);
+          }
+          this.updateValidation(entities2, __spreadValues(__spreadValues({}, reduxFormCellValidation), validationErrors));
+        });
+      }, "addEditableTableEntities"));
+      __publicField(this, "getEditableTableInfoAndThrowFormError", /* @__PURE__ */ __name(() => {
+        const { schema: schema2, reduxFormEntities, reduxFormCellValidation } = computePresets(this.props);
+        const { entsToUse, validationToUse } = removeCleanRows(
+          reduxFormEntities,
+          reduxFormCellValidation
+        );
+        const validationWTableErrs = validateTableWideErrors({
+          entities: entsToUse,
+          schema: schema2,
+          newCellValidate: validationToUse
+        });
+        if (!(entsToUse == null ? void 0 : entsToUse.length)) {
+          throwFormError(
+            "Please add at least one row to the table before submitting."
+          );
+        }
+        const invalid = lodashExports.isEmpty(validationWTableErrs) || !lodashExports.some(validationWTableErrs, (v2) => v2) ? void 0 : validationWTableErrs;
+        if (invalid) {
+          throwFormError("Please fix the errors in the table before submitting.");
+        }
+        return entsToUse;
+      }, "getEditableTableInfoAndThrowFormError"));
       __publicField(this, "insertRows", /* @__PURE__ */ __name(({ above, numRows = 1, appendToBottom } = {}) => {
         const { entities = [], reduxFormCellValidation } = computePresets(
           this.props
@@ -88346,6 +88453,10 @@ ${latestSubscriptionCallbackError.current.stack}
           )
         );
       }, "renderColumnHeader"));
+      if (this.props.helperProp) {
+        this.props.helperProp.addEditableTableEntities = this.addEditableTableEntities;
+        this.props.helperProp.getEditableTableInfoAndThrowFormError = this.getEditableTableInfoAndThrowFormError;
+      }
       this.hotkeyEnabler = withHotkeys(__spreadProps(__spreadValues({
         moveUpARow: {
           global: false,
@@ -88943,16 +89054,25 @@ ${latestSubscriptionCallbackError.current.stack}
                     this.table = n2;
                 },
                 additionalBodyEl: isCellEditable && !onlyShowRowsWErrors && /* @__PURE__ */ React$2.createElement(
-                  Button,
+                  "div",
                   {
-                    icon: "add",
-                    style: { marginTop: "auto" },
-                    onClick: () => {
-                      this.insertRows({ numRows: 10, appendToBottom: true });
-                    },
-                    minimal: true
+                    style: {
+                      width: "100%",
+                      display: "flex",
+                      justifyContent: "center"
+                    }
                   },
-                  "Add 10 Rows"
+                  /* @__PURE__ */ React$2.createElement(
+                    Button,
+                    {
+                      icon: "add",
+                      onClick: () => {
+                        this.insertRows({ numRows: 10, appendToBottom: true });
+                      },
+                      minimal: true
+                    },
+                    "Add 10 Rows"
+                  )
                 ),
                 className: classNames$1({
                   isCellEditable,
@@ -89347,6 +89467,26 @@ ${latestSubscriptionCallbackError.current.stack}
     }
     return newVal2;
   }, "formatPasteData");
+  function removeCleanRows(reduxFormEntities, reduxFormCellValidation) {
+    const toFilterOut = {};
+    const entsToUse = (reduxFormEntities || []).filter((e2) => {
+      if (!(e2._isClean || isEntityClean(e2)))
+        return true;
+      else {
+        toFilterOut[getIdOrCodeOrIndex(e2)] = true;
+        return false;
+      }
+    });
+    const validationToUse = {};
+    lodashExports.forEach(reduxFormCellValidation, (v2, k2) => {
+      const [rowId] = k2.split(":");
+      if (!toFilterOut[rowId]) {
+        validationToUse[k2] = v2;
+      }
+    });
+    return { entsToUse, validationToUse };
+  }
+  __name(removeCleanRows, "removeCleanRows");
   const wrapDialog = /* @__PURE__ */ __name((topLevelDialogProps = {}) => (Component) => (props) => {
     const r2 = reactExports.useRef();
     const memoedHotkeys = reactExports.useMemo(
@@ -91759,6 +91899,7 @@ ${latestSubscriptionCallbackError.current.stack}
         isSimple: true,
         keepDirtyOnReinitialize: true,
         isCellEditable: true,
+        initialEntities: (initialEntities ? initialEntities : data) || [],
         entities: (initialEntities ? initialEntities : data) || [],
         schema: validateAgainstSchema
       }
@@ -91861,26 +92002,6 @@ ${latestSubscriptionCallbackError.current.stack}
     });
   }
   __name(asyncValidateHelper, "asyncValidateHelper");
-  function removeCleanRows(reduxFormEntities, reduxFormCellValidation) {
-    const toFilterOut = {};
-    const entsToUse = (reduxFormEntities || []).filter((e2) => {
-      if (!(e2._isClean || isEntityClean(e2)))
-        return true;
-      else {
-        toFilterOut[getIdOrCodeOrIndex(e2)] = true;
-        return false;
-      }
-    });
-    const validationToUse = {};
-    lodashExports.forEach(reduxFormCellValidation, (v2, k2) => {
-      const [rowId] = k2.split(":");
-      if (!toFilterOut[rowId]) {
-        validationToUse[k2] = v2;
-      }
-    });
-    return { entsToUse, validationToUse };
-  }
-  __name(removeCleanRows, "removeCleanRows");
   function maybeStripIdFromEntities(ents, validateAgainstSchema) {
     var _a2;
     let toRet;
@@ -113967,7 +114088,7 @@ ${latestSubscriptionCallbackError.current.stack}
     "primers",
     "guides"
   ];
-  function filterSequenceString(sequenceString, {
+  function filterSequenceString(sequenceString = "", {
     additionalValidChars = "",
     isOligo: isOligo2,
     name: name2,
@@ -123665,12 +123786,6 @@ ${latestSubscriptionCallbackError.current.stack}
       sequence2.proteinSize = sequence2.proteinSequence.length;
     } else {
       const temp = sequence2.sequence;
-      if (!sequence2.isOligo) {
-        sequence2.sequence = sequence2.sequence.replace(
-          /u/gi,
-          (u2) => u2 === "U" ? "T" : "t"
-        );
-      }
       if (temp !== sequence2.sequence && !sequence2.isDNA && !sequence2.isProtein && sequence2.isRNA !== false) {
         sequence2.type = "RNA";
         sequence2.sequence = temp;
@@ -137002,7 +137117,7 @@ ${seq.sequence}
       activePanelId && dispatch(setPanelAsActive(activePanelId, meta2));
     };
   }, "collapseSplitScreen");
-  const panelsShown = createReducer(
+  const reducer$1 = createReducer(
     {
       [addPanelIfItDoesntAlreadyExist]: (state2, panelToAdd) => {
         if (!state2.some((panelGroup) => {
@@ -137037,8 +137152,15 @@ ${seq.sequence}
               indexToClose = i2;
           });
           if (indexToClose > -1) {
-            return removeItem(group, indexToClose).map((tab2, i2) => {
-              if (i2 === 0)
+            const newPanels = removeItem(group, indexToClose);
+            let mostRecentIndex = 0;
+            newPanels.forEach((p2) => {
+              if (p2.lastActive > newPanels[mostRecentIndex].lastActive) {
+                mostRecentIndex = newPanels.indexOf(p2);
+              }
+            });
+            return newPanels.map((tab2, i2) => {
+              if (i2 === mostRecentIndex)
                 return __spreadProps(__spreadValues({}, tab2), { active: true });
               else {
                 return tab2;
@@ -137135,6 +137257,17 @@ ${seq.sequence}
       ]
     ]
   );
+  const panelsShown = /* @__PURE__ */ __name((state2, action2) => {
+    const nextState = reducer$1(state2, action2);
+    nextState.forEach((pg2) => {
+      pg2.forEach((p2) => {
+        if (p2.active) {
+          p2.lastActive = Date.now().toString();
+        }
+      });
+    });
+    return nextState;
+  }, "panelsShown");
   function flipActiveForGroup(group, setCircActive) {
     const activeTab = group.find(({ active: active2 }) => active2);
     if ((activeTab == null ? void 0 : activeTab.id) === (setCircActive ? "rail" : "circular")) {
@@ -151023,6 +151156,7 @@ ${seq.sequence}
           "rect",
           {
             className: "veAxisTick",
+            "data-test": tickMarkPosition + 1,
             key: "axisTickMarkPath " + i2 + " " + tickMarkPosition,
             x: xCenter,
             width: 1,
@@ -155183,7 +155317,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.3.54";
+  const version = "0.3.56";
   const main = "./src/index.js";
   const exports$1 = {
     ".": {
@@ -163249,7 +163383,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
         "g",
         __spreadValues(__spreadProps(__spreadValues({
           transform: transform2,
-          title: noTitle ? null : titleText
+          "data-title": noTitle ? null : titleText
         }, avoidOverlapWith), {
           key: isNotLocation ? "notLocation" : "location--" + annotation.id + "--" + i2
         }), sharedProps),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.3.55",
+  "version": "0.3.57",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -13,12 +13,12 @@
     "node": "16.20.2"
   },
   "dependencies": {
-    "@teselagen/sequence-utils": "0.3.12",
+    "@teselagen/sequence-utils": "0.3.13",
     "@teselagen/range-utils": "0.3.7",
-    "@teselagen/ui": "0.3.43",
-    "@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.6",
+    "@teselagen/bio-parsers": "0.4.7",
     "@blueprintjs/core": "3.52.0",
     "@blueprintjs/datetime": "3.23.19",
     "@blueprintjs/icons": "3.33.0",

package/src/CircularView/drawAnnotations.js

@@ -380,8 +380,7 @@ function DrawAnnotationInner({
     return (
       <g
         transform={transform}
-        // data-title={noTitle ? null : titleText}
-        title={noTitle ? null : titleText}
+        data-title={noTitle ? null : titleText}
         {...avoidOverlapWith}
         key={
           isNotLocation

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;