@teselagen/ove 0.3.56 → 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");
@@ -27119,10 +27134,10 @@ var __async = (__this, __arguments, generator) => {
     /* istanbul ignore next */
     Object.getOwnPropertyNames
   );
-  function toPrimitive$2(value) {
+  function toPrimitive$3(value) {
     return value === null ? null : typeof value === "object" ? "" + value : value;
   }
-  __name(toPrimitive$2, "toPrimitive$2");
+  __name(toPrimitive$3, "toPrimitive$3");
   function hasProp(target, prop2) {
     return objectPrototype$2.hasOwnProperty.call(target, prop2);
   }
@@ -28019,7 +28034,7 @@ var __async = (__this, __arguments, generator) => {
       return this.name_ + "[" + this.value_ + "]";
     }, "toString");
     _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-      return toPrimitive$2(this.get());
+      return toPrimitive$3(this.get());
     }, "valueOf");
     _proto[_Symbol$toPrimitive] = function() {
       return this.valueOf();
@@ -28204,7 +28219,7 @@ var __async = (__this, __arguments, generator) => {
       return this.name_ + "[" + this.derivation.toString() + "]";
     }, "toString");
     _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-      return toPrimitive$2(this.get());
+      return toPrimitive$3(this.get());
     }, "valueOf");
     _proto[_Symbol$toPrimitive$1] = function() {
       return this.valueOf();
@@ -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;
   }
@@ -44862,20 +44889,11 @@ ${latestSubscriptionCallbackError.current.stack}
       return true;
     }
   }, "_fails");
-  var _descriptors;
-  var hasRequired_descriptors;
-  function require_descriptors() {
-    if (hasRequired_descriptors)
-      return _descriptors;
-    hasRequired_descriptors = 1;
-    _descriptors = !_fails(function() {
-      return Object.defineProperty({}, "a", { get: function() {
-        return 7;
-      } }).a != 7;
-    });
-    return _descriptors;
-  }
-  __name(require_descriptors, "require_descriptors");
+  var _descriptors = !_fails(function() {
+    return Object.defineProperty({}, "a", { get: function() {
+      return 7;
+    } }).a != 7;
+  });
   var _domCreate;
   var hasRequired_domCreate;
   function require_domCreate() {
@@ -44891,7 +44909,7 @@ ${latestSubscriptionCallbackError.current.stack}
     return _domCreate;
   }
   __name(require_domCreate, "require_domCreate");
-  var _ie8DomDefine = !require_descriptors() && !_fails(function() {
+  var _ie8DomDefine = !_descriptors && !_fails(function() {
     return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
       return 7;
     } }).a != 7;
@@ -44909,33 +44927,25 @@ ${latestSubscriptionCallbackError.current.stack}
       return val2;
     throw TypeError("Can't convert object to primitive value");
   }, "_toPrimitive$1");
-  var hasRequired_objectDp;
-  function require_objectDp() {
-    if (hasRequired_objectDp)
-      return _objectDp;
-    hasRequired_objectDp = 1;
-    var anObject2 = _anObject;
-    var IE8_DOM_DEFINE2 = _ie8DomDefine;
-    var toPrimitive2 = _toPrimitive$1;
-    var dP2 = Object.defineProperty;
-    _objectDp.f = require_descriptors() ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
-      anObject2(O2);
-      P2 = toPrimitive2(P2, true);
-      anObject2(Attributes);
-      if (IE8_DOM_DEFINE2)
-        try {
-          return dP2(O2, P2, Attributes);
-        } catch (e2) {
-        }
-      if ("get" in Attributes || "set" in Attributes)
-        throw TypeError("Accessors not supported!");
-      if ("value" in Attributes)
-        O2[P2] = Attributes.value;
-      return O2;
-    }, "defineProperty");
-    return _objectDp;
-  }
-  __name(require_objectDp, "require_objectDp");
+  var anObject$5 = _anObject;
+  var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+  var toPrimitive$2 = _toPrimitive$1;
+  var dP$3 = Object.defineProperty;
+  _objectDp.f = _descriptors ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
+    anObject$5(O2);
+    P2 = toPrimitive$2(P2, true);
+    anObject$5(Attributes);
+    if (IE8_DOM_DEFINE$1)
+      try {
+        return dP$3(O2, P2, Attributes);
+      } catch (e2) {
+      }
+    if ("get" in Attributes || "set" in Attributes)
+      throw TypeError("Accessors not supported!");
+    if ("value" in Attributes)
+      O2[P2] = Attributes.value;
+    return O2;
+  }, "defineProperty");
   var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     return {
       enumerable: !(bitmap & 1),
@@ -44944,9 +44954,9 @@ ${latestSubscriptionCallbackError.current.stack}
       value
     };
   }, "_propertyDesc");
-  var dP$2 = require_objectDp();
+  var dP$2 = _objectDp;
   var createDesc$3 = _propertyDesc;
-  var _hide = require_descriptors() ? function(object2, key2, value) {
+  var _hide = _descriptors ? function(object2, key2, value) {
     return dP$2.f(object2, key2, createDesc$3(1, value));
   } : function(object2, key2, value) {
     object2[key2] = value;
@@ -45018,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));
@@ -45124,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));
@@ -45135,12 +45162,12 @@ ${latestSubscriptionCallbackError.current.stack}
     if (hasRequired_objectAssign)
       return _objectAssign;
     hasRequired_objectAssign = 1;
-    var DESCRIPTORS2 = require_descriptors();
+    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 = {};
@@ -45201,10 +45228,10 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "_iterStep");
   var _iterators = {};
   var _redefine = _hide;
-  var dP$1 = require_objectDp();
+  var dP$1 = _objectDp;
   var anObject$4 = _anObject;
   var getKeys$1 = _objectKeys;
-  var _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties2) {
+  var _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties2) {
     anObject$4(O2);
     var keys2 = getKeys$1(Properties2);
     var length = keys2.length;
@@ -45271,7 +45298,7 @@ ${latestSubscriptionCallbackError.current.stack}
   };
   $exports.store = store$2;
   var _wksExports = _wks.exports;
-  var def = require_objectDp().f;
+  var def = _objectDp.f;
   var has$b = _has;
   var TAG$1 = _wksExports("toStringTag");
   var _setToStringTag = /* @__PURE__ */ __name(function(it, tag, stat) {
@@ -45544,7 +45571,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var _isArrayIter = /* @__PURE__ */ __name(function(it) {
     return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
   }, "_isArrayIter");
-  var $defineProperty$1 = require_objectDp();
+  var $defineProperty$1 = _objectDp;
   var createDesc$2 = _propertyDesc;
   var _createProperty = /* @__PURE__ */ __name(function(object2, index2, value) {
     if (index2 in object2)
@@ -45673,7 +45700,7 @@ ${latestSubscriptionCallbackError.current.stack}
     }
   }, "_default$8");
   var $export$3 = _export;
-  $export$3($export$3.S + $export$3.F * !require_descriptors(), "Object", { defineProperty: require_objectDp().f });
+  $export$3($export$3.S + $export$3.F * !_descriptors, "Object", { defineProperty: _objectDp.f });
   var $Object$1 = _coreExports.Object;
   var defineProperty$6 = /* @__PURE__ */ __name(function defineProperty2(it, key2, desc) {
     return $Object$1.defineProperty(it, key2, desc);
@@ -45714,7 +45741,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var META$1 = _uid("meta");
   var isObject$5 = _isObject;
   var has$9 = _has;
-  var setDesc = require_objectDp().f;
+  var setDesc = _objectDp.f;
   var id$1 = 0;
   var isExtensible = Object.isExtensible || function() {
     return true;
@@ -45767,7 +45794,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var _metaExports = _meta.exports;
   var core = _coreExports;
   var wksExt$1 = _wksExt;
-  var defineProperty$4 = require_objectDp().f;
+  var defineProperty$4 = _objectDp.f;
   var _wksDefine = /* @__PURE__ */ __name(function(name2) {
     var $Symbol2 = core.Symbol || (core.Symbol = {});
     if (name2.charAt(0) != "_" && !(name2 in $Symbol2))
@@ -45775,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;
@@ -45816,14 +45843,14 @@ ${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;
   var has$8 = _has;
   var IE8_DOM_DEFINE = _ie8DomDefine;
   var gOPD$2 = Object.getOwnPropertyDescriptor;
-  _objectGopd.f = require_descriptors() ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor2(O2, P2) {
+  _objectGopd.f = _descriptors ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor2(O2, P2) {
     O2 = toIObject$1(O2);
     P2 = toPrimitive$1(P2, true);
     if (IE8_DOM_DEFINE)
@@ -45836,7 +45863,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "getOwnPropertyDescriptor");
   var global$1 = _globalExports;
   var has$7 = _has;
-  var DESCRIPTORS = require_descriptors();
+  var DESCRIPTORS = _descriptors;
   var $export$2 = _export;
   var redefine = _redefine;
   var META = _metaExports.KEY;
@@ -45859,7 +45886,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var gOPNExt = _objectGopnExt;
   var $GOPD = _objectGopd;
   var $GOPS = _objectGops;
-  var $DP = require_objectDp();
+  var $DP = _objectDp;
   var $keys$1 = _objectKeys;
   var gOPD$1 = $GOPD.f;
   var dP = $DP.f;
@@ -45996,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);
@@ -86128,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);
@@ -86625,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(() => {
@@ -87987,10 +88029,38 @@ ${latestSubscriptionCallbackError.current.stack}
               indexToStartAt: entities2.length
             }
           );
-          entities2.splice(entities2.length, 0, ...newEnts);
+          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
@@ -88385,6 +88455,7 @@ ${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: {
@@ -89396,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(
@@ -91911,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;
@@ -137046,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) => {
@@ -137081,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;
@@ -137179,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")) {
@@ -151067,6 +151156,7 @@ ${seq.sequence}
           "rect",
           {
             className: "veAxisTick",
+            "data-test": tickMarkPosition + 1,
             key: "axisTickMarkPath " + i2 + " " + tickMarkPosition,
             x: xCenter,
             width: 1,
@@ -155227,7 +155317,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.3.55";
+  const version = "0.3.56";
   const main = "./src/index.js";
   const exports$1 = {
     ".": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.3.56",
+  "version": "0.3.57",
   "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/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;