@teselagen/ove 0.3.56 → 0.3.58

package/index.cjs.js

@@ -2839,7 +2839,7 @@ var followCursor = {
       }
     }
     __name(onMouseMove, "onMouseMove");
-    function create6() {
+    function create7() {
       if (instance.props.followCursor) {
         activeInstances.push({
           instance,
@@ -2848,7 +2848,7 @@ var followCursor = {
         addMouseCoordsListener(doc);
       }
     }
-    __name(create6, "create");
+    __name(create7, "create");
     function destroy2() {
       activeInstances = activeInstances.filter(function(data) {
         return data.instance !== instance;
@@ -2861,7 +2861,7 @@ var followCursor = {
     }
     __name(destroy2, "destroy");
     return {
-      onCreate: create6,
+      onCreate: create7,
       onDestroy: destroy2,
       onBeforeUpdate: /* @__PURE__ */ __name(function onBeforeUpdate2() {
         prevProps = instance.props;
@@ -2874,7 +2874,7 @@ var followCursor = {
         if (followCursor2 !== void 0 && prevProps.followCursor !== followCursor2) {
           destroy2();
           if (followCursor2) {
-            create6();
+            create7();
             if (instance.state.isMounted && !wasFocusEvent && !getIsInitialBehavior()) {
               addListener();
             }
@@ -2918,6 +2918,21 @@ tippy$1.setDefaultProps({
   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;
@@ -3022,7 +3037,7 @@ let clearMe;
           dataAvoid,
           dataAvoidBackup
         };
-        if (dataTip && !document.body.classList.contains("drag-active")) {
+        if (dataTip && !document.body.classList.contains("drag-active") && !isDragging$1) {
           inner2(dataTip, el, opts2);
           break;
         } else if (isEllipsized && el.offsetWidth < el.scrollWidth - 4 && //the -4 is adding a teeny bit of tolerance to fix issues with the column headers getting tooltips even when fully visible
@@ -5538,7 +5553,7 @@ function useDropzone() {
   }, [onFileDialogCancel]);
   var rootRef = React$2.useRef(null);
   var inputRef = React$2.useRef(null);
-  var _useReducer = React$2.useReducer(reducer$1, initialState), _useReducer2 = _slicedToArray$5(_useReducer, 2), state2 = _useReducer2[0], dispatch = _useReducer2[1];
+  var _useReducer = React$2.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) {
@@ -5845,7 +5860,7 @@ function useDropzone() {
   });
 }
 __name(useDropzone, "useDropzone");
-function reducer$1(state2, action2) {
+function reducer$2(state2, action2) {
   switch (action2.type) {
     case "focus":
       return _objectSpread$2(_objectSpread$2({}, state2), {}, {
@@ -5880,7 +5895,7 @@ function reducer$1(state2, action2) {
       return state2;
   }
 }
-__name(reducer$1, "reducer$1");
+__name(reducer$2, "reducer$2");
 function noop$6() {
 }
 __name(noop$6, "noop$6");
@@ -16444,11 +16459,11 @@ lodash.exports;
         copyObject2(source, keys5(source), object3, customizer);
       });
       var at = flatRest2(baseAt);
-      function create6(prototype, properties) {
+      function create7(prototype, properties) {
         var result2 = baseCreate2(prototype);
         return properties == null ? result2 : baseAssign2(result2, properties);
       }
-      __name(create6, "create");
+      __name(create7, "create");
       var defaults2 = baseRest2(function(object3, sources) {
         object3 = Object2(object3);
         var index2 = -1;
@@ -17273,7 +17288,7 @@ lodash.exports;
       lodash2.conforms = conforms;
       lodash2.constant = constant2;
       lodash2.countBy = countBy;
-      lodash2.create = create6;
+      lodash2.create = create7;
       lodash2.curry = curry;
       lodash2.curryRight = curryRight;
       lodash2.debounce = debounce2;
@@ -18272,17 +18287,17 @@ var _toPrimitive$1 = /* @__PURE__ */ __name(function(it, S2) {
     return val2;
   throw TypeError("Can't convert object to primitive value");
 }, "_toPrimitive$1");
-var anObject$3 = _anObject;
+var anObject$5 = _anObject;
 var IE8_DOM_DEFINE$1 = _ie8DomDefine;
 var toPrimitive$2 = _toPrimitive$1;
-var dP$2 = Object.defineProperty;
+var dP$3 = Object.defineProperty;
 _objectDp.f = _descriptors ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
-  anObject$3(O2);
+  anObject$5(O2);
   P2 = toPrimitive$2(P2, true);
-  anObject$3(Attributes);
+  anObject$5(Attributes);
   if (IE8_DOM_DEFINE$1)
     try {
-      return dP$2(O2, P2, Attributes);
+      return dP$3(O2, P2, Attributes);
     } catch (e2) {
     }
   if ("get" in Attributes || "set" in Attributes)
@@ -18299,10 +18314,10 @@ var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     value
   };
 }, "_propertyDesc");
-var dP$1 = _objectDp;
+var dP$2 = _objectDp;
 var createDesc$3 = _propertyDesc;
 var _hide = _descriptors ? function(object3, key, value) {
-  return dP$1.f(object3, key, createDesc$3(1, value));
+  return dP$2.f(object3, key, createDesc$3(1, value));
 } : function(object3, key, value) {
   object3[key] = value;
   return object3;
@@ -18316,7 +18331,7 @@ var core$3 = _coreExports;
 var ctx$1 = _ctx;
 var hide$3 = _hide;
 var has$e = _has;
-var PROTOTYPE$1 = "prototype";
+var PROTOTYPE$2 = "prototype";
 var $export$8 = /* @__PURE__ */ __name(function(type, name2, source) {
   var IS_FORCED = type & $export$8.F;
   var IS_GLOBAL = type & $export$8.G;
@@ -18325,8 +18340,8 @@ var $export$8 = /* @__PURE__ */ __name(function(type, name2, source) {
   var IS_BIND = type & $export$8.B;
   var IS_WRAP = type & $export$8.W;
   var exports2 = IS_GLOBAL ? core$3 : core$3[name2] || (core$3[name2] = {});
-  var expProto = exports2[PROTOTYPE$1];
-  var target = IS_GLOBAL ? global$5 : IS_STATIC ? global$5[name2] : (global$5[name2] || {})[PROTOTYPE$1];
+  var expProto = exports2[PROTOTYPE$2];
+  var target = IS_GLOBAL ? global$5 : IS_STATIC ? global$5[name2] : (global$5[name2] || {})[PROTOTYPE$2];
   var key, own2, out;
   if (IS_GLOBAL)
     source = name2;
@@ -18350,7 +18365,7 @@ var $export$8 = /* @__PURE__ */ __name(function(type, name2, source) {
         }
         return C.apply(this, arguments);
       }, "F");
-      F[PROTOTYPE$1] = C[PROTOTYPE$1];
+      F[PROTOTYPE$2] = C[PROTOTYPE$2];
       return F;
     }(out) : IS_PROTO && typeof out == "function" ? ctx$1(Function.call, out) : out;
     if (IS_PROTO) {
@@ -18373,16 +18388,25 @@ var toString$6 = {}.toString;
 var _cof = /* @__PURE__ */ __name(function(it) {
   return toString$6.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));
@@ -18455,14 +18479,14 @@ var _sharedKey = /* @__PURE__ */ __name(function(key) {
 var has$d = _has;
 var toIObject$4 = _toIobject;
 var arrayIndexOf = _arrayIncludes$1(false);
-var IE_PROTO$1 = _sharedKey("IE_PROTO");
+var IE_PROTO$2 = _sharedKey("IE_PROTO");
 var _objectKeysInternal = /* @__PURE__ */ __name(function(object3, names2) {
   var O2 = toIObject$4(object3);
   var i = 0;
   var result = [];
   var key;
   for (key in O2)
-    if (key != IE_PROTO$1)
+    if (key != IE_PROTO$2)
       has$d(O2, key) && result.push(key);
   while (names2.length > i)
     if (has$d(O2, key = names2[i++])) {
@@ -18472,14 +18496,22 @@ var _objectKeysInternal = /* @__PURE__ */ __name(function(object3, names2) {
 }, "_objectKeysInternal");
 var _enumBugKeys = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",");
 var $keys$3 = _objectKeysInternal;
-var enumBugKeys = _enumBugKeys;
+var enumBugKeys$1 = _enumBugKeys;
 var _objectKeys = Object.keys || /* @__PURE__ */ __name(function keys(O2) {
-  return $keys$3(O2, enumBugKeys);
+  return $keys$3(O2, enumBugKeys$1);
 }, "keys");
 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));
@@ -18493,9 +18525,9 @@ function require_objectAssign() {
   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 = {};
@@ -18556,28 +18588,19 @@ var _iterStep = /* @__PURE__ */ __name(function(done, value) {
 }, "_iterStep");
 var _iterators = {};
 var _redefine = _hide;
-var _objectDps;
-var hasRequired_objectDps;
-function require_objectDps() {
-  if (hasRequired_objectDps)
-    return _objectDps;
-  hasRequired_objectDps = 1;
-  var dP2 = _objectDp;
-  var anObject2 = _anObject;
-  var getKeys2 = _objectKeys;
-  _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties3(O2, Properties2) {
-    anObject2(O2);
-    var keys5 = getKeys2(Properties2);
-    var length = keys5.length;
-    var i = 0;
-    var P2;
-    while (length > i)
-      dP2.f(O2, P2 = keys5[i++], Properties2[P2]);
-    return O2;
-  }, "defineProperties");
-  return _objectDps;
-}
-__name(require_objectDps, "require_objectDps");
+var dP$1 = _objectDp;
+var anObject$4 = _anObject;
+var getKeys$1 = _objectKeys;
+var _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties(O2, Properties2) {
+  anObject$4(O2);
+  var keys5 = getKeys$1(Properties2);
+  var length = keys5.length;
+  var i = 0;
+  var P2;
+  while (length > i)
+    dP$1.f(O2, P2 = keys5[i++], Properties2[P2]);
+  return O2;
+}, "defineProperties");
 var _html;
 var hasRequired_html;
 function require_html() {
@@ -18589,51 +18612,42 @@ function require_html() {
   return _html;
 }
 __name(require_html, "require_html");
-var _objectCreate;
-var hasRequired_objectCreate;
-function require_objectCreate() {
-  if (hasRequired_objectCreate)
-    return _objectCreate;
-  hasRequired_objectCreate = 1;
-  var anObject2 = _anObject;
-  var dPs = require_objectDps();
-  var enumBugKeys2 = _enumBugKeys;
-  var IE_PROTO2 = _sharedKey("IE_PROTO");
-  var Empty = /* @__PURE__ */ __name(function() {
-  }, "Empty");
-  var PROTOTYPE2 = "prototype";
-  var createDict = /* @__PURE__ */ __name(function() {
-    var iframe = require_domCreate()("iframe");
-    var i = enumBugKeys2.length;
-    var lt = "<";
-    var gt = ">";
-    var iframeDocument;
-    iframe.style.display = "none";
-    require_html().appendChild(iframe);
-    iframe.src = "javascript:";
-    iframeDocument = iframe.contentWindow.document;
-    iframeDocument.open();
-    iframeDocument.write(lt + "script" + gt + "document.F=Object" + lt + "/script" + gt);
-    iframeDocument.close();
-    createDict = iframeDocument.F;
-    while (i--)
-      delete createDict[PROTOTYPE2][enumBugKeys2[i]];
-    return createDict();
-  }, "createDict");
-  _objectCreate = Object.create || /* @__PURE__ */ __name(function create6(O2, Properties2) {
-    var result;
-    if (O2 !== null) {
-      Empty[PROTOTYPE2] = anObject2(O2);
-      result = new Empty();
-      Empty[PROTOTYPE2] = null;
-      result[IE_PROTO2] = O2;
-    } else
-      result = createDict();
-    return Properties2 === void 0 ? result : dPs(result, Properties2);
-  }, "create");
-  return _objectCreate;
-}
-__name(require_objectCreate, "require_objectCreate");
+var anObject$3 = _anObject;
+var dPs = _objectDps;
+var enumBugKeys = _enumBugKeys;
+var IE_PROTO$1 = _sharedKey("IE_PROTO");
+var Empty = /* @__PURE__ */ __name(function() {
+}, "Empty");
+var PROTOTYPE$1 = "prototype";
+var createDict = /* @__PURE__ */ __name(function() {
+  var iframe = require_domCreate()("iframe");
+  var i = enumBugKeys.length;
+  var lt = "<";
+  var gt = ">";
+  var iframeDocument;
+  iframe.style.display = "none";
+  require_html().appendChild(iframe);
+  iframe.src = "javascript:";
+  iframeDocument = iframe.contentWindow.document;
+  iframeDocument.open();
+  iframeDocument.write(lt + "script" + gt + "document.F=Object" + lt + "/script" + gt);
+  iframeDocument.close();
+  createDict = iframeDocument.F;
+  while (i--)
+    delete createDict[PROTOTYPE$1][enumBugKeys[i]];
+  return createDict();
+}, "createDict");
+var _objectCreate = Object.create || /* @__PURE__ */ __name(function create2(O2, Properties2) {
+  var result;
+  if (O2 !== null) {
+    Empty[PROTOTYPE$1] = anObject$3(O2);
+    result = new Empty();
+    Empty[PROTOTYPE$1] = null;
+    result[IE_PROTO$1] = O2;
+  } else
+    result = createDict();
+  return Properties2 === void 0 ? result : dPs(result, Properties2);
+}, "create");
 var _wks = { exports: {} };
 var store$2 = _sharedExports("wks");
 var uid$1 = _uid;
@@ -18651,7 +18665,7 @@ var _setToStringTag = /* @__PURE__ */ __name(function(it, tag, stat) {
   if (it && !has$c(it = stat ? it : it.prototype, TAG$1))
     def(it, TAG$1, { configurable: true, value: tag });
 }, "_setToStringTag");
-var create$4 = require_objectCreate();
+var create$4 = _objectCreate;
 var descriptor = _propertyDesc;
 var setToStringTag$2 = _setToStringTag;
 var IteratorPrototype = {};
@@ -19059,7 +19073,7 @@ function _interopRequireDefault$c(obj) {
 }
 __name(_interopRequireDefault$c, "_interopRequireDefault$c");
 var _default$7 = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -19069,12 +19083,12 @@ var _default$7 = function() {
       (0, _defineProperty2.default)(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -19103,23 +19117,23 @@ var setMeta = /* @__PURE__ */ __name(function(it) {
     // weak collections IDs
   } });
 }, "setMeta");
-var fastKey = /* @__PURE__ */ __name(function(it, create6) {
+var fastKey = /* @__PURE__ */ __name(function(it, create7) {
   if (!isObject$c(it))
     return typeof it == "symbol" ? it : (typeof it == "string" ? "S" : "P") + it;
   if (!has$a(it, META$1)) {
     if (!isExtensible(it))
       return "F";
-    if (!create6)
+    if (!create7)
       return "E";
     setMeta(it);
   }
   return it[META$1].i;
 }, "fastKey");
-var getWeak = /* @__PURE__ */ __name(function(it, create6) {
+var getWeak = /* @__PURE__ */ __name(function(it, create7) {
   if (!has$a(it, META$1)) {
     if (!isExtensible(it))
       return true;
-    if (!create6)
+    if (!create7)
       return false;
     setMeta(it);
   }
@@ -19148,7 +19162,7 @@ var _wksDefine = /* @__PURE__ */ __name(function(name2) {
 }, "_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;
@@ -19189,7 +19203,7 @@ _objectGopnExt.f = /* @__PURE__ */ __name(function getOwnPropertyNames2(it) {
   return windowNames && toString$5.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;
@@ -19228,7 +19242,7 @@ var toObject$1 = _toObject;
 var toIObject = _toIobject;
 var toPrimitive = _toPrimitive$1;
 var createDesc = _propertyDesc;
-var _create$1 = require_objectCreate();
+var _create$1 = _objectCreate;
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
@@ -19295,7 +19309,7 @@ var $defineProperty$1 = /* @__PURE__ */ __name(function defineProperty4(it, key,
   }
   return dP(it, key, D2);
 }, "defineProperty");
-var $defineProperties = /* @__PURE__ */ __name(function defineProperties(it, P2) {
+var $defineProperties = /* @__PURE__ */ __name(function defineProperties2(it, P2) {
   anObject(it);
   var keys5 = enumKeys(P2 = toIObject(P2));
   var i = 0;
@@ -19305,7 +19319,7 @@ var $defineProperties = /* @__PURE__ */ __name(function defineProperties(it, P2)
     $defineProperty$1(it, key = keys5[i++], P2[key]);
   return it;
 }, "defineProperties");
-var $create = /* @__PURE__ */ __name(function create2(it, P2) {
+var $create = /* @__PURE__ */ __name(function create3(it, P2) {
   return P2 === void 0 ? _create$1(it) : $defineProperties(_create$1(it), P2);
 }, "create");
 var $propertyIsEnumerable = /* @__PURE__ */ __name(function propertyIsEnumerable(key) {
@@ -19369,7 +19383,7 @@ if (!USE_NATIVE) {
   $GOPD.f = $getOwnPropertyDescriptor;
   $DP.f = $defineProperty$1;
   _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
-  _objectPie.f = $propertyIsEnumerable;
+  require_objectPie().f = $propertyIsEnumerable;
   $GOPS.f = $getOwnPropertySymbols;
   if (DESCRIPTORS && !_library) {
     redefine(ObjectProto, "propertyIsEnumerable", $propertyIsEnumerable);
@@ -19535,9 +19549,9 @@ $export$1($export$1.S, "Object", { setPrototypeOf: require_setProto().set });
 var setPrototypeOf$1 = _coreExports.Object.setPrototypeOf;
 var setPrototypeOf = { "default": setPrototypeOf$1, __esModule: true };
 var $export = _export;
-$export($export.S, "Object", { create: require_objectCreate() });
+$export($export.S, "Object", { create: _objectCreate });
 var $Object$1 = _coreExports.Object;
-var create$3 = /* @__PURE__ */ __name(function create3(P2, D2) {
+var create$3 = /* @__PURE__ */ __name(function create4(P2, D2) {
   return $Object$1.create(P2, D2);
 }, "create");
 var create$2 = { "default": create$3, __esModule: true };
@@ -23624,7 +23638,7 @@ function normalizeComponent(Comp) {
 }
 __name(normalizeComponent, "normalizeComponent");
 var _createClass$d = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -23634,12 +23648,12 @@ var _createClass$d = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -23800,7 +23814,7 @@ var _extends$o = Object.assign || function(target) {
   return target;
 };
 var _createClass$c = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -23810,12 +23824,12 @@ var _createClass$c = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -24406,7 +24420,7 @@ const Methods = /* @__PURE__ */ __name(function(Base) {
   }(Base);
 }, "Methods");
 var _createClass$b = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -24416,12 +24430,12 @@ var _createClass$b = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -25193,7 +25207,7 @@ var _extends$l = Object.assign || function(target) {
   return target;
 };
 var _createClass$a = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -25203,12 +25217,12 @@ var _createClass$a = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -31532,21 +31546,21 @@ function parse$7(options) {
     defined: [],
     lazy: {},
     constructs: constructs2,
-    content: create6(content$1),
-    document: create6(document$2),
-    flow: create6(flow$1),
-    string: create6(string$1),
-    text: create6(text$3)
+    content: create7(content$1),
+    document: create7(document$2),
+    flow: create7(flow$1),
+    string: create7(string$1),
+    text: create7(text$3)
   };
   return parser;
-  function create6(initial) {
+  function create7(initial) {
     return creator;
     function creator(from3) {
       return createTokenizer(parser, initial, from3);
     }
     __name(creator, "creator");
   }
-  __name(create6, "create");
+  __name(create7, "create");
 }
 __name(parse$7, "parse$7");
 const search$1 = /[\0\t\n\r]/g;
@@ -31957,10 +31971,10 @@ function compiler(options) {
     return data[key];
   }
   __name(getData, "getData");
-  function opener(create6, and) {
+  function opener(create7, and) {
     return open2;
     function open2(token) {
-      enter2.call(this, create6(token), token);
+      enter2.call(this, create7(token), token);
       if (and)
         and.call(this, token);
     }
@@ -40869,11 +40883,11 @@ var implementation$8 = /* @__PURE__ */ __name(function bind2(that) {
   }
   bound = Function("binder", "return function (" + boundArgs.join(",") + "){ return binder.apply(this,arguments); }")(binder);
   if (target.prototype) {
-    var Empty = /* @__PURE__ */ __name(function Empty2() {
+    var Empty2 = /* @__PURE__ */ __name(function Empty3() {
     }, "Empty");
-    Empty.prototype = target.prototype;
-    bound.prototype = new Empty();
-    Empty.prototype = null;
+    Empty2.prototype = target.prototype;
+    bound.prototype = new Empty2();
+    Empty2.prototype = null;
   }
   return bound;
 }, "bind");
@@ -45008,7 +45022,7 @@ var _extends$f = Object.assign || function(target) {
   return target;
 };
 var _createClass$9 = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -45018,12 +45032,12 @@ var _createClass$9 = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -45165,7 +45179,7 @@ var Alpha = function(_ref) {
   return Alpha2;
 }(React$2.PureComponent || React$2.Component);
 var _createClass$8 = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -45175,12 +45189,12 @@ var _createClass$8 = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -45413,7 +45427,7 @@ var calculateChange$1 = /* @__PURE__ */ __name(function calculateChange2(e2, dir
   return null;
 }, "calculateChange");
 var _createClass$7 = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -45423,12 +45437,12 @@ var _createClass$7 = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -46639,7 +46653,7 @@ var calculateChange3 = /* @__PURE__ */ __name(function calculateChange4(e2, hsl,
   };
 }, "calculateChange");
 var _createClass$6 = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -46649,12 +46663,12 @@ var _createClass$6 = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -47956,7 +47970,7 @@ var _extends$e = Object.assign || function(target) {
   return target;
 };
 var _createClass$5 = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -47966,12 +47980,12 @@ var _createClass$5 = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -48068,7 +48082,7 @@ var _extends$d = Object.assign || function(target) {
   return target;
 };
 var _createClass$4 = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -48078,12 +48092,12 @@ var _createClass$4 = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -49141,7 +49155,7 @@ var _default$3 = UnfoldMoreHorizontalIcon.default = function(_ref) {
   );
 };
 var _createClass$3 = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -49151,12 +49165,12 @@ var _createClass$3 = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -50566,7 +50580,7 @@ var PhotoshopPreviews = /* @__PURE__ */ __name(function PhotoshopPreviews2(_ref)
   );
 }, "PhotoshopPreviews");
 var _createClass$2 = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -50576,12 +50590,12 @@ var _createClass$2 = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -56249,6 +56263,16 @@ const editCellHelper = /* @__PURE__ */ __name(({
   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 reduxForm.SubmissionError(errorToUse);
+}, "throwFormError");
 T();
 const PRIMARY_SELECTED_VAL = "main_cell";
 dayjs.extend(localizedFormat);
@@ -56746,7 +56770,12 @@ const _DataTable = class _DataTable extends React$2.Component {
       const { change, schema: schema2 } = computePresets(this.props);
       change(
         "reduxFormCellValidation",
-        validateTableWideErrors({ entities, schema: schema2, newCellValidate })
+        validateTableWideErrors({
+          entities,
+          schema: schema2,
+          newCellValidate,
+          props: this.props
+        })
       );
     }, "updateValidation"));
     __publicField(this, "handleDeleteCell", /* @__PURE__ */ __name(() => {
@@ -58108,10 +58137,38 @@ const _DataTable = class _DataTable extends React$2.Component {
             indexToStartAt: entities2.length
           }
         );
-        entities2.splice(entities2.length, 0, ...newEnts);
+        if (lodashExports.every(entities2, "_isClean")) {
+          lodashExports.forEach(newEnts, (e2, i) => {
+            entities2[i] = 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
@@ -58506,6 +58563,7 @@ const _DataTable = class _DataTable extends React$2.Component {
     }, "renderColumnHeader"));
     if (this.props.helperProp) {
       this.props.helperProp.addEditableTableEntities = this.addEditableTableEntities;
+      this.props.helperProp.getEditableTableInfoAndThrowFormError = this.getEditableTableInfoAndThrowFormError;
     }
     this.hotkeyEnabler = withHotkeys(__spreadProps(__spreadValues({
       moveUpARow: {
@@ -59517,6 +59575,26 @@ const formatPasteData = /* @__PURE__ */ __name(({ schema: schema2, newVal: newVa
   }
   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 = React$2.useRef();
   const memoedHotkeys = React$2.useMemo(
@@ -62032,26 +62110,6 @@ function asyncValidateHelper(validateAgainstSchema, currentEnts, changeForm, tab
   });
 }
 __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;
@@ -74641,7 +74699,7 @@ ObjectWithoutPrototypeCache.prototype.set = function(key, value) {
   this.cache[key] = value;
 };
 var cacheDefault = {
-  create: /* @__PURE__ */ __name(function create4() {
+  create: /* @__PURE__ */ __name(function create5() {
     return new ObjectWithoutPrototypeCache();
   }, "create")
 };
@@ -79749,7 +79807,7 @@ __name(requireEmpty, "requireEmpty");
       }
     }, "classCallCheck");
     var createClass2 = function() {
-      function defineProperties3(target, props) {
+      function defineProperties4(target, props) {
         for (var i = 0; i < props.length; i++) {
           var descriptor2 = props[i];
           descriptor2.enumerable = descriptor2.enumerable || false;
@@ -79759,12 +79817,12 @@ __name(requireEmpty, "requireEmpty");
           Object.defineProperty(target, descriptor2.key, descriptor2);
         }
       }
-      __name(defineProperties3, "defineProperties");
+      __name(defineProperties4, "defineProperties");
       return function(Constructor, protoProps, staticProps) {
         if (protoProps)
-          defineProperties3(Constructor.prototype, protoProps);
+          defineProperties4(Constructor.prototype, protoProps);
         if (staticProps)
-          defineProperties3(Constructor, staticProps);
+          defineProperties4(Constructor, staticProps);
         return Constructor;
       };
     }();
@@ -83579,10 +83637,10 @@ __name(requireEmpty, "requireEmpty");
       return value;
     }
     __name(dateReviver, "dateReviver");
-    function create6(options) {
+    function create7(options) {
       return new DiffPatcher(options);
     }
-    __name(create6, "create");
+    __name(create7, "create");
     var defaultInstance$4 = void 0;
     function diff() {
       if (!defaultInstance$4) {
@@ -83622,7 +83680,7 @@ __name(requireEmpty, "requireEmpty");
     exports3.DiffPatcher = DiffPatcher;
     exports3.formatters = index2;
     exports3.console = console$1;
-    exports3.create = create6;
+    exports3.create = create7;
     exports3.dateReviver = dateReviver;
     exports3.diff = diff;
     exports3.patch = patch2;
@@ -107179,7 +107237,7 @@ const collapseSplitScreen = /* @__PURE__ */ __name((activePanelId, meta2) => {
     activePanelId && dispatch(setPanelAsActive(activePanelId, meta2));
   };
 }, "collapseSplitScreen");
-const panelsShown = createReducer(
+const reducer$1 = createReducer(
   {
     [addPanelIfItDoesntAlreadyExist]: (state2, panelToAdd) => {
       if (!state2.some((panelGroup) => {
@@ -107214,8 +107272,15 @@ const panelsShown = createReducer(
             indexToClose = i;
         });
         if (indexToClose > -1) {
-          return removeItem(group, indexToClose).map((tab2, i) => {
-            if (i === 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, i) => {
+            if (i === mostRecentIndex)
               return __spreadProps(__spreadValues({}, tab2), { active: true });
             else {
               return tab2;
@@ -107312,6 +107377,17 @@ const panelsShown = createReducer(
     ]
   ]
 );
+const panelsShown = /* @__PURE__ */ __name((state2, action2) => {
+  const nextState = reducer$1(state2, action2);
+  nextState.forEach((pg) => {
+    pg.forEach((p2) => {
+      if (p2.active) {
+        p2.lastActive = Date.now().toString();
+      }
+    });
+  });
+  return nextState;
+}, "panelsShown");
 function flipActiveForGroup(group, setCircActive) {
   const activeTab = group.find(({ active: active3 }) => active3);
   if ((activeTab == null ? void 0 : activeTab.id) === (setCircActive ? "rail" : "circular")) {
@@ -107986,7 +108062,7 @@ var defineProperty$2 = /* @__PURE__ */ __name(function(object3, name2, value, pr
     object3[name2] = value;
   }
 }, "defineProperty$2");
-var defineProperties2 = /* @__PURE__ */ __name(function(object3, map3) {
+var defineProperties3 = /* @__PURE__ */ __name(function(object3, map3) {
   var predicates = arguments.length > 2 ? arguments[2] : {};
   var props = keys$1(map3);
   if (hasSymbols2) {
@@ -107996,8 +108072,8 @@ var defineProperties2 = /* @__PURE__ */ __name(function(object3, map3) {
     defineProperty$2(object3, props[i], map3[props[i]], predicates[props[i]]);
   }
 }, "defineProperties");
-defineProperties2.supportsDescriptors = !!supportsDescriptors$2;
-var defineProperties_1 = defineProperties2;
+defineProperties3.supportsDescriptors = !!supportsDescriptors$2;
+var defineProperties_1 = defineProperties3;
 var numberIsNaN = /* @__PURE__ */ __name(function(value) {
   return value !== value;
 }, "numberIsNaN");
@@ -116724,7 +116800,7 @@ function usePrevious(current) {
   return ref;
 }
 __name(usePrevious, "usePrevious");
-function create5() {
+function create6() {
   let lock = null;
   function isClaimed() {
     return Boolean(lock);
@@ -116763,7 +116839,7 @@ function create5() {
     tryAbandon
   };
 }
-__name(create5, "create");
+__name(create6, "create");
 function isDragging(state2) {
   if (state2.phase === "IDLE" || state2.phase === "DROP_ANIMATING") {
     return false;
@@ -117806,7 +117882,7 @@ function useSensorMarshal(_ref4) {
     enableDefaultSensors
   } = _ref4;
   const useSensors = [...enableDefaultSensors ? defaultSensors : [], ...customSensors || []];
-  const lockAPI = React$2.useState(() => create5())[0];
+  const lockAPI = React$2.useState(() => create6())[0];
   const tryAbandonLock = useCallback(/* @__PURE__ */ __name(function tryAbandonLock2(previous2, current) {
     if (isDragging(previous2) && !isDragging(current)) {
       lockAPI.tryAbandon();
@@ -121794,6 +121870,7 @@ const Axis$1 = /* @__PURE__ */ __name(function(props) {
         "rect",
         {
           className: "veAxisTick",
+          "data-test": tickMarkPosition + 1,
           key: "axisTickMarkPath " + i + " " + tickMarkPosition,
           x: xCenter,
           width: 1,
@@ -125975,7 +126052,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 __name(showFileDialog, "showFileDialog");
 const name = "@teselagen/ove";
-const version = "0.3.55";
+const version = "0.3.57";
 const main = "./src/index.js";
 const exports$1 = {
   ".": {
@@ -128283,7 +128360,7 @@ var classCallCheck = /* @__PURE__ */ __name(function(instance, Constructor) {
   }
 }, "classCallCheck");
 var createClass = function() {
-  function defineProperties3(target, props) {
+  function defineProperties4(target, props) {
     for (var i = 0; i < props.length; i++) {
       var descriptor2 = props[i];
       descriptor2.enumerable = descriptor2.enumerable || false;
@@ -128293,12 +128370,12 @@ var createClass = function() {
       Object.defineProperty(target, descriptor2.key, descriptor2);
     }
   }
-  __name(defineProperties3, "defineProperties");
+  __name(defineProperties4, "defineProperties");
   return function(Constructor, protoProps, staticProps) {
     if (protoProps)
-      defineProperties3(Constructor.prototype, protoProps);
+      defineProperties4(Constructor.prototype, protoProps);
     if (staticProps)
-      defineProperties3(Constructor, staticProps);
+      defineProperties4(Constructor, staticProps);
     return Constructor;
   };
 }();
@@ -131661,7 +131738,7 @@ function getEditDeleteHandlers(type, annotation) {
 __name(getEditDeleteHandlers, "getEditDeleteHandlers");
 const style$h = "";
 function SequenceName({ sequenceName, sequenceLength, isProtein: isProtein2 }) {
-  return /* @__PURE__ */ React$2.createElement("div", { key: "circViewSvgCenterText", style: { textAlign: "center" } }, /* @__PURE__ */ React$2.createElement("span", null, sequenceName, " "), /* @__PURE__ */ React$2.createElement("br", null), /* @__PURE__ */ React$2.createElement("span", null, isProtein2 ? `${Math.floor(sequenceLength / 3)} AAs` : `${sequenceLength} bps`));
+  return /* @__PURE__ */ React$2.createElement("div", { key: "sequenceNameText", className: "sequenceNameText" }, /* @__PURE__ */ React$2.createElement("span", null, sequenceName, " "), /* @__PURE__ */ React$2.createElement("br", null), /* @__PURE__ */ React$2.createElement("span", null, isProtein2 ? `${Math.floor(sequenceLength / 3)} AAs` : `${sequenceLength} bps`));
 }
 __name(SequenceName, "SequenceName");
 function massageTickSpacing(spacing) {