@teselagen/ove 0.4.1 → 0.4.2

package/index.umd.js

@@ -23485,7 +23485,7 @@ var __async = (__this, __arguments, generator) => {
             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
-          !el2.classList.contains("no-data-tip") && !document.body.classList.contains("drag-active") && el2.textContent && ((_b2 = (_a2 = el2.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b2.call(_a2).length) !== 0) {
+          !el2.classList.contains("no-data-tip") && !parentIncludesNoChildDataTip(el2, 0) && !document.body.classList.contains("drag-active") && el2.textContent && ((_b2 = (_a2 = el2.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b2.call(_a2).length) !== 0) {
             inner2(el2.textContent, el2, opts2);
             break;
           } else if (isEllipsized && el2.offsetWidth >= el2.scrollWidth)
@@ -23498,6 +23498,28 @@ var __async = (__this, __arguments, generator) => {
       }
     });
   })();
+  function parentIncludesNoChildDataTip(el2, count2) {
+    if (count2 > 4)
+      return false;
+    if (!el2)
+      return false;
+    if (el2.getAttribute("data-no-child-data-tip"))
+      return true;
+    return parentIncludesNoChildDataTip(el2.parentElement, count2 + 1);
+  }
+  __name(parentIncludesNoChildDataTip, "parentIncludesNoChildDataTip");
+  const LoadingDots = /* @__PURE__ */ __name(() => {
+    const [dots, setDots] = reactExports.useState("");
+    reactExports.useEffect(() => {
+      const interval = setInterval(() => {
+        setDots((dots2) => {
+          return dots2.length === 3 ? "" : dots2 + ".";
+        });
+      }, 500);
+      return () => clearInterval(interval);
+    }, []);
+    return /* @__PURE__ */ React$2.createElement("span", null, dots);
+  }, "LoadingDots");
   const AssignDefaultsModeContext = React$2.createContext({
     inAssignDefaultsMode: false,
     // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -25818,10 +25840,10 @@ var __async = (__this, __arguments, generator) => {
     /* istanbul ignore next */
     Object.getOwnPropertyNames
   );
-  function toPrimitive$3(value) {
+  function toPrimitive$2(value) {
     return value === null ? null : typeof value === "object" ? "" + value : value;
   }
-  __name(toPrimitive$3, "toPrimitive$3");
+  __name(toPrimitive$2, "toPrimitive$2");
   function hasProp(target, prop2) {
     return objectPrototype$2.hasOwnProperty.call(target, prop2);
   }
@@ -26718,7 +26740,7 @@ var __async = (__this, __arguments, generator) => {
       return this.name_ + "[" + this.value_ + "]";
     }, "toString");
     _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-      return toPrimitive$3(this.get());
+      return toPrimitive$2(this.get());
     }, "valueOf");
     _proto[_Symbol$toPrimitive] = function() {
       return this.valueOf();
@@ -26903,7 +26925,7 @@ var __async = (__this, __arguments, generator) => {
       return this.name_ + "[" + this.derivation.toString() + "]";
     }, "toString");
     _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-      return toPrimitive$3(this.get());
+      return toPrimitive$2(this.get());
     }, "valueOf");
     _proto[_Symbol$toPrimitive$1] = function() {
       return this.valueOf();
@@ -43573,11 +43595,20 @@ ${latestSubscriptionCallbackError.current.stack}
       return true;
     }
   }, "_fails");
-  var _descriptors = !_fails(function() {
-    return Object.defineProperty({}, "a", { get: function() {
-      return 7;
-    } }).a != 7;
-  });
+  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 _domCreate;
   var hasRequired_domCreate;
   function require_domCreate() {
@@ -43593,11 +43624,20 @@ ${latestSubscriptionCallbackError.current.stack}
     return _domCreate;
   }
   __name(require_domCreate, "require_domCreate");
-  var _ie8DomDefine = !_descriptors && !_fails(function() {
-    return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
-      return 7;
-    } }).a != 7;
-  });
+  var _ie8DomDefine;
+  var hasRequired_ie8DomDefine;
+  function require_ie8DomDefine() {
+    if (hasRequired_ie8DomDefine)
+      return _ie8DomDefine;
+    hasRequired_ie8DomDefine = 1;
+    _ie8DomDefine = !require_descriptors() && !_fails(function() {
+      return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
+        return 7;
+      } }).a != 7;
+    });
+    return _ie8DomDefine;
+  }
+  __name(require_ie8DomDefine, "require_ie8DomDefine");
   var isObject$6 = _isObject;
   var _toPrimitive$1 = /* @__PURE__ */ __name(function(it, S2) {
     if (!isObject$6(it))
@@ -43611,25 +43651,33 @@ ${latestSubscriptionCallbackError.current.stack}
       return val2;
     throw TypeError("Can't convert object to primitive value");
   }, "_toPrimitive$1");
-  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 hasRequired_objectDp;
+  function require_objectDp() {
+    if (hasRequired_objectDp)
+      return _objectDp;
+    hasRequired_objectDp = 1;
+    var anObject2 = _anObject;
+    var IE8_DOM_DEFINE2 = require_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 _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     return {
       enumerable: !(bitmap & 1),
@@ -43638,9 +43686,9 @@ ${latestSubscriptionCallbackError.current.stack}
       value
     };
   }, "_propertyDesc");
-  var dP$2 = _objectDp;
+  var dP$2 = require_objectDp();
   var createDesc$3 = _propertyDesc;
-  var _hide = _descriptors ? function(object2, key2, value) {
+  var _hide = require_descriptors() ? function(object2, key2, value) {
     return dP$2.f(object2, key2, createDesc$3(1, value));
   } : function(object2, key2, value) {
     object2[key2] = value;
@@ -43712,16 +43760,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));
@@ -43810,10 +43867,10 @@ ${latestSubscriptionCallbackError.current.stack}
     return result;
   }, "_objectKeysInternal");
   var _enumBugKeys = "constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",");
-  var $keys$3 = _objectKeysInternal;
+  var $keys$2 = _objectKeysInternal;
   var enumBugKeys$1 = _enumBugKeys;
   var _objectKeys = Object.keys || /* @__PURE__ */ __name(function keys2(O2) {
-    return $keys$3(O2, enumBugKeys$1);
+    return $keys$2(O2, enumBugKeys$1);
   }, "keys");
   var _objectGops = {};
   _objectGops.f = Object.getOwnPropertySymbols;
@@ -43837,12 +43894,12 @@ ${latestSubscriptionCallbackError.current.stack}
     if (hasRequired_objectAssign)
       return _objectAssign;
     hasRequired_objectAssign = 1;
-    var DESCRIPTORS2 = _descriptors;
+    var DESCRIPTORS2 = require_descriptors();
     var getKeys2 = _objectKeys;
     var gOPS2 = _objectGops;
     var pIE2 = require_objectPie();
     var toObject2 = _toObject;
-    var IObject2 = _iobject;
+    var IObject2 = require_iobject();
     var $assign = Object.assign;
     _objectAssign = !$assign || _fails(function() {
       var A2 = {};
@@ -43903,10 +43960,10 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "_iterStep");
   var _iterators = {};
   var _redefine = _hide;
-  var dP$1 = _objectDp;
+  var dP$1 = require_objectDp();
   var anObject$4 = _anObject;
   var getKeys$1 = _objectKeys;
-  var _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties2) {
+  var _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties2) {
     anObject$4(O2);
     var keys2 = getKeys$1(Properties2);
     var length = keys2.length;
@@ -43973,7 +44030,7 @@ ${latestSubscriptionCallbackError.current.stack}
   };
   $exports.store = store$2;
   var _wksExports = _wks.exports;
-  var def = _objectDp.f;
+  var def = require_objectDp().f;
   var has$b = _has;
   var TAG$1 = _wksExports("toStringTag");
   var _setToStringTag = /* @__PURE__ */ __name(function(it, tag, stat) {
@@ -44246,7 +44303,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var _isArrayIter = /* @__PURE__ */ __name(function(it) {
     return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
   }, "_isArrayIter");
-  var $defineProperty$1 = _objectDp;
+  var $defineProperty$1 = require_objectDp();
   var createDesc$2 = _propertyDesc;
   var _createProperty = /* @__PURE__ */ __name(function(object2, index2, value) {
     if (index2 in object2)
@@ -44375,7 +44432,7 @@ ${latestSubscriptionCallbackError.current.stack}
     }
   }, "_default$8");
   var $export$3 = _export;
-  $export$3($export$3.S + $export$3.F * !_descriptors, "Object", { defineProperty: _objectDp.f });
+  $export$3($export$3.S + $export$3.F * !require_descriptors(), "Object", { defineProperty: require_objectDp().f });
   var $Object$1 = _coreExports.Object;
   var defineProperty$6 = /* @__PURE__ */ __name(function defineProperty2(it, key2, desc) {
     return $Object$1.defineProperty(it, key2, desc);
@@ -44416,7 +44473,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var META$1 = _uid("meta");
   var isObject$5 = _isObject;
   var has$9 = _has;
-  var setDesc = _objectDp.f;
+  var setDesc = require_objectDp().f;
   var id$1 = 0;
   var isExtensible = Object.isExtensible || function() {
     return true;
@@ -44469,7 +44526,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var _metaExports = _meta.exports;
   var core = _coreExports;
   var wksExt$1 = _wksExt;
-  var defineProperty$4 = _objectDp.f;
+  var defineProperty$4 = require_objectDp().f;
   var _wksDefine = /* @__PURE__ */ __name(function(name2) {
     var $Symbol2 = core.Symbol || (core.Symbol = {});
     if (name2.charAt(0) != "_" && !(name2 in $Symbol2))
@@ -44498,13 +44555,21 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "isArray");
   var _objectGopnExt = {};
   var _objectGopn = {};
-  var $keys$2 = _objectKeysInternal;
-  var hiddenKeys = _enumBugKeys.concat("length", "prototype");
-  _objectGopn.f = Object.getOwnPropertyNames || /* @__PURE__ */ __name(function getOwnPropertyNames2(O2) {
-    return $keys$2(O2, hiddenKeys);
-  }, "getOwnPropertyNames");
+  var hasRequired_objectGopn;
+  function require_objectGopn() {
+    if (hasRequired_objectGopn)
+      return _objectGopn;
+    hasRequired_objectGopn = 1;
+    var $keys2 = _objectKeysInternal;
+    var hiddenKeys = _enumBugKeys.concat("length", "prototype");
+    _objectGopn.f = Object.getOwnPropertyNames || /* @__PURE__ */ __name(function getOwnPropertyNames2(O2) {
+      return $keys2(O2, hiddenKeys);
+    }, "getOwnPropertyNames");
+    return _objectGopn;
+  }
+  __name(require_objectGopn, "require_objectGopn");
   var toIObject$2 = _toIobject;
-  var gOPN$1 = _objectGopn.f;
+  var gOPN$1 = require_objectGopn().f;
   var toString$3 = {}.toString;
   var windowNames = typeof window == "object" && window && Object.getOwnPropertyNames ? Object.getOwnPropertyNames(window) : [];
   var getWindowNames = /* @__PURE__ */ __name(function(it) {
@@ -44523,9 +44588,9 @@ ${latestSubscriptionCallbackError.current.stack}
   var toIObject$1 = _toIobject;
   var toPrimitive$1 = _toPrimitive$1;
   var has$8 = _has;
-  var IE8_DOM_DEFINE = _ie8DomDefine;
+  var IE8_DOM_DEFINE = require_ie8DomDefine();
   var gOPD$2 = Object.getOwnPropertyDescriptor;
-  _objectGopd.f = _descriptors ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor2(O2, P2) {
+  _objectGopd.f = require_descriptors() ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor2(O2, P2) {
     O2 = toIObject$1(O2);
     P2 = toPrimitive$1(P2, true);
     if (IE8_DOM_DEFINE)
@@ -44538,7 +44603,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "getOwnPropertyDescriptor");
   var global$1 = _globalExports;
   var has$7 = _has;
-  var DESCRIPTORS = _descriptors;
+  var DESCRIPTORS = require_descriptors();
   var $export$2 = _export;
   var redefine = _redefine;
   var META = _metaExports.KEY;
@@ -44561,7 +44626,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var gOPNExt = _objectGopnExt;
   var $GOPD = _objectGopd;
   var $GOPS = _objectGops;
-  var $DP = _objectDp;
+  var $DP = require_objectDp();
   var $keys$1 = _objectKeys;
   var gOPD$1 = $GOPD.f;
   var dP = $DP.f;
@@ -44697,7 +44762,7 @@ ${latestSubscriptionCallbackError.current.stack}
     }, "toString"));
     $GOPD.f = $getOwnPropertyDescriptor;
     $DP.f = $defineProperty;
-    _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
+    require_objectGopn().f = gOPNExt.f = $getOwnPropertyNames;
     require_objectPie().f = $propertyIsEnumerable;
     $GOPS.f = $getOwnPropertySymbols;
     if (DESCRIPTORS && !_library) {
@@ -64987,27 +65052,51 @@ ${latestSubscriptionCallbackError.current.stack}
     value: void 0
   });
   let TgSelect = _TgSelect;
-  const TgSelect$1 = withProps((props) => {
-    const { multi, value, options } = props;
-    let optionsToRet = options;
-    if (multi && value) {
-      const valArray = getValueArray(value);
-      optionsToRet = options.filter((op) => {
-        const isOptionSelected = valArray.some((val2) => {
-          if (!val2)
-            return false;
-          const matching = lodashExports.isEqual(val2.value, op.value);
-          return matching;
+  const withAsyncOptions = /* @__PURE__ */ __name((Component) => (props) => {
+    const _a2 = props, { loadOptions, options } = _a2, rest = __objRest(_a2, ["loadOptions", "options"]);
+    const [asyncOptions, setAsyncOptions] = reactExports.useState([]);
+    const [isLoading, setLoading] = reactExports.useState(false);
+    reactExports.useEffect(() => {
+      if (loadOptions) {
+        setLoading(true);
+        loadOptions().then((options2) => {
+          setAsyncOptions(options2);
+          setLoading(false);
         });
-        return !isOptionSelected;
-      });
-    }
-    return {
-      // unfilteredOptions is needed for finding selected items
-      unfilteredOptions: options,
-      options: optionsToRet
-    };
-  })(TgSelect);
+      }
+    }, [loadOptions]);
+    return /* @__PURE__ */ React$2.createElement(
+      Component,
+      __spreadProps(__spreadValues({}, rest), {
+        isLoading: isLoading || rest.isLoading,
+        options: loadOptions ? asyncOptions : options
+      })
+    );
+  }, "withAsyncOptions");
+  const TgSelect$1 = compose$1(
+    withAsyncOptions,
+    withProps((props) => {
+      const { multi, value, options = [] } = props;
+      let optionsToRet = options;
+      if (multi && value) {
+        const valArray = getValueArray(value);
+        optionsToRet = options.filter((op) => {
+          const isOptionSelected = valArray.some((val2) => {
+            if (!val2)
+              return false;
+            const matching = lodashExports.isEqual(val2.value, op.value);
+            return matching;
+          });
+          return !isOptionSelected;
+        });
+      }
+      return {
+        // unfilteredOptions is needed for finding selected items
+        unfilteredOptions: options,
+        options: optionsToRet
+      };
+    })
+  )(TgSelect);
   const itemDisabled = /* @__PURE__ */ __name((i2) => i2.disabled, "itemDisabled");
   const noResultsDefault = /* @__PURE__ */ React$2.createElement("div", null, "No Results...");
   const renderCreateNewOption$1 = /* @__PURE__ */ __name((query, active2, handleClick) => /* @__PURE__ */ React$2.createElement(
@@ -72440,19 +72529,59 @@ ${latestSubscriptionCallbackError.current.stack}
     if (intent === Intent.DANGER) {
       console.error("Toastr error message: ", message);
     }
+    const maybeAddClearAll = /* @__PURE__ */ __name(() => {
+      const existingClearAllButtons = document.querySelectorAll(`.tg-clear-all-toasts`);
+      existingClearAllButtons.forEach((button) => {
+        button.remove();
+      });
+      const activeToasts = document.querySelectorAll(
+        `.bp3-toast:not(.bp3-toast-exit)`
+      );
+      if (activeToasts.length > 1) {
+        const topToaster = document.querySelector(`.bp3-toast`);
+        if (!topToaster)
+          return;
+        const closeButton = document.createElement("div");
+        closeButton.classList.add(
+          BUTTON,
+          LARGE,
+          INTENT_PRIMARY,
+          "tg-clear-all-toasts"
+        );
+        closeButton.innerText = "Clear all";
+        closeButton.onclick = window.__tgClearAllToasts;
+        closeButton.style.position = "absolute";
+        closeButton.style.right = "-100px";
+        topToaster.appendChild(closeButton);
+      }
+    }, "maybeAddClearAll");
     const uniqKey = toastToUse.show(
       {
         intent,
         message,
-        timeout: options.timeout || updatedTimeout || intent === Intent.DANGER ? 6e4 : void 0,
+        onDismiss: () => {
+          if (options.onDismiss) {
+            options.onDismiss();
+          }
+          setTimeout(() => {
+            maybeAddClearAll();
+          }, 0);
+        },
+        timeout: options.timeout || updatedTimeout || (!window.Cypress && intent === Intent.DANGER ? 6e4 : void 0),
         action: options.action,
         icon: options.icon,
         className: classNames$1("preserve-newline", options.className)
       },
       options.key
     );
+    setTimeout(() => {
+      maybeAddClearAll();
+    }, 0);
     function clear() {
       toastToUse.dismiss(uniqKey);
+      setTimeout(() => {
+        maybeAddClearAll();
+      }, 0);
     }
     __name(clear, "clear");
     clear.key = uniqKey;
@@ -72622,6 +72751,7 @@ ${latestSubscriptionCallbackError.current.stack}
           intent: Intent.SUCCESS,
           text: "Filter",
           secondaryText: "Clear",
+          secondaryIntent: Intent.DANGER,
           secondaryAction: () => {
             currentFilter && removeSingleFilter(currentFilter.filterOn);
           }
@@ -85333,17 +85463,20 @@ ${latestSubscriptionCallbackError.current.stack}
           });
         }
       }, "handleSelectAllRows"));
+      __publicField(this, "updateValidationHelper", /* @__PURE__ */ __name(() => {
+        const { entities, reduxFormCellValidation } = computePresets(this.props);
+        this.updateValidation(entities, reduxFormCellValidation);
+      }, "updateValidationHelper"));
       __publicField(this, "updateValidation", /* @__PURE__ */ __name((entities, newCellValidate) => {
         const { change: change2, schema: schema2 } = computePresets(this.props);
-        change2(
-          "reduxFormCellValidation",
-          validateTableWideErrors({
-            entities,
-            schema: schema2,
-            newCellValidate,
-            props: this.props
-          })
-        );
+        const tableWideErr = validateTableWideErrors({
+          entities,
+          schema: schema2,
+          newCellValidate,
+          props: this.props
+        });
+        change2("reduxFormCellValidation", tableWideErr);
+        this.forceUpdate();
       }, "updateValidation"));
       __publicField(this, "handleDeleteCell", /* @__PURE__ */ __name(() => {
         const {
@@ -85409,7 +85542,7 @@ ${latestSubscriptionCallbackError.current.stack}
           onFinishMsg: "Column Copied"
         });
       }, "handleCopyColumn"));
-      __publicField(this, "handleCopyRows", /* @__PURE__ */ __name((rowElsToCopy, { specificColumn, onFinishMsg } = {}) => {
+      __publicField(this, "handleCopyRows", /* @__PURE__ */ __name((rowElsToCopy, { specificColumn, onFinishMsg, isDownload } = {}) => {
         let textToCopy = [];
         const jsonToCopy = [];
         lodashExports.forEach(rowElsToCopy, (rowEl) => {
@@ -85420,7 +85553,15 @@ ${latestSubscriptionCallbackError.current.stack}
         textToCopy = textToCopy.filter((text2) => text2).join("\n");
         if (!textToCopy)
           return window.toastr.warning("No text to copy");
-        this.handleCopyHelper(textToCopy, jsonToCopy, onFinishMsg || "Row Copied");
+        if (isDownload) {
+          downloadjs(textToCopy.replaceAll("	", ","), "tableData.csv", "text/csv");
+        } else {
+          this.handleCopyHelper(
+            textToCopy,
+            jsonToCopy,
+            onFinishMsg || "Row Copied"
+          );
+        }
       }, "handleCopyRows"));
       __publicField(this, "updateEntitiesHelper", /* @__PURE__ */ __name((ents, fn2) => {
         const { change: change2, reduxFormEntitiesUndoRedoStack = { currentVersion: 0 } } = this.props;
@@ -85473,14 +85614,14 @@ ${latestSubscriptionCallbackError.current.stack}
           window.toastr.success(message);
         }
       }, "handleCopyHelper"));
-      __publicField(this, "handleCopyTable", /* @__PURE__ */ __name((e2) => {
+      __publicField(this, "handleCopyTable", /* @__PURE__ */ __name((e2, opts2) => {
         try {
           const allRowEls = getAllRows(e2);
           if (!allRowEls)
             return;
-          this.handleCopyRows(allRowEls, {
+          this.handleCopyRows(allRowEls, __spreadProps(__spreadValues({}, opts2), {
             onFinishMsg: "Table Copied"
-          });
+          }));
         } catch (error) {
           console.error(`error:`, error);
           window.toastr.error("Error copying rows.");
@@ -85728,7 +85869,8 @@ ${latestSubscriptionCallbackError.current.stack}
             getRowClassName && getRowClassName(rowInfo, state2, this.props),
             {
               disabled: rowDisabled,
-              selected: rowSelected && !withCheckboxes
+              selected: rowSelected && !withCheckboxes,
+              "rt-tr-last-row": rowInfo.index === entities.length - 1
             }
           ),
           "data-test-id": dataId === void 0 ? rowInfo.index : dataId,
@@ -85825,7 +85967,8 @@ ${latestSubscriptionCallbackError.current.stack}
             this.startCellEdit(cellId);
           }
         }, err2 && {
-          "data-tip": (err2 == null ? void 0 : err2.message) || err2
+          "data-tip": (err2 == null ? void 0 : err2.message) || err2,
+          "data-no-child-data-tip": true
         }), {
           onContextMenu: (e2) => {
             if (!isPrimarySelected) {
@@ -87131,6 +87274,7 @@ ${latestSubscriptionCallbackError.current.stack}
         );
       }, "renderColumnHeader"));
       if (this.props.helperProp) {
+        this.props.helperProp.updateValidationHelper = this.updateValidationHelper;
         this.props.helperProp.addEditableTableEntities = this.addEditableTableEntities;
         this.props.helperProp.getEditableTableInfoAndThrowFormError = this.getEditableTableInfoAndThrowFormError;
       }
@@ -87730,27 +87874,6 @@ ${latestSubscriptionCallbackError.current.stack}
                   if (n2)
                     this.table = n2;
                 },
-                additionalBodyEl: isCellEditable && !onlyShowRowsWErrors && /* @__PURE__ */ React$2.createElement(
-                  "div",
-                  {
-                    style: {
-                      width: "100%",
-                      display: "flex",
-                      justifyContent: "center"
-                    }
-                  },
-                  /* @__PURE__ */ React$2.createElement(
-                    Button,
-                    {
-                      icon: "add",
-                      onClick: () => {
-                        this.insertRows({ numRows: 10, appendToBottom: true });
-                      },
-                      minimal: true
-                    },
-                    "Add 10 Rows"
-                  )
-                ),
                 className: classNames$1({
                   isCellEditable,
                   "tg-table-loading": isLoading,
@@ -87792,6 +87915,37 @@ ${latestSubscriptionCallbackError.current.stack}
                 SubComponent: SubComponentToUse
               }, ReactTableProps)
             ),
+            isCellEditable && /* @__PURE__ */ React$2.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React$2.createElement(
+              "div",
+              {
+                style: {
+                  width: "100%",
+                  display: "flex",
+                  justifyContent: "center"
+                }
+              },
+              !onlyShowRowsWErrors && /* @__PURE__ */ React$2.createElement(
+                Button,
+                {
+                  icon: "add",
+                  onClick: () => {
+                    this.insertRows({ numRows: 10, appendToBottom: true });
+                  },
+                  minimal: true
+                },
+                "Add 10 Rows"
+              )
+            ), /* @__PURE__ */ React$2.createElement(
+              Button,
+              {
+                onClick: (e2) => {
+                  this.handleCopyTable(e2, { isDownload: true });
+                },
+                "data-tip": "Download Table as CSV",
+                minimal: true,
+                icon: "download"
+              }
+            )),
             !noFooter && /* @__PURE__ */ React$2.createElement(
               "div",
               {
@@ -88399,6 +88553,7 @@ ${latestSubscriptionCallbackError.current.stack}
     onMultiFileUploadSubmit,
     doAllFilesHaveSameHeaders,
     csvValidationIssue,
+    ignoredHeadersMsg,
     searchResults,
     matchedHeaders,
     userSchema,
@@ -88416,7 +88571,7 @@ ${latestSubscriptionCallbackError.current.stack}
       if (v2)
         flippedMatchedHeaders[v2] = k2;
     });
-    return /* @__PURE__ */ React$2.createElement("div", { style: { maxWidth: 500 } }, !onMultiFileUploadSubmit && /* @__PURE__ */ React$2.createElement(Callout, { style: { width: "fit-content" }, intent: "warning" }, csvValidationIssue), /* @__PURE__ */ React$2.createElement("br", null), /* @__PURE__ */ React$2.createElement(
+    return /* @__PURE__ */ React$2.createElement("div", { style: { maxWidth: 500 } }, !onMultiFileUploadSubmit && /* @__PURE__ */ React$2.createElement(Callout, { style: { width: "fit-content" }, intent: "warning" }, csvValidationIssue), !onMultiFileUploadSubmit && ignoredHeadersMsg && /* @__PURE__ */ React$2.createElement(Callout, { style: { width: "fit-content" }, intent: "warning" }, ignoredHeadersMsg), /* @__PURE__ */ React$2.createElement("br", null), /* @__PURE__ */ React$2.createElement(
       "tr",
       {
         style: {
@@ -88805,7 +88960,7 @@ ${latestSubscriptionCallbackError.current.stack}
   };
   var Config = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, BasicOptions), MatchOptions), FuzzyOptions), AdvancedOptions$1);
   const SPACE$2 = /[^ ]+/g;
-  function norm(weight = 1, mantissa = 3) {
+  function norm$1(weight = 1, mantissa = 3) {
     const cache2 = /* @__PURE__ */ new Map();
     const m2 = Math.pow(10, mantissa);
     return {
@@ -88824,13 +88979,13 @@ ${latestSubscriptionCallbackError.current.stack}
       }
     };
   }
-  __name(norm, "norm");
+  __name(norm$1, "norm$1");
   const _FuseIndex = class _FuseIndex {
     constructor({
       getFn = Config.getFn,
       fieldNormWeight = Config.fieldNormWeight
     } = {}) {
-      this.norm = norm(fieldNormWeight, 3);
+      this.norm = norm$1(fieldNormWeight, 3);
       this.getFn = getFn;
       this.isCreated = false;
       this.setIndexRecords();
@@ -89979,7 +90134,7 @@ ${latestSubscriptionCallbackError.current.stack}
     }) {
       yield resolveValidateAgainstSchema();
       const userSchema = getSchema(incomingData);
-      const { searchResults, csvValidationIssue } = yield matchSchemas({
+      const { searchResults, csvValidationIssue, ignoredHeadersMsg } = yield matchSchemas({
         userSchema,
         officialSchema: validateAgainstSchema
       });
@@ -90015,6 +90170,7 @@ ${latestSubscriptionCallbackError.current.stack}
         }
       });
       return {
+        ignoredHeadersMsg,
         csvValidationIssue,
         matchedHeaders,
         userSchema,
@@ -90031,15 +90187,31 @@ ${latestSubscriptionCallbackError.current.stack}
       };
       let csvValidationIssue = false;
       const fuse = new Fuse(userSchema.fields, options);
+      const matchedAltPaths = [];
       officialSchema.fields.forEach((h2) => {
         let hasMatch = false;
         let result = fuse.search(h2.path) || [];
+        const hadNormalPathMatch = userSchema.fields.some(
+          (uh2) => norm(uh2.path) === norm(h2.path)
+        );
         userSchema.fields.forEach((uh2, i2) => {
-          const pathMatch = uh2.path.toLowerCase().replace(/ /g, "") === h2.path.toLowerCase().replace(/ /g, "");
-          const displayNameMatch = h2.displayName && uh2.path.toLowerCase().replace(/ /g, "") === getTextFromEl(h2.displayName).toLowerCase().replace(/ /g, "");
-          const hasAlternatePathMatch = h2.alternatePathMatch && (lodashExports.isArray(h2.alternatePathMatch) ? h2.alternatePathMatch.some((alternatePathMatch) => {
-            return uh2.path.toLowerCase().replace(/ /g, "") === alternatePathMatch.toLowerCase().replace(/ /g, "");
-          }) : uh2.path.toLowerCase().replace(/ /g, "") === h2.alternatePathMatch.toLowerCase().replace(/ /g, ""));
+          const pathMatch = norm(uh2.path) === norm(h2.path);
+          const displayNameMatch = h2.displayName && norm(uh2.path) === norm(getTextFromEl(h2.displayName));
+          const hasAlternatePathMatch = !hadNormalPathMatch && h2.alternatePathMatch && (lodashExports.isArray(h2.alternatePathMatch) ? h2.alternatePathMatch : [h2.alternatePathMatch]).find((alternatePathMatch) => {
+            let altPath = alternatePathMatch;
+            if (lodashExports.isPlainObject(alternatePathMatch)) {
+              altPath = alternatePathMatch.path;
+            }
+            return norm(uh2.path) === norm(altPath);
+          });
+          if (hasAlternatePathMatch) {
+            matchedAltPaths.push(
+              hasAlternatePathMatch.path || hasAlternatePathMatch
+            );
+            if (hasAlternatePathMatch.format) {
+              h2.format = hasAlternatePathMatch.format;
+            }
+          }
           if (pathMatch || displayNameMatch || hasAlternatePathMatch) {
             result = result.filter(({ path: path2 }) => path2 === uh2.path);
             result.unshift({
@@ -90059,6 +90231,16 @@ ${latestSubscriptionCallbackError.current.stack}
           csvValidationIssue = "It looks like some of the headers in your uploaded file(s) do not match the expected headers. Please look over and correct any issues with the mappings below.";
         }
       });
+      const ignoredUserSchemaFields = [];
+      userSchema.fields.forEach((uh2) => {
+        if (!officialSchema.fields.find(
+          (h2) => norm(h2.path) === norm(uh2.path) || norm(h2.displayName) === norm(uh2.path) || matchedAltPaths.includes(uh2.path)
+        )) {
+          if (userSchema.userData.some((e2) => e2[uh2.path])) {
+            ignoredUserSchemaFields.push(uh2);
+          }
+        }
+      });
       if (officialSchema.coerceUserSchema) {
         officialSchema.coerceUserSchema({ userSchema, officialSchema });
       }
@@ -90116,9 +90298,14 @@ ${latestSubscriptionCallbackError.current.stack}
           };
         }
       }
+      let ignoredHeadersMsg;
+      if (ignoredUserSchemaFields.length) {
+        ignoredHeadersMsg = `It looks like the following headers in your file didn't map to any of the accepted headers: ${ignoredUserSchemaFields.map((f2) => f2.displayName || f2.path).join(", ")}`;
+      }
       return {
         searchResults: officialSchema.fields,
-        csvValidationIssue
+        csvValidationIssue,
+        ignoredHeadersMsg
       };
     });
   }
@@ -90137,6 +90324,10 @@ ${latestSubscriptionCallbackError.current.stack}
     });
   }
   __name(resolveValidateAgainstSchema, "resolveValidateAgainstSchema");
+  function norm(h2) {
+    return lodashExports.snakeCase(h2).toLowerCase().replace(/ /g, "");
+  }
+  __name(norm, "norm");
   const getInitialSteps = /* @__PURE__ */ __name((csvValidationIssue) => [
     { text: "Review Headers", active: csvValidationIssue },
     { text: "Review Data", active: !csvValidationIssue }
@@ -90184,6 +90375,7 @@ ${latestSubscriptionCallbackError.current.stack}
     doAllFilesHaveSameHeaders,
     destroyForms,
     csvValidationIssue,
+    ignoredHeadersMsg,
     searchResults,
     matchedHeaders,
     userSchema,
@@ -90295,6 +90487,7 @@ ${latestSubscriptionCallbackError.current.stack}
                   destroyForms,
                   setFilesWIssues,
                   csvValidationIssue,
+                  ignoredHeadersMsg,
                   searchResults,
                   matchedHeaders,
                   userSchema,
@@ -90330,6 +90523,7 @@ ${latestSubscriptionCallbackError.current.stack}
             reduxFormEntitiesArray,
             // onMultiFileUploadSubmit,
             csvValidationIssue,
+            ignoredHeadersMsg,
             searchResults,
             matchedHeaders,
             userSchema,
@@ -90372,6 +90566,7 @@ ${latestSubscriptionCallbackError.current.stack}
           searchResults,
           onUploadWizardFinish,
           csvValidationIssue,
+          ignoredHeadersMsg,
           matchedHeaders,
           //fromRedux:
           changeForm,
@@ -90401,6 +90596,7 @@ ${latestSubscriptionCallbackError.current.stack}
     searchResults,
     onUploadWizardFinish,
     csvValidationIssue,
+    ignoredHeadersMsg,
     matchedHeaders,
     //fromRedux:
     handleSubmit: handleSubmit2,
@@ -90438,6 +90634,7 @@ ${latestSubscriptionCallbackError.current.stack}
         __spreadValues({}, {
           onMultiFileUploadSubmit,
           csvValidationIssue,
+          ignoredHeadersMsg,
           searchResults,
           matchedHeaders,
           userSchema,
@@ -98606,7 +98803,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "isZipFile");
   const getExt = /* @__PURE__ */ __name((file) => {
     var _a2;
-    return (_a2 = file == null ? void 0 : file.name) == null ? void 0 : _a2.split(".").pop();
+    return (_a2 = (file == null ? void 0 : file.name) || (file == null ? void 0 : file.originalname)) == null ? void 0 : _a2.split(".").pop();
   }, "getExt");
   const isExcelFile = /* @__PURE__ */ __name((file) => getExt(file) === "xlsx", "isExcelFile");
   const isCsvFile = /* @__PURE__ */ __name((file) => getExt(file) === "csv", "isCsvFile");
@@ -98694,7 +98891,9 @@ ${latestSubscriptionCallbackError.current.stack}
       const opts2 = __spreadProps(__spreadValues(__spreadValues({}, defaultCsvParserOptions), setupCsvParserOptions(parserOptions)), {
         complete: (results) => {
           var _a2;
-          if (results && ((_a2 = results.data) == null ? void 0 : _a2.length) && results.errors && results.errors.length === 1 && results.errors[0].code === `UndetectableDelimiter`) {
+          if (results && ((_a2 = results.data) == null ? void 0 : _a2.length) && results.errors && (results.errors.length === 1 && results.errors[0].code === `UndetectableDelimiter` || results.errors.every(
+            (e2) => e2.code === `TooFewFields` || e2.code === `TooManyFields`
+          ))) {
             return resolve(results);
           } else if (results && results.errors && results.errors.length) {
             return reject("Error in csv: " + JSON.stringify(results.errors));
@@ -100244,7 +100443,7 @@ ${latestSubscriptionCallbackError.current.stack}
   let ValidateAgainstSchema = _ValidateAgainstSchema;
   const emptyPromise = Promise.resolve.bind(Promise);
   function UploaderInner({
-    accept: _accept,
+    accept: __accept,
     contentOverride: maybeContentOverride,
     innerIcon,
     innerText,
@@ -100274,20 +100473,37 @@ ${latestSubscriptionCallbackError.current.stack}
     dropzoneProps = {},
     overflowList,
     autoUnzip,
-    disabled,
+    disabled: _disabled,
     noBuildCsvOption,
     initializeForm,
     showFilesCount,
     threeDotMenuItems,
     onPreviewClick
   }) {
-    var _a2, _b2, _c2, _d2, _e, _f;
+    var _a2, _b2, _c2, _d2;
+    let dropzoneDisabled = _disabled;
+    let _accept = __accept;
     const validateAgainstSchemaStore = reactExports.useRef(new ValidateAgainstSchema());
-    const callout = _callout || ((_c2 = (_b2 = (_a2 = lodashExports.isArray(_accept) ? _accept : [_accept]).find) == null ? void 0 : _b2.call(_a2, (a2) => a2 == null ? void 0 : a2.callout)) == null ? void 0 : _c2.callout);
-    const validateAgainstSchemaToUse = _validateAgainstSchema || ((_f = (_e = (_d2 = lodashExports.isArray(_accept) ? _accept : [_accept]).find) == null ? void 0 : _e.call(
-      _d2,
-      (a2) => a2 == null ? void 0 : a2.validateAgainstSchema
-    )) == null ? void 0 : _f.validateAgainstSchema);
+    const [resolvedAccept, setResolvedAccept] = reactExports.useState();
+    if (resolvedAccept) {
+      _accept = resolvedAccept;
+    }
+    const isAcceptPromise = (__accept == null ? void 0 : __accept.then) || (Array.isArray(__accept) ? __accept.some((a2) => a2 == null ? void 0 : a2.then) : false);
+    const acceptLoading = !resolvedAccept && isAcceptPromise && `Accept Loading...`;
+    if (isAcceptPromise && !resolvedAccept) {
+      Promise.allSettled(Array.isArray(__accept) ? __accept : [__accept]).then(
+        (results) => {
+          const resolved = lodashExports.flatMap(results, (r2) => r2.value);
+          setResolvedAccept(resolved);
+        }
+      );
+      _accept = [];
+    }
+    if (acceptLoading)
+      dropzoneDisabled = true;
+    const accept = !_accept ? void 0 : isAcceptPromise && !resolvedAccept ? [] : lodashExports.isPlainObject(_accept) ? [_accept] : lodashExports.isArray(_accept) ? _accept : _accept.split(",").map((a2) => ({ type: a2 }));
+    const callout = _callout || ((_b2 = (_a2 = accept == null ? void 0 : accept.find) == null ? void 0 : _a2.call(accept, (a2) => a2 == null ? void 0 : a2.callout)) == null ? void 0 : _b2.callout);
+    const validateAgainstSchemaToUse = _validateAgainstSchema || ((_d2 = (_c2 = accept == null ? void 0 : accept.find) == null ? void 0 : _c2.call(accept, (a2) => a2 == null ? void 0 : a2.validateAgainstSchema)) == null ? void 0 : _d2.validateAgainstSchema);
     reactExports.useEffect(() => {
       validateAgainstSchemaStore.current.setValidateAgainstSchema(
         validateAgainstSchemaToUse
@@ -100297,7 +100513,6 @@ ${latestSubscriptionCallbackError.current.stack}
     if (validateAgainstSchemaToUse) {
       validateAgainstSchema = validateAgainstSchemaStore.current;
     }
-    const accept = !_accept ? void 0 : lodashExports.isPlainObject(_accept) ? [_accept] : lodashExports.isArray(_accept) ? _accept : _accept.split(",").map((a2) => ({ type: a2 }));
     if ((validateAgainstSchema || autoUnzip) && accept && !accept.some((a2) => a2.type === "zip")) {
       accept == null ? void 0 : accept.unshift({
         type: "zip",
@@ -100562,14 +100777,14 @@ ${latestSubscriptionCallbackError.current.stack}
           className: "tg-uploader-inner",
           style: { width: "100%", height: "fit-content", minWidth: 0 }
         },
-        simpleAccept && /* @__PURE__ */ React$2.createElement(
+        (simpleAccept || acceptLoading) && /* @__PURE__ */ React$2.createElement(
           "div",
           {
             className: TEXT_MUTED,
             style: { fontSize: 11, marginBottom: 5 }
           },
           advancedAccept ? /* @__PURE__ */ React$2.createElement("div", { style: {} }, "Accepts  ", /* @__PURE__ */ React$2.createElement("span", { style: {} }, advancedAccept.map((a2, i2) => {
-            const disabled2 = !(a2.description || a2.exampleFile || a2.exampleFiles);
+            const disabled = !(a2.description || a2.exampleFile || a2.exampleFiles);
             const PopOrTooltip = a2.exampleFiles ? Popover : Tooltip;
             const hasDownload = a2.exampleFile || a2.exampleFiles;
             const CustomTag = !hasDownload ? "span" : "a";
@@ -100578,7 +100793,7 @@ ${latestSubscriptionCallbackError.current.stack}
               {
                 key: i2,
                 interactionKind: "hover",
-                disabled: disabled2,
+                disabled,
                 modifiers: popoverOverflowModifiers,
                 content: a2.exampleFiles ? /* @__PURE__ */ React$2.createElement(Menu, null, a2.exampleFiles.map(
                   ({ description: description2, subtext, exampleFile, icon }, i22) => {
@@ -100656,12 +100871,15 @@ ${latestSubscriptionCallbackError.current.stack}
                 )
               )
             );
-          }))) : /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, "Accepts ", simpleAccept)
+          }))) : acceptLoading ? (
+            // make the dots below "load"
+            /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, "Accept Loading", /* @__PURE__ */ React$2.createElement(LoadingDots, null))
+          ) : /* @__PURE__ */ React$2.createElement(React$2.Fragment, null, "Accepts ", simpleAccept)
         ),
         /* @__PURE__ */ React$2.createElement(
           Dropzone$1,
           __spreadValues(__spreadValues({
-            disabled,
+            disabled: dropzoneDisabled,
             onClick: (evt) => evt.preventDefault(),
             multiple: fileLimit !== 1,
             accept: simpleAccept ? simpleAccept.split(", ").map((a2) => a2.startsWith(".") ? a2 : "." + a2).join(", ") : void 0
@@ -100744,7 +100962,13 @@ ${latestSubscriptionCallbackError.current.stack}
                   if (isCsvOrExcelFile(file)) {
                     let parsedF;
                     try {
-                      parsedF = yield parseCsvOrExcelFile(file);
+                      parsedF = yield parseCsvOrExcelFile(file, {
+                        csvParserOptions: lodashExports.isFunction(
+                          validateAgainstSchema.csvParserOptions
+                        ) ? validateAgainstSchema.csvParserOptions({
+                          validateAgainstSchema
+                        }) : validateAgainstSchema.csvParserOptions
+                      });
                     } catch (error) {
                       console.error("error:", error);
                       window.toastr && window.toastr.error(
@@ -100756,7 +100980,8 @@ ${latestSubscriptionCallbackError.current.stack}
                       csvValidationIssue: _csvValidationIssue,
                       matchedHeaders,
                       userSchema,
-                      searchResults
+                      searchResults,
+                      ignoredHeadersMsg
                     } = yield tryToMatchSchemas({
                       incomingData: parsedF.data,
                       validateAgainstSchema
@@ -100799,6 +101024,7 @@ ${latestSubscriptionCallbackError.current.stack}
                         filesWIssues.push({
                           file,
                           csvValidationIssue,
+                          ignoredHeadersMsg,
                           matchedHeaders,
                           userSchema,
                           searchResults
@@ -100807,6 +101033,7 @@ ${latestSubscriptionCallbackError.current.stack}
                         filesWOIssues.push({
                           file,
                           csvValidationIssue,
+                          ignoredHeadersMsg,
                           matchedHeaders,
                           userSchema,
                           searchResults
@@ -100906,7 +101133,8 @@ ${latestSubscriptionCallbackError.current.stack}
                 "tg-dropzone-reject": isDragReject,
                 // tnr: the acceptClassName/rejectClassName doesn't work with file extensions (only mimetypes are supported when dragging). Thus we'll just always turn the drop area blue when dragging and let the filtering occur on drop. See https://github.com/react-dropzone/react-dropzone/issues/888#issuecomment-773938074
                 "tg-dropzone-accept": isDragAccept,
-                "tg-dropzone-disabled": disabled
+                "tg-dropzone-disabled": dropzoneDisabled,
+                "bp3-disabled": dropzoneDisabled
               })
             }),
             /* @__PURE__ */ React$2.createElement("input", __spreadValues({}, getInputProps())),
@@ -112774,7 +113002,7 @@ ${latestSubscriptionCallbackError.current.stack}
   let allWarnings = [];
   let makeToast = /* @__PURE__ */ __name(() => {
     if (typeof window !== "undefined" && window.toastr && allWarnings.length) {
-      window.toastr.warning(allWarnings.join("\n"));
+      window.toastr.warning(lodashExports.uniq(allWarnings).join("\n"));
     }
     allWarnings = [];
   }, "makeToast");
@@ -121675,6 +121903,8 @@ ${latestSubscriptionCallbackError.current.stack}
   }
   __name(convertAmbiguousStringToRegex, "convertAmbiguousStringToRegex");
   function getComplementSequenceString(sequence2, isRna2) {
+    if (typeof sequence2 !== "string")
+      return "";
     let complementSeqString = "";
     const complementMap = lodashExports.merge(
       DNAComplementMap,
@@ -149916,6 +150146,7 @@ ${seq.sequence}
       {
         className: "veRowViewAxis veAxis",
         height: annotationHeight,
+        width,
         style: __spreadValues({ marginTop: marginTop2, overflow: "visible", display: "block" }, style2)
       },
       tickMarkSVG,
@@ -152940,10 +153171,10 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       height: height2
     } = annotationVisibility2;
     const { sequence: sequence2 = "", cutsites = [] } = row;
-    const reverseSequence = getComplementSequenceString(
+    const reverseSequence = showReverseSequence ? getComplementSequenceString(
       alignmentData && alignmentData.sequence || sequence2,
       isRna2
-    );
+    ) : "";
     const getGaps = reactExports.useMemo(() => {
       if (alignmentData) {
         const gapMap = getGapMap$1(alignmentData.sequence);
@@ -154037,7 +154268,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.4.0";
+  const version = "0.4.1";
   const main = "./src/index.js";
   const exports$1 = {
     ".": {
@@ -155039,8 +155270,10 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   const readOnlyDisabledTooltip = "Sorry this function is not allowed in Read-Only Mode";
   const bpEditingDisabledTooltip = "Sequence Editing Disabled";
   const noSelection = /* @__PURE__ */ __name(({ selectionLayer: selectionLayer2 = {} }) => !(selectionLayer2.start > -1 && selectionLayer2.end > -1) && "Selection Required", "noSelection");
-  const triggerClipboardCommand = /* @__PURE__ */ __name((type) => {
-    const wrapper2 = document.querySelector(".veVectorInteractionWrapper");
+  const triggerClipboardCommand = /* @__PURE__ */ __name((type, props) => {
+    const wrapper2 = document.querySelector(
+      `#${props.editorName} .veVectorInteractionWrapper`
+    );
     if (!wrapper2) {
       return window.toastr.info(`Cannot trigger a ${type} in the current view`);
     }
@@ -155071,8 +155304,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     cut: {
       isDisabled: (props) => props.disableBpEditing && bpEditingDisabledTooltip || props.readOnly && readOnlyDisabledTooltip || props.sequenceLength === 0,
       isHidden: (props) => props.readOnly || props.disableBpEditing,
-      handler: () => {
-        triggerClipboardCommand("cut");
+      handler: (props) => {
+        triggerClipboardCommand("cut", props);
       },
       hotkey: "mod+x"
     },
@@ -155090,13 +155323,13 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     },
     copy: {
       isDisabled: (props) => props.sequenceLength === 0,
-      handler: () => triggerClipboardCommand("copy"),
+      handler: (props) => triggerClipboardCommand("copy", props),
       hotkey: "mod+c"
     },
     paste: {
       isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip,
       isHidden: (props) => props.readOnly || props.disableBpEditing,
-      handler: () => triggerClipboardCommand("paste"),
+      handler: (props) => triggerClipboardCommand("paste", props),
       hotkey: "mod+v"
     },
     undo: {
@@ -157728,7 +157961,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
               ...getEditDeleteHandlers("Feature", annotation),
               ...this.getSelectionMenuOptions(annotation),
               ...readOnly2 ? [] : [
-                ...parts2 && [
+                ...parts2 ? [
                   "--",
                   {
                     text: "Make a Part from Feature",
@@ -157757,7 +157990,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
                       });
                     })
                   }
-                ],
+                ] : [],
                 {
                   text: "Merge With Another Feature",
                   onClick: () => {
@@ -159939,6 +160172,11 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           updateLabelsForInViewFeatures();
         }
       };
+      const tickSpacingToUse = tickSpacing || (isLinViewZoomed ? massageTickSpacing(Math.ceil(120 / this.charWidth)) : massageTickSpacing(
+        Math.floor(
+          this.getMaxLength() / (sequenceData2.isProtein ? 9 : 10) * Math.max(1, Math.log10(1 / this.charWidth))
+        )
+      ));
       return /* @__PURE__ */ React$2.createElement(
         ReactDraggable,
         {
@@ -160040,9 +160278,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
               bpsPerRow,
               fullSequence: sequenceData2.sequence,
               emptyText: getEmptyText({ sequenceData: sequenceData2, caretPosition: caretPosition2 }),
-              tickSpacing: tickSpacing || (isLinViewZoomed ? massageTickSpacing(Math.ceil(120 / this.charWidth)) : Math.floor(
-                this.getMaxLength() / (sequenceData2.isProtein ? 9 : 10)
-              )),
+              tickSpacing: tickSpacingToUse,
               annotationVisibility: __spreadValues(__spreadValues(__spreadValues({}, rest.annotationVisibility), (!isLinViewZoomed || this.charWidth < 5) && {
                 translations: false,
                 primaryProteinSequence: false,
@@ -160327,7 +160563,6 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
             display: "flex",
             flexDirection: "column",
             overflowX: "visible"
-            // overflowY: "hidden"
           },
           onClick: this.handleMinimapClick
         },
@@ -160341,9 +160576,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
               }
             },
             style: {
-              // maxHeight: 350,
               overflowY: minimapTracksPartialHeight > 190 ? "auto" : "hidden",
-              // overflowY: "auto",
               overflowX: "hidden",
               position: "relative"
             },
@@ -160374,7 +160607,6 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
                 {
                   style: {
                     marginTop: -3
-                    // paddingLeft: nameDivWidth
                   },
                   ref
                 },
@@ -160390,15 +160622,15 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
         /* @__PURE__ */ React$2.createElement(
           Axis$2,
           __spreadValues({}, {
-            row: { start: 0, end: seqLength },
+            row: { start: 0, end: seqLength - 1 },
             tickSpacing: massageTickSpacing(Math.floor(seqLength / 10)),
             bpsPerRow: seqLength,
             charWidth: charWidth2,
             annotationHeight: 15,
             sequenceLength: seqLength,
             style: {
-              // paddingLeft: nameDivWidth,
-              height: 17
+              height: 17,
+              width: "100%"
             }
           })
         )