@teselagen/ove 0.4.1 → 0.4.2

package/index.cjs.js

@@ -64,8 +64,8 @@ const ReactDOM$1 = require("react-dom");
 const reduxForm = require("redux-form");
 const reactRedux = require("react-redux");
 const select = require("@blueprintjs/select");
-const datetime = require("@blueprintjs/datetime");
 const redux = require("redux");
+const datetime = require("@blueprintjs/datetime");
 function _interopNamespaceDefault(e2) {
   const n2 = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e2) {
@@ -3041,7 +3041,7 @@ let clearMe;
           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
-        !el.classList.contains("no-data-tip") && !document.body.classList.contains("drag-active") && el.textContent && ((_b2 = (_a2 = el.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b2.call(_a2).length) !== 0) {
+        !el.classList.contains("no-data-tip") && !parentIncludesNoChildDataTip(el, 0) && !document.body.classList.contains("drag-active") && el.textContent && ((_b2 = (_a2 = el.textContent) == null ? void 0 : _a2.trim) == null ? void 0 : _b2.call(_a2).length) !== 0) {
           inner2(el.textContent, el, opts2);
           break;
         } else if (isEllipsized && el.offsetWidth >= el.scrollWidth)
@@ -3054,6 +3054,28 @@ let clearMe;
     }
   });
 })();
+function parentIncludesNoChildDataTip(el, count2) {
+  if (count2 > 4)
+    return false;
+  if (!el)
+    return false;
+  if (el.getAttribute("data-no-child-data-tip"))
+    return true;
+  return parentIncludesNoChildDataTip(el.parentElement, count2 + 1);
+}
+__name(parentIncludesNoChildDataTip, "parentIncludesNoChildDataTip");
+const LoadingDots = /* @__PURE__ */ __name(() => {
+  const [dots, setDots] = React$2.useState("");
+  React$2.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
@@ -16933,11 +16955,20 @@ var _fails = /* @__PURE__ */ __name(function(exec) {
     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() {
@@ -16953,7 +16984,7 @@ function require_domCreate() {
   return _domCreate;
 }
 __name(require_domCreate, "require_domCreate");
-var _ie8DomDefine = !_descriptors && !_fails(function() {
+var _ie8DomDefine = !require_descriptors() && !_fails(function() {
   return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
     return 7;
   } }).a != 7;
@@ -16975,7 +17006,7 @@ var anObject$3 = _anObject;
 var IE8_DOM_DEFINE$1 = _ie8DomDefine;
 var toPrimitive$2 = _toPrimitive$1;
 var dP$2 = Object.defineProperty;
-_objectDp.f = _descriptors ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
+_objectDp.f = require_descriptors() ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
   anObject$3(O2);
   P2 = toPrimitive$2(P2, true);
   anObject$3(Attributes);
@@ -17000,7 +17031,7 @@ var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
 }, "_propertyDesc");
 var dP$1 = _objectDp;
 var createDesc$3 = _propertyDesc;
-var _hide = _descriptors ? function(object3, key, value) {
+var _hide = require_descriptors() ? function(object3, key, value) {
   return dP$1.f(object3, key, createDesc$3(1, value));
 } : function(object3, key, value) {
   object3[key] = value;
@@ -17187,7 +17218,15 @@ var _objectKeys = Object.keys || /* @__PURE__ */ __name(function keys(O2) {
 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));
@@ -17198,10 +17237,10 @@ function require_objectAssign() {
   if (hasRequired_objectAssign)
     return _objectAssign;
   hasRequired_objectAssign = 1;
-  var DESCRIPTORS2 = _descriptors;
+  var DESCRIPTORS2 = require_descriptors();
   var getKeys2 = _objectKeys;
   var gOPS2 = _objectGops;
-  var pIE2 = _objectPie;
+  var pIE2 = require_objectPie();
   var toObject2 = _toObject;
   var IObject2 = require_iobject();
   var $assign = Object.assign;
@@ -17273,7 +17312,7 @@ function require_objectDps() {
   var dP2 = _objectDp;
   var anObject2 = _anObject;
   var getKeys2 = _objectKeys;
-  _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties3(O2, Properties2) {
+  _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties3(O2, Properties2) {
     anObject2(O2);
     var keys5 = getKeys2(Properties2);
     var length = keys5.length;
@@ -17754,7 +17793,7 @@ var _default$8 = /* @__PURE__ */ __name(function(instance, Constructor) {
   }
 }, "_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: _objectDp.f });
 var $Object$2 = _coreExports.Object;
 var defineProperty$c = /* @__PURE__ */ __name(function defineProperty3(it, key, desc) {
   return $Object$2.defineProperty(it, key, desc);
@@ -17856,7 +17895,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;
@@ -17897,14 +17936,14 @@ _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;
 var has$9 = _has;
 var IE8_DOM_DEFINE = _ie8DomDefine;
 var gOPD$5 = Object.getOwnPropertyDescriptor;
-_objectGopd.f = _descriptors ? gOPD$5 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
+_objectGopd.f = require_descriptors() ? gOPD$5 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
   O2 = toIObject$1(O2);
   P2 = toPrimitive$1(P2, true);
   if (IE8_DOM_DEFINE)
@@ -17917,7 +17956,7 @@ _objectGopd.f = _descriptors ? gOPD$5 : /* @__PURE__ */ __name(function getOwnPr
 }, "getOwnPropertyDescriptor");
 var global$2 = _globalExports;
 var has$8 = _has;
-var DESCRIPTORS = _descriptors;
+var DESCRIPTORS = require_descriptors();
 var $export$2 = _export;
 var redefine = _redefine;
 var META = _metaExports.KEY;
@@ -18077,7 +18116,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);
@@ -39019,27 +39058,51 @@ __publicField(_TgSelect, "defaultProps", {
   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] = React$2.useState([]);
+  const [isLoading, setLoading] = React$2.useState(false);
+  React$2.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 = redux.compose(
+  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((i) => i.disabled, "itemDisabled");
 const noResultsDefault = /* @__PURE__ */ React$2.createElement("div", null, "No Results...");
 const renderCreateNewOption$1 = /* @__PURE__ */ __name((query, active3, handleClick) => /* @__PURE__ */ React$2.createElement(
@@ -42389,19 +42452,59 @@ const generateToast = /* @__PURE__ */ __name((intent) => (message, options) => {
   if (intent === core$5.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(
+        core$5.Classes.BUTTON,
+        core$5.Classes.LARGE,
+        core$5.Classes.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 === core$5.Intent.DANGER ? 6e4 : void 0,
+      onDismiss: () => {
+        if (options.onDismiss) {
+          options.onDismiss();
+        }
+        setTimeout(() => {
+          maybeAddClearAll();
+        }, 0);
+      },
+      timeout: options.timeout || updatedTimeout || (!window.Cypress && intent === core$5.Intent.DANGER ? 6e4 : void 0),
       action: options.action,
       icon: options.icon,
       className: classNames("preserve-newline", options.className)
     },
     options.key
   );
+  setTimeout(() => {
+    maybeAddClearAll();
+  }, 0);
   function clear3() {
     toastToUse.dismiss(uniqKey);
+    setTimeout(() => {
+      maybeAddClearAll();
+    }, 0);
   }
   __name(clear3, "clear");
   clear3.key = uniqKey;
@@ -42571,6 +42674,7 @@ const _FilterAndSortMenu = class _FilterAndSortMenu extends React$2.Component {
         intent: core$5.Intent.SUCCESS,
         text: "Filter",
         secondaryText: "Clear",
+        secondaryIntent: core$5.Intent.DANGER,
         secondaryAction: () => {
           currentFilter && removeSingleFilter(currentFilter.filterOn);
         }
@@ -55460,17 +55564,20 @@ const _DataTable = class _DataTable extends React$2.Component {
         });
       }
     }, "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, schema: schema2 } = computePresets(this.props);
-      change(
-        "reduxFormCellValidation",
-        validateTableWideErrors({
-          entities,
-          schema: schema2,
-          newCellValidate,
-          props: this.props
-        })
-      );
+      const tableWideErr = validateTableWideErrors({
+        entities,
+        schema: schema2,
+        newCellValidate,
+        props: this.props
+      });
+      change("reduxFormCellValidation", tableWideErr);
+      this.forceUpdate();
     }, "updateValidation"));
     __publicField(this, "handleDeleteCell", /* @__PURE__ */ __name(() => {
       const {
@@ -55536,7 +55643,7 @@ const _DataTable = class _DataTable extends React$2.Component {
         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) => {
@@ -55547,7 +55654,15 @@ const _DataTable = class _DataTable extends React$2.Component {
       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, fn4) => {
       const { change, reduxFormEntitiesUndoRedoStack = { currentVersion: 0 } } = this.props;
@@ -55600,14 +55715,14 @@ const _DataTable = class _DataTable extends React$2.Component {
         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.");
@@ -55855,7 +55970,8 @@ const _DataTable = class _DataTable extends React$2.Component {
           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,
@@ -55952,7 +56068,8 @@ const _DataTable = class _DataTable extends React$2.Component {
           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) {
@@ -57258,6 +57375,7 @@ const _DataTable = class _DataTable extends React$2.Component {
       );
     }, "renderColumnHeader"));
     if (this.props.helperProp) {
+      this.props.helperProp.updateValidationHelper = this.updateValidationHelper;
       this.props.helperProp.addEditableTableEntities = this.addEditableTableEntities;
       this.props.helperProp.getEditableTableInfoAndThrowFormError = this.getEditableTableInfoAndThrowFormError;
     }
@@ -57857,27 +57975,6 @@ const _DataTable = class _DataTable extends React$2.Component {
                 if (n2)
                   this.table = n2;
               },
-              additionalBodyEl: isCellEditable && !onlyShowRowsWErrors && /* @__PURE__ */ React$2.createElement(
-                "div",
-                {
-                  style: {
-                    width: "100%",
-                    display: "flex",
-                    justifyContent: "center"
-                  }
-                },
-                /* @__PURE__ */ React$2.createElement(
-                  core$5.Button,
-                  {
-                    icon: "add",
-                    onClick: () => {
-                      this.insertRows({ numRows: 10, appendToBottom: true });
-                    },
-                    minimal: true
-                  },
-                  "Add 10 Rows"
-                )
-              ),
               className: classNames({
                 isCellEditable,
                 "tg-table-loading": isLoading,
@@ -57919,6 +58016,37 @@ const _DataTable = class _DataTable extends React$2.Component {
               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(
+              core$5.Button,
+              {
+                icon: "add",
+                onClick: () => {
+                  this.insertRows({ numRows: 10, appendToBottom: true });
+                },
+                minimal: true
+              },
+              "Add 10 Rows"
+            )
+          ), /* @__PURE__ */ React$2.createElement(
+            core$5.Button,
+            {
+              onClick: (e2) => {
+                this.handleCopyTable(e2, { isDownload: true });
+              },
+              "data-tip": "Download Table as CSV",
+              minimal: true,
+              icon: "download"
+            }
+          )),
           !noFooter && /* @__PURE__ */ React$2.createElement(
             "div",
             {
@@ -58526,6 +58654,7 @@ function MatchHeaders({
   onMultiFileUploadSubmit,
   doAllFilesHaveSameHeaders,
   csvValidationIssue,
+  ignoredHeadersMsg,
   searchResults,
   matchedHeaders,
   userSchema,
@@ -58543,7 +58672,7 @@ function MatchHeaders({
     if (v2)
       flippedMatchedHeaders[v2] = k2;
   });
-  return /* @__PURE__ */ React$2.createElement("div", { style: { maxWidth: 500 } }, !onMultiFileUploadSubmit && /* @__PURE__ */ React$2.createElement(core$5.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(core$5.Callout, { style: { width: "fit-content" }, intent: "warning" }, csvValidationIssue), !onMultiFileUploadSubmit && ignoredHeadersMsg && /* @__PURE__ */ React$2.createElement(core$5.Callout, { style: { width: "fit-content" }, intent: "warning" }, ignoredHeadersMsg), /* @__PURE__ */ React$2.createElement("br", null), /* @__PURE__ */ React$2.createElement(
     "tr",
     {
       style: {
@@ -58932,7 +59061,7 @@ const AdvancedOptions$1 = {
 };
 var Config = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, BasicOptions), MatchOptions), FuzzyOptions), AdvancedOptions$1);
 const SPACE = /[^ ]+/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 {
@@ -58951,13 +59080,13 @@ function norm(weight = 1, mantissa = 3) {
     }
   };
 }
-__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();
@@ -60106,7 +60235,7 @@ function tryToMatchSchemas(_0) {
   }) {
     yield resolveValidateAgainstSchema();
     const userSchema = getSchema(incomingData);
-    const { searchResults, csvValidationIssue } = yield matchSchemas({
+    const { searchResults, csvValidationIssue, ignoredHeadersMsg } = yield matchSchemas({
       userSchema,
       officialSchema: validateAgainstSchema
     });
@@ -60142,6 +60271,7 @@ function tryToMatchSchemas(_0) {
       }
     });
     return {
+      ignoredHeadersMsg,
       csvValidationIssue,
       matchedHeaders,
       userSchema,
@@ -60158,15 +60288,31 @@ function matchSchemas(_0) {
     };
     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(
+        (uh) => norm(uh.path) === norm(h2.path)
+      );
       userSchema.fields.forEach((uh, i) => {
-        const pathMatch = uh.path.toLowerCase().replace(/ /g, "") === h2.path.toLowerCase().replace(/ /g, "");
-        const displayNameMatch = h2.displayName && uh.path.toLowerCase().replace(/ /g, "") === getTextFromEl(h2.displayName).toLowerCase().replace(/ /g, "");
-        const hasAlternatePathMatch = h2.alternatePathMatch && (lodashExports.isArray(h2.alternatePathMatch) ? h2.alternatePathMatch.some((alternatePathMatch) => {
-          return uh.path.toLowerCase().replace(/ /g, "") === alternatePathMatch.toLowerCase().replace(/ /g, "");
-        }) : uh.path.toLowerCase().replace(/ /g, "") === h2.alternatePathMatch.toLowerCase().replace(/ /g, ""));
+        const pathMatch = norm(uh.path) === norm(h2.path);
+        const displayNameMatch = h2.displayName && norm(uh.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(uh.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 === uh.path);
           result.unshift({
@@ -60186,6 +60332,16 @@ function matchSchemas(_0) {
         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((uh) => {
+      if (!officialSchema.fields.find(
+        (h2) => norm(h2.path) === norm(uh.path) || norm(h2.displayName) === norm(uh.path) || matchedAltPaths.includes(uh.path)
+      )) {
+        if (userSchema.userData.some((e2) => e2[uh.path])) {
+          ignoredUserSchemaFields.push(uh);
+        }
+      }
+    });
     if (officialSchema.coerceUserSchema) {
       officialSchema.coerceUserSchema({ userSchema, officialSchema });
     }
@@ -60243,9 +60399,14 @@ function matchSchemas(_0) {
         };
       }
     }
+    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
     };
   });
 }
@@ -60264,6 +60425,10 @@ function resolveValidateAgainstSchema() {
   });
 }
 __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 }
@@ -60311,6 +60476,7 @@ const UploadCsvWizardDialog = compose(
   doAllFilesHaveSameHeaders,
   destroyForms,
   csvValidationIssue,
+  ignoredHeadersMsg,
   searchResults,
   matchedHeaders,
   userSchema,
@@ -60422,6 +60588,7 @@ const UploadCsvWizardDialog = compose(
                 destroyForms,
                 setFilesWIssues,
                 csvValidationIssue,
+                ignoredHeadersMsg,
                 searchResults,
                 matchedHeaders,
                 userSchema,
@@ -60457,6 +60624,7 @@ const UploadCsvWizardDialog = compose(
           reduxFormEntitiesArray,
           // onMultiFileUploadSubmit,
           csvValidationIssue,
+          ignoredHeadersMsg,
           searchResults,
           matchedHeaders,
           userSchema,
@@ -60499,6 +60667,7 @@ const UploadCsvWizardDialog = compose(
         searchResults,
         onUploadWizardFinish,
         csvValidationIssue,
+        ignoredHeadersMsg,
         matchedHeaders,
         //fromRedux:
         changeForm,
@@ -60528,6 +60697,7 @@ const UploadCsvWizardDialogInner = compose(
   searchResults,
   onUploadWizardFinish,
   csvValidationIssue,
+  ignoredHeadersMsg,
   matchedHeaders,
   //fromRedux:
   handleSubmit,
@@ -60565,6 +60735,7 @@ const UploadCsvWizardDialogInner = compose(
       __spreadValues({}, {
         onMultiFileUploadSubmit,
         csvValidationIssue,
+        ignoredHeadersMsg,
         searchResults,
         matchedHeaders,
         userSchema,
@@ -68737,7 +68908,7 @@ const isZipFile = /* @__PURE__ */ __name((file) => {
 }, "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");
@@ -68825,7 +68996,9 @@ const parseCsvFile = /* @__PURE__ */ __name((csvFile, parserOptions = {}) => {
     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));
@@ -70375,7 +70548,7 @@ __name(_ValidateAgainstSchema, "ValidateAgainstSchema");
 let ValidateAgainstSchema = _ValidateAgainstSchema;
 const emptyPromise = Promise.resolve.bind(Promise);
 function UploaderInner({
-  accept: _accept,
+  accept: __accept,
   contentOverride: maybeContentOverride,
   innerIcon,
   innerText,
@@ -70405,20 +70578,37 @@ function UploaderInner({
   dropzoneProps = {},
   overflowList,
   autoUnzip,
-  disabled,
+  disabled: _disabled,
   noBuildCsvOption,
   initializeForm,
   showFilesCount,
   threeDotMenuItems,
   onPreviewClick
 }) {
-  var _a2, _b2, _c, _d, _e, _f;
+  var _a2, _b2, _c, _d;
+  let dropzoneDisabled = _disabled;
+  let _accept = __accept;
   const validateAgainstSchemaStore = React$2.useRef(new ValidateAgainstSchema());
-  const callout = _callout || ((_c = (_b2 = (_a2 = lodashExports.isArray(_accept) ? _accept : [_accept]).find) == null ? void 0 : _b2.call(_a2, (a2) => a2 == null ? void 0 : a2.callout)) == null ? void 0 : _c.callout);
-  const validateAgainstSchemaToUse = _validateAgainstSchema || ((_f = (_e = (_d = lodashExports.isArray(_accept) ? _accept : [_accept]).find) == null ? void 0 : _e.call(
-    _d,
-    (a2) => a2 == null ? void 0 : a2.validateAgainstSchema
-  )) == null ? void 0 : _f.validateAgainstSchema);
+  const [resolvedAccept, setResolvedAccept] = React$2.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 || ((_d = (_c = accept == null ? void 0 : accept.find) == null ? void 0 : _c.call(accept, (a2) => a2 == null ? void 0 : a2.validateAgainstSchema)) == null ? void 0 : _d.validateAgainstSchema);
   React$2.useEffect(() => {
     validateAgainstSchemaStore.current.setValidateAgainstSchema(
       validateAgainstSchemaToUse
@@ -70428,7 +70618,6 @@ function UploaderInner({
   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",
@@ -70693,14 +70882,14 @@ function UploaderInner({
         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: core$5.Classes.TEXT_MUTED,
           style: { fontSize: 11, marginBottom: 5 }
         },
         advancedAccept ? /* @__PURE__ */ React$2.createElement("div", { style: {} }, "Accepts  ", /* @__PURE__ */ React$2.createElement("span", { style: {} }, advancedAccept.map((a2, i) => {
-          const disabled2 = !(a2.description || a2.exampleFile || a2.exampleFiles);
+          const disabled = !(a2.description || a2.exampleFile || a2.exampleFiles);
           const PopOrTooltip = a2.exampleFiles ? core$5.Popover : core$5.Tooltip;
           const hasDownload = a2.exampleFile || a2.exampleFiles;
           const CustomTag = !hasDownload ? "span" : "a";
@@ -70709,7 +70898,7 @@ function UploaderInner({
             {
               key: i,
               interactionKind: "hover",
-              disabled: disabled2,
+              disabled,
               modifiers: popoverOverflowModifiers,
               content: a2.exampleFiles ? /* @__PURE__ */ React$2.createElement(core$5.Menu, null, a2.exampleFiles.map(
                 ({ description: description2, subtext, exampleFile, icon }, i2) => {
@@ -70787,12 +70976,15 @@ function UploaderInner({
               )
             )
           );
-        }))) : /* @__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
@@ -70875,7 +71067,13 @@ function UploaderInner({
                 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(
@@ -70887,7 +71085,8 @@ function UploaderInner({
                     csvValidationIssue: _csvValidationIssue,
                     matchedHeaders,
                     userSchema,
-                    searchResults
+                    searchResults,
+                    ignoredHeadersMsg
                   } = yield tryToMatchSchemas({
                     incomingData: parsedF.data,
                     validateAgainstSchema
@@ -70930,6 +71129,7 @@ function UploaderInner({
                       filesWIssues.push({
                         file,
                         csvValidationIssue,
+                        ignoredHeadersMsg,
                         matchedHeaders,
                         userSchema,
                         searchResults
@@ -70938,6 +71138,7 @@ function UploaderInner({
                       filesWOIssues.push({
                         file,
                         csvValidationIssue,
+                        ignoredHeadersMsg,
                         matchedHeaders,
                         userSchema,
                         searchResults
@@ -71037,7 +71238,8 @@ function UploaderInner({
               "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())),
@@ -82911,7 +83113,7 @@ const modifiableTypes = [
 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");
@@ -91812,6 +92014,8 @@ function convertAmbiguousStringToRegex(string2, isProtein2) {
 }
 __name(convertAmbiguousStringToRegex, "convertAmbiguousStringToRegex");
 function getComplementSequenceString(sequence2, isRna2) {
+  if (typeof sequence2 !== "string")
+    return "";
   let complementSeqString = "";
   const complementMap = lodashExports.merge(
     DNAComplementMap,
@@ -120649,6 +120853,7 @@ const Axis$1 = /* @__PURE__ */ __name(function(props) {
     {
       className: "veRowViewAxis veAxis",
       height: annotationHeight,
+      width,
       style: __spreadValues({ marginTop, overflow: "visible", display: "block" }, style2)
     },
     tickMarkSVG,
@@ -123694,10 +123899,10 @@ function RowItem(props) {
     height: height2
   } = annotationVisibility2;
   const { sequence: sequence2 = "", cutsites = [] } = row;
-  const reverseSequence = getComplementSequenceString(
+  const reverseSequence = showReverseSequence ? getComplementSequenceString(
     alignmentData && alignmentData.sequence || sequence2,
     isRna2
-  );
+  ) : "";
   const getGaps = React$2.useMemo(() => {
     if (alignmentData) {
       const gapMap = getGapMap$1(alignmentData.sequence);
@@ -124791,7 +124996,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 __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 = {
   ".": {
@@ -125793,8 +125998,10 @@ Object.keys(defaultCopyOptions).forEach((type) => {
 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`);
   }
@@ -125825,8 +126032,8 @@ const editCommandDefs = __spreadValues(__spreadProps(__spreadValues({
   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"
   },
@@ -125844,13 +126051,13 @@ const editCommandDefs = __spreadValues(__spreadProps(__spreadValues({
   },
   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: {
@@ -130088,7 +130295,7 @@ function VectorInteractionHOC(Component) {
             ...getEditDeleteHandlers("Feature", annotation),
             ...this.getSelectionMenuOptions(annotation),
             ...readOnly2 ? [] : [
-              ...parts2 && [
+              ...parts2 ? [
                 "--",
                 {
                   text: "Make a Part from Feature",
@@ -130117,7 +130324,7 @@ function VectorInteractionHOC(Component) {
                     });
                   })
                 }
-              ],
+              ] : [],
               {
                 text: "Merge With Another Feature",
                 onClick: () => {
@@ -132299,6 +132506,11 @@ const __LinearView = class __LinearView extends React$2.Component {
         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,
       {
@@ -132400,9 +132612,7 @@ const __LinearView = class __LinearView extends React$2.Component {
             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,
@@ -132687,7 +132897,6 @@ const _Minimap = class _Minimap extends React$2.Component {
           display: "flex",
           flexDirection: "column",
           overflowX: "visible"
-          // overflowY: "hidden"
         },
         onClick: this.handleMinimapClick
       },
@@ -132701,9 +132910,7 @@ const _Minimap = class _Minimap extends React$2.Component {
             }
           },
           style: {
-            // maxHeight: 350,
             overflowY: minimapTracksPartialHeight > 190 ? "auto" : "hidden",
-            // overflowY: "auto",
             overflowX: "hidden",
             position: "relative"
           },
@@ -132734,7 +132941,6 @@ const _Minimap = class _Minimap extends React$2.Component {
               {
                 style: {
                   marginTop: -3
-                  // paddingLeft: nameDivWidth
                 },
                 ref
               },
@@ -132750,15 +132956,15 @@ const _Minimap = class _Minimap extends React$2.Component {
       /* @__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%"
           }
         })
       )