@teselagen/ui 0.3.69 → 0.3.71

package/index.cjs.js

@@ -3062,6 +3062,18 @@ function parentIncludesNoChildDataTip(el, count) {
   return parentIncludesNoChildDataTip(el.parentElement, count + 1);
 }
 __name(parentIncludesNoChildDataTip, "parentIncludesNoChildDataTip");
+const LoadingDots = /* @__PURE__ */ __name(() => {
+  const [dots, setDots] = React$1.useState("");
+  React$1.useEffect(() => {
+    const interval = setInterval(() => {
+      setDots((dots2) => {
+        return dots2.length === 3 ? "" : dots2 + ".";
+      });
+    }, 500);
+    return () => clearInterval(interval);
+  }, []);
+  return /* @__PURE__ */ React$1.createElement("span", null, dots);
+}, "LoadingDots");
 const AssignDefaultsModeContext = React$1.createContext({
   inAssignDefaultsMode: false,
   // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -58768,6 +58780,7 @@ function MatchHeaders({
   onMultiFileUploadSubmit,
   doAllFilesHaveSameHeaders,
   csvValidationIssue,
+  ignoredHeadersMsg,
   searchResults,
   matchedHeaders,
   userSchema,
@@ -58785,7 +58798,7 @@ function MatchHeaders({
     if (v2)
       flippedMatchedHeaders[v2] = k2;
   });
-  return /* @__PURE__ */ React$1.createElement("div", { style: { maxWidth: 500 } }, !onMultiFileUploadSubmit && /* @__PURE__ */ React$1.createElement(core$5.Callout, { style: { width: "fit-content" }, intent: "warning" }, csvValidationIssue), /* @__PURE__ */ React$1.createElement("br", null), /* @__PURE__ */ React$1.createElement(
+  return /* @__PURE__ */ React$1.createElement("div", { style: { maxWidth: 500 } }, !onMultiFileUploadSubmit && /* @__PURE__ */ React$1.createElement(core$5.Callout, { style: { width: "fit-content" }, intent: "warning" }, csvValidationIssue), !onMultiFileUploadSubmit && ignoredHeadersMsg && /* @__PURE__ */ React$1.createElement(core$5.Callout, { style: { width: "fit-content" }, intent: "warning" }, ignoredHeadersMsg), /* @__PURE__ */ React$1.createElement("br", null), /* @__PURE__ */ React$1.createElement(
     "tr",
     {
       style: {
@@ -60348,7 +60361,7 @@ function tryToMatchSchemas(_0) {
   }) {
     yield resolveValidateAgainstSchema();
     const userSchema = getSchema(incomingData);
-    const { searchResults, csvValidationIssue } = yield matchSchemas({
+    const { searchResults, csvValidationIssue, ignoredHeadersMsg } = yield matchSchemas({
       userSchema,
       officialSchema: validateAgainstSchema
     });
@@ -60384,6 +60397,7 @@ function tryToMatchSchemas(_0) {
       }
     });
     return {
+      ignoredHeadersMsg,
       csvValidationIssue,
       matchedHeaders,
       userSchema,
@@ -60449,7 +60463,9 @@ function matchSchemas(_0) {
       if (!officialSchema.fields.find(
         (h2) => norm(h2.path) === norm(uh.path) || norm(h2.displayName) === norm(uh.path) || matchedAltPaths.includes(uh.path)
       )) {
-        ignoredUserSchemaFields.push(uh);
+        if (userSchema.userData.some((e2) => e2[uh.path])) {
+          ignoredUserSchemaFields.push(uh);
+        }
       }
     });
     if (officialSchema.coerceUserSchema) {
@@ -60509,12 +60525,14 @@ function matchSchemas(_0) {
         };
       }
     }
-    if (!csvValidationIssue && ignoredUserSchemaFields.length) {
-      csvValidationIssue = `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(", ")}`;
+    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
     };
   });
 }
@@ -60584,6 +60602,7 @@ const UploadCsvWizardDialog = compose(
   doAllFilesHaveSameHeaders,
   destroyForms,
   csvValidationIssue,
+  ignoredHeadersMsg,
   searchResults,
   matchedHeaders,
   userSchema,
@@ -60695,6 +60714,7 @@ const UploadCsvWizardDialog = compose(
                 destroyForms,
                 setFilesWIssues,
                 csvValidationIssue,
+                ignoredHeadersMsg,
                 searchResults,
                 matchedHeaders,
                 userSchema,
@@ -60730,6 +60750,7 @@ const UploadCsvWizardDialog = compose(
           reduxFormEntitiesArray,
           // onMultiFileUploadSubmit,
           csvValidationIssue,
+          ignoredHeadersMsg,
           searchResults,
           matchedHeaders,
           userSchema,
@@ -60772,6 +60793,7 @@ const UploadCsvWizardDialog = compose(
         searchResults,
         onUploadWizardFinish,
         csvValidationIssue,
+        ignoredHeadersMsg,
         matchedHeaders,
         //fromRedux:
         changeForm,
@@ -60801,6 +60823,7 @@ const UploadCsvWizardDialogInner = compose(
   searchResults,
   onUploadWizardFinish,
   csvValidationIssue,
+  ignoredHeadersMsg,
   matchedHeaders,
   //fromRedux:
   handleSubmit,
@@ -60838,6 +60861,7 @@ const UploadCsvWizardDialogInner = compose(
       __spreadValues({}, {
         onMultiFileUploadSubmit,
         csvValidationIssue,
+        ignoredHeadersMsg,
         searchResults,
         matchedHeaders,
         userSchema,
@@ -70650,7 +70674,7 @@ __name(_ValidateAgainstSchema, "ValidateAgainstSchema");
 let ValidateAgainstSchema = _ValidateAgainstSchema;
 const emptyPromise = Promise.resolve.bind(Promise);
 function UploaderInner({
-  accept: _accept,
+  accept: __accept,
   contentOverride: maybeContentOverride,
   innerIcon,
   innerText,
@@ -70680,20 +70704,37 @@ function UploaderInner({
   dropzoneProps = {},
   overflowList,
   autoUnzip,
-  disabled,
+  _disabled,
   noBuildCsvOption,
   initializeForm,
   showFilesCount,
   threeDotMenuItems,
   onPreviewClick
 }) {
-  var _a2, _b, _c, _d, _e, _f;
+  var _a2, _b, _c, _d;
+  let dropzoneDisabled = _disabled;
+  let _accept = __accept;
   const validateAgainstSchemaStore = React$1.useRef(new ValidateAgainstSchema());
-  const callout = _callout || ((_c = (_b = (_a2 = lodashExports.isArray(_accept) ? _accept : [_accept]).find) == null ? void 0 : _b.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$1.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 || ((_b = (_a2 = accept.find) == null ? void 0 : _a2.call(accept, (a2) => a2 == null ? void 0 : a2.callout)) == null ? void 0 : _b.callout);
+  const validateAgainstSchemaToUse = _validateAgainstSchema || ((_d = (_c = accept.find) == null ? void 0 : _c.call(accept, (a2) => a2 == null ? void 0 : a2.validateAgainstSchema)) == null ? void 0 : _d.validateAgainstSchema);
   React$1.useEffect(() => {
     validateAgainstSchemaStore.current.setValidateAgainstSchema(
       validateAgainstSchemaToUse
@@ -70703,7 +70744,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",
@@ -70968,14 +71008,14 @@ function UploaderInner({
         className: "tg-uploader-inner",
         style: { width: "100%", height: "fit-content", minWidth: 0 }
       },
-      simpleAccept && /* @__PURE__ */ React$1.createElement(
+      (simpleAccept || acceptLoading) && /* @__PURE__ */ React$1.createElement(
         "div",
         {
           className: core$5.Classes.TEXT_MUTED,
           style: { fontSize: 11, marginBottom: 5 }
         },
         advancedAccept ? /* @__PURE__ */ React$1.createElement("div", { style: {} }, "Accepts  ", /* @__PURE__ */ React$1.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";
@@ -70984,7 +71024,7 @@ function UploaderInner({
             {
               key: i,
               interactionKind: "hover",
-              disabled: disabled2,
+              disabled,
               modifiers: popoverOverflowModifiers,
               content: a2.exampleFiles ? /* @__PURE__ */ React$1.createElement(core$5.Menu, null, a2.exampleFiles.map(
                 ({ description, subtext, exampleFile, icon }, i2) => {
@@ -71062,12 +71102,15 @@ function UploaderInner({
               )
             )
           );
-        }))) : /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, "Accepts ", simpleAccept)
+        }))) : acceptLoading ? (
+          // make the dots below "load"
+          /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, "Accept Loading", /* @__PURE__ */ React$1.createElement(LoadingDots, null))
+        ) : /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, "Accepts ", simpleAccept)
       ),
       /* @__PURE__ */ React$1.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
@@ -71168,7 +71211,8 @@ function UploaderInner({
                     csvValidationIssue: _csvValidationIssue,
                     matchedHeaders,
                     userSchema,
-                    searchResults
+                    searchResults,
+                    ignoredHeadersMsg
                   } = yield tryToMatchSchemas({
                     incomingData: parsedF.data,
                     validateAgainstSchema
@@ -71211,6 +71255,7 @@ function UploaderInner({
                       filesWIssues.push({
                         file,
                         csvValidationIssue,
+                        ignoredHeadersMsg,
                         matchedHeaders,
                         userSchema,
                         searchResults
@@ -71219,6 +71264,7 @@ function UploaderInner({
                       filesWOIssues.push({
                         file,
                         csvValidationIssue,
+                        ignoredHeadersMsg,
                         matchedHeaders,
                         userSchema,
                         searchResults
@@ -71318,7 +71364,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$1.createElement("input", __spreadValues({}, getInputProps())),
@@ -77699,6 +77746,7 @@ exports.InfoHelper = InfoHelper;
 exports.InputField = InputField;
 exports.IntentText = IntentText;
 exports.Loading = Loading;
+exports.LoadingDots = LoadingDots;
 exports.MenuBar = MenuBar;
 exports.MenuItemWithTooltip = MenuItemWithTooltip;
 exports.NumericInputField = NumericInputField;

package/index.es.js

@@ -57,7 +57,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import * as React$1 from "react";
-import React__default, { forwardRef, useImperativeHandle, Fragment, useMemo, useRef, useReducer, useEffect, useCallback, useState, memo, Component, PureComponent, createElement, isValidElement, useContext } from "react";
+import React__default, { useState, useEffect, forwardRef, useImperativeHandle, Fragment, useMemo, useRef, useReducer, useCallback, memo, Component, PureComponent, createElement, isValidElement, useContext } from "react";
 import { Icon, Classes, Button, Intent, Keys, MenuItem, Tag, useHotkeys, Popover, Tooltip, Toaster, Position, Menu, MenuDivider, NumericInput, InputGroup, Spinner, FormGroup, TextArea, Checkbox, Switch, EditableText, RadioGroup, Callout, ContextMenu, Dialog, Card, Tabs, Tab, Colors, Overlay, KeyCombo, ProgressBar } from "@blueprintjs/core";
 import ReactDOM, { unstable_batchedUpdates, findDOMNode as findDOMNode$1 } from "react-dom";
 import { FormName, formValueSelector, change, Field, reduxForm, SubmissionError, destroy, initialize, Fields } from "redux-form";
@@ -3044,6 +3044,18 @@ function parentIncludesNoChildDataTip(el, count) {
   return parentIncludesNoChildDataTip(el.parentElement, count + 1);
 }
 __name(parentIncludesNoChildDataTip, "parentIncludesNoChildDataTip");
+const LoadingDots = /* @__PURE__ */ __name(() => {
+  const [dots, setDots] = useState("");
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setDots((dots2) => {
+        return dots2.length === 3 ? "" : dots2 + ".";
+      });
+    }, 500);
+    return () => clearInterval(interval);
+  }, []);
+  return /* @__PURE__ */ React__default.createElement("span", null, dots);
+}, "LoadingDots");
 const AssignDefaultsModeContext = React__default.createContext({
   inAssignDefaultsMode: false,
   // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -58750,6 +58762,7 @@ function MatchHeaders({
   onMultiFileUploadSubmit,
   doAllFilesHaveSameHeaders,
   csvValidationIssue,
+  ignoredHeadersMsg,
   searchResults,
   matchedHeaders,
   userSchema,
@@ -58767,7 +58780,7 @@ function MatchHeaders({
     if (v2)
       flippedMatchedHeaders[v2] = k2;
   });
-  return /* @__PURE__ */ React__default.createElement("div", { style: { maxWidth: 500 } }, !onMultiFileUploadSubmit && /* @__PURE__ */ React__default.createElement(Callout, { style: { width: "fit-content" }, intent: "warning" }, csvValidationIssue), /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { style: { maxWidth: 500 } }, !onMultiFileUploadSubmit && /* @__PURE__ */ React__default.createElement(Callout, { style: { width: "fit-content" }, intent: "warning" }, csvValidationIssue), !onMultiFileUploadSubmit && ignoredHeadersMsg && /* @__PURE__ */ React__default.createElement(Callout, { style: { width: "fit-content" }, intent: "warning" }, ignoredHeadersMsg), /* @__PURE__ */ React__default.createElement("br", null), /* @__PURE__ */ React__default.createElement(
     "tr",
     {
       style: {
@@ -60330,7 +60343,7 @@ function tryToMatchSchemas(_0) {
   }) {
     yield resolveValidateAgainstSchema();
     const userSchema = getSchema(incomingData);
-    const { searchResults, csvValidationIssue } = yield matchSchemas({
+    const { searchResults, csvValidationIssue, ignoredHeadersMsg } = yield matchSchemas({
       userSchema,
       officialSchema: validateAgainstSchema
     });
@@ -60366,6 +60379,7 @@ function tryToMatchSchemas(_0) {
       }
     });
     return {
+      ignoredHeadersMsg,
       csvValidationIssue,
       matchedHeaders,
       userSchema,
@@ -60431,7 +60445,9 @@ function matchSchemas(_0) {
       if (!officialSchema.fields.find(
         (h2) => norm(h2.path) === norm(uh.path) || norm(h2.displayName) === norm(uh.path) || matchedAltPaths.includes(uh.path)
       )) {
-        ignoredUserSchemaFields.push(uh);
+        if (userSchema.userData.some((e2) => e2[uh.path])) {
+          ignoredUserSchemaFields.push(uh);
+        }
       }
     });
     if (officialSchema.coerceUserSchema) {
@@ -60491,12 +60507,14 @@ function matchSchemas(_0) {
         };
       }
     }
-    if (!csvValidationIssue && ignoredUserSchemaFields.length) {
-      csvValidationIssue = `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(", ")}`;
+    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
     };
   });
 }
@@ -60566,6 +60584,7 @@ const UploadCsvWizardDialog = compose(
   doAllFilesHaveSameHeaders,
   destroyForms,
   csvValidationIssue,
+  ignoredHeadersMsg,
   searchResults,
   matchedHeaders,
   userSchema,
@@ -60677,6 +60696,7 @@ const UploadCsvWizardDialog = compose(
                 destroyForms,
                 setFilesWIssues,
                 csvValidationIssue,
+                ignoredHeadersMsg,
                 searchResults,
                 matchedHeaders,
                 userSchema,
@@ -60712,6 +60732,7 @@ const UploadCsvWizardDialog = compose(
           reduxFormEntitiesArray,
           // onMultiFileUploadSubmit,
           csvValidationIssue,
+          ignoredHeadersMsg,
           searchResults,
           matchedHeaders,
           userSchema,
@@ -60754,6 +60775,7 @@ const UploadCsvWizardDialog = compose(
         searchResults,
         onUploadWizardFinish,
         csvValidationIssue,
+        ignoredHeadersMsg,
         matchedHeaders,
         //fromRedux:
         changeForm,
@@ -60783,6 +60805,7 @@ const UploadCsvWizardDialogInner = compose(
   searchResults,
   onUploadWizardFinish,
   csvValidationIssue,
+  ignoredHeadersMsg,
   matchedHeaders,
   //fromRedux:
   handleSubmit,
@@ -60820,6 +60843,7 @@ const UploadCsvWizardDialogInner = compose(
       __spreadValues({}, {
         onMultiFileUploadSubmit,
         csvValidationIssue,
+        ignoredHeadersMsg,
         searchResults,
         matchedHeaders,
         userSchema,
@@ -70632,7 +70656,7 @@ __name(_ValidateAgainstSchema, "ValidateAgainstSchema");
 let ValidateAgainstSchema = _ValidateAgainstSchema;
 const emptyPromise = Promise.resolve.bind(Promise);
 function UploaderInner({
-  accept: _accept,
+  accept: __accept,
   contentOverride: maybeContentOverride,
   innerIcon,
   innerText,
@@ -70662,20 +70686,37 @@ function UploaderInner({
   dropzoneProps = {},
   overflowList,
   autoUnzip,
-  disabled,
+  _disabled,
   noBuildCsvOption,
   initializeForm,
   showFilesCount,
   threeDotMenuItems,
   onPreviewClick
 }) {
-  var _a2, _b, _c, _d, _e, _f;
+  var _a2, _b, _c, _d;
+  let dropzoneDisabled = _disabled;
+  let _accept = __accept;
   const validateAgainstSchemaStore = useRef(new ValidateAgainstSchema());
-  const callout = _callout || ((_c = (_b = (_a2 = lodashExports.isArray(_accept) ? _accept : [_accept]).find) == null ? void 0 : _b.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] = 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 || ((_b = (_a2 = accept.find) == null ? void 0 : _a2.call(accept, (a2) => a2 == null ? void 0 : a2.callout)) == null ? void 0 : _b.callout);
+  const validateAgainstSchemaToUse = _validateAgainstSchema || ((_d = (_c = accept.find) == null ? void 0 : _c.call(accept, (a2) => a2 == null ? void 0 : a2.validateAgainstSchema)) == null ? void 0 : _d.validateAgainstSchema);
   useEffect(() => {
     validateAgainstSchemaStore.current.setValidateAgainstSchema(
       validateAgainstSchemaToUse
@@ -70685,7 +70726,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",
@@ -70950,14 +70990,14 @@ function UploaderInner({
         className: "tg-uploader-inner",
         style: { width: "100%", height: "fit-content", minWidth: 0 }
       },
-      simpleAccept && /* @__PURE__ */ React__default.createElement(
+      (simpleAccept || acceptLoading) && /* @__PURE__ */ React__default.createElement(
         "div",
         {
           className: Classes.TEXT_MUTED,
           style: { fontSize: 11, marginBottom: 5 }
         },
         advancedAccept ? /* @__PURE__ */ React__default.createElement("div", { style: {} }, "Accepts  ", /* @__PURE__ */ React__default.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 ? Popover : Tooltip;
           const hasDownload = a2.exampleFile || a2.exampleFiles;
           const CustomTag = !hasDownload ? "span" : "a";
@@ -70966,7 +71006,7 @@ function UploaderInner({
             {
               key: i,
               interactionKind: "hover",
-              disabled: disabled2,
+              disabled,
               modifiers: popoverOverflowModifiers,
               content: a2.exampleFiles ? /* @__PURE__ */ React__default.createElement(Menu, null, a2.exampleFiles.map(
                 ({ description, subtext, exampleFile, icon }, i2) => {
@@ -71044,12 +71084,15 @@ function UploaderInner({
               )
             )
           );
-        }))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, "Accepts ", simpleAccept)
+        }))) : acceptLoading ? (
+          // make the dots below "load"
+          /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, "Accept Loading", /* @__PURE__ */ React__default.createElement(LoadingDots, null))
+        ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, "Accepts ", simpleAccept)
       ),
       /* @__PURE__ */ React__default.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
@@ -71150,7 +71193,8 @@ function UploaderInner({
                     csvValidationIssue: _csvValidationIssue,
                     matchedHeaders,
                     userSchema,
-                    searchResults
+                    searchResults,
+                    ignoredHeadersMsg
                   } = yield tryToMatchSchemas({
                     incomingData: parsedF.data,
                     validateAgainstSchema
@@ -71193,6 +71237,7 @@ function UploaderInner({
                       filesWIssues.push({
                         file,
                         csvValidationIssue,
+                        ignoredHeadersMsg,
                         matchedHeaders,
                         userSchema,
                         searchResults
@@ -71201,6 +71246,7 @@ function UploaderInner({
                       filesWOIssues.push({
                         file,
                         csvValidationIssue,
+                        ignoredHeadersMsg,
                         matchedHeaders,
                         userSchema,
                         searchResults
@@ -71300,7 +71346,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__default.createElement("input", __spreadValues({}, getInputProps())),
@@ -77682,6 +77729,7 @@ export {
   InputField,
   IntentText,
   Loading,
+  LoadingDots,
   MenuBar,
   MenuItemWithTooltip,
   NumericInputField,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.3.69",
+  "version": "0.3.71",
   "main": "./src/index.js",
   "exports": {
     ".": {

package/src/FormComponents/LoadingDots.js

@@ -0,0 +1,14 @@
+import React, { useEffect, useState } from "react";
+
+export const LoadingDots = () => {
+  const [dots, setDots] = useState("");
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setDots(dots => {
+        return dots.length === 3 ? "" : dots + ".";
+      });
+    }, 500);
+    return () => clearInterval(interval);
+  }, []);
+  return <span>{dots}</span>;
+};

package/src/FormComponents/Uploader.js

@@ -43,6 +43,7 @@ import { initialize } from "redux-form";
 import classNames from "classnames";
 import { compose } from "recompose";
 import convertSchema from "../DataTable/utils/convertSchema";
+import { LoadingDots } from "./LoadingDots";
 
 configure({ isolateGlobalState: true });
 const helperText = [
@@ -115,7 +116,7 @@ class ValidateAgainstSchema {
 const emptyPromise = Promise.resolve.bind(Promise);
 
 function UploaderInner({
-  accept: _accept,
+  accept: __accept,
   contentOverride: maybeContentOverride,
   innerIcon,
   innerText,
@@ -138,23 +139,52 @@ function UploaderInner({
   dropzoneProps = {},
   overflowList,
   autoUnzip,
-  disabled,
+  _disabled,
   noBuildCsvOption,
   initializeForm,
   showFilesCount,
   threeDotMenuItems,
   onPreviewClick
 }) {
+  let dropzoneDisabled = _disabled;
+  let _accept = __accept;
   //on component did mount
   const validateAgainstSchemaStore = useRef(new ValidateAgainstSchema());
-  const callout =
-    _callout ||
-    (isArray(_accept) ? _accept : [_accept]).find?.(a => a?.callout)?.callout;
+  const [resolvedAccept, setResolvedAccept] = useState();
+  if (resolvedAccept) {
+    _accept = resolvedAccept;
+  }
+  const isAcceptPromise =
+    __accept?.then ||
+    (Array.isArray(__accept) ? __accept.some(a => a?.then) : false);
+  const acceptLoading =
+    !resolvedAccept && isAcceptPromise && `Accept Loading...`;
+
+  if (isAcceptPromise && !resolvedAccept) {
+    Promise.allSettled(Array.isArray(__accept) ? __accept : [__accept]).then(
+      results => {
+        const resolved = flatMap(results, r => r.value);
+        setResolvedAccept(resolved);
+      }
+    );
+    _accept = [];
+  }
+
+  if (acceptLoading) dropzoneDisabled = true;
+  const accept = !_accept
+    ? undefined
+    : !isAcceptPromise && !resolvedAccept
+      ? []
+      : isPlainObject(_accept)
+        ? [_accept]
+        : isArray(_accept)
+          ? _accept
+          : _accept.split(",").map(a => ({ type: a }));
+  const callout = _callout || accept.find?.(a => a?.callout)?.callout;
+
   const validateAgainstSchemaToUse =
     _validateAgainstSchema ||
-    (isArray(_accept) ? _accept : [_accept]).find?.(
-      a => a?.validateAgainstSchema
-    )?.validateAgainstSchema;
+    accept.find?.(a => a?.validateAgainstSchema)?.validateAgainstSchema;
 
   useEffect(() => {
     // validateAgainstSchema
@@ -166,13 +196,7 @@ function UploaderInner({
   if (validateAgainstSchemaToUse) {
     validateAgainstSchema = validateAgainstSchemaStore.current;
   }
-  const accept = !_accept
-    ? undefined
-    : isPlainObject(_accept)
-      ? [_accept]
-      : isArray(_accept)
-        ? _accept
-        : _accept.split(",").map(a => ({ type: a }));
+
   if (
     (validateAgainstSchema || autoUnzip) &&
     accept &&
@@ -471,7 +495,7 @@ function UploaderInner({
           className="tg-uploader-inner"
           style={{ width: "100%", height: "fit-content", minWidth: 0 }}
         >
-          {simpleAccept && (
+          {(simpleAccept || acceptLoading) && (
             <div
               className={Classes.TEXT_MUTED}
               style={{ fontSize: 11, marginBottom: 5 }}
@@ -601,13 +625,19 @@ function UploaderInner({
                     })}
                   </span>
                 </div>
+              ) : acceptLoading ? (
+                // make the dots below "load"
+
+                <>
+                  Accept Loading<LoadingDots></LoadingDots>
+                </>
               ) : (
                 <>Accepts {simpleAccept}</>
               )}
             </div>
           )}
           <Dropzone
-            disabled={disabled}
+            disabled={dropzoneDisabled}
             onClick={evt => evt.preventDefault()}
             multiple={fileLimit !== 1}
             accept={
@@ -729,7 +759,8 @@ function UploaderInner({
                         csvValidationIssue: _csvValidationIssue,
                         matchedHeaders,
                         userSchema,
-                        searchResults
+                        searchResults,
+                        ignoredHeadersMsg
                       } = await tryToMatchSchemas({
                         incomingData: parsedF.data,
                         validateAgainstSchema
@@ -790,6 +821,7 @@ function UploaderInner({
                           filesWIssues.push({
                             file,
                             csvValidationIssue,
+                            ignoredHeadersMsg,
                             matchedHeaders,
                             userSchema,
                             searchResults
@@ -798,6 +830,7 @@ function UploaderInner({
                           filesWOIssues.push({
                             file,
                             csvValidationIssue,
+                            ignoredHeadersMsg,
                             matchedHeaders,
                             userSchema,
                             searchResults
@@ -919,7 +952,8 @@ function UploaderInner({
                     "tg-dropzone-active": isDragActive,
                     "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
                   })}
                 >
                   <input {...getInputProps()} />

package/src/FormComponents/style.css

@@ -62,6 +62,7 @@
   border-color: rgb(91, 157, 211);
 }
 .tg-dropzone-disabled {
+  cursor: not-allowed;
   border-color: rgb(136, 133, 132) !important;
   opacity: 0.8;
 }

package/src/FormComponents/tryToMatchSchemas.js

@@ -28,10 +28,11 @@ export default async function tryToMatchSchemas({
   await resolveValidateAgainstSchema(validateAgainstSchema);
   const userSchema = getSchema(incomingData);
 
-  const { searchResults, csvValidationIssue } = await matchSchemas({
-    userSchema,
-    officialSchema: validateAgainstSchema
-  });
+  const { searchResults, csvValidationIssue, ignoredHeadersMsg } =
+    await matchSchemas({
+      userSchema,
+      officialSchema: validateAgainstSchema
+    });
 
   const incomingHeadersToScores = {};
 
@@ -67,6 +68,7 @@ export default async function tryToMatchSchemas({
   });
 
   return {
+    ignoredHeadersMsg,
     csvValidationIssue,
     matchedHeaders,
     userSchema,
@@ -150,7 +152,10 @@ async function matchSchemas({ userSchema, officialSchema }) {
           matchedAltPaths.includes(uh.path)
       )
     ) {
-      ignoredUserSchemaFields.push(uh);
+      // check that the column does contain data (if it doesn't, it's probably a blank column)
+      if (userSchema.userData.some(e => e[uh.path])) {
+        ignoredUserSchemaFields.push(uh);
+      }
     }
   });
 
@@ -224,18 +229,16 @@ async function matchSchemas({ userSchema, officialSchema }) {
     }
     // csvValidationIssue = `Some of the data doesn't look quite right. Do these header mappings look correct?`;
   }
-  // if (!csvValidationIssue) {
-  //   //all the headers match up as does the actual data
-  //   return { csvValidationIssue };
-  // }
-  if (!csvValidationIssue && ignoredUserSchemaFields.length) {
-    csvValidationIssue = `It looks like the following headers in your file didn't map to any of the accepted headers: ${ignoredUserSchemaFields
+  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(f => f.displayName || f.path)
       .join(", ")}`;
   }
   return {
     searchResults: officialSchema.fields,
-    csvValidationIssue
+    csvValidationIssue,
+    ignoredHeadersMsg
   };
 }
 

package/src/MatchHeaders.js

@@ -13,6 +13,7 @@ export function MatchHeaders({
   onMultiFileUploadSubmit,
   doAllFilesHaveSameHeaders,
   csvValidationIssue,
+  ignoredHeadersMsg,
   searchResults,
   matchedHeaders,
   userSchema,
@@ -37,6 +38,11 @@ export function MatchHeaders({
           {csvValidationIssue}
         </Callout>
       )}
+      {!onMultiFileUploadSubmit && ignoredHeadersMsg && (
+        <Callout style={{ width: "fit-content" }} intent="warning">
+          {ignoredHeadersMsg}
+        </Callout>
+      )}
       <br></br>
       <tr
         style={{

package/src/UploadCsvWizard.js

@@ -76,6 +76,7 @@ const UploadCsvWizardDialog = compose(
   doAllFilesHaveSameHeaders,
   destroyForms,
   csvValidationIssue,
+  ignoredHeadersMsg,
   searchResults,
   matchedHeaders,
   userSchema,
@@ -222,6 +223,7 @@ const UploadCsvWizardDialog = compose(
                       destroyForms,
                       setFilesWIssues,
                       csvValidationIssue,
+                      ignoredHeadersMsg,
                       searchResults,
                       matchedHeaders,
                       userSchema,
@@ -266,6 +268,7 @@ const UploadCsvWizardDialog = compose(
                 reduxFormEntitiesArray,
                 // onMultiFileUploadSubmit,
                 csvValidationIssue,
+                ignoredHeadersMsg,
                 searchResults,
                 matchedHeaders,
                 userSchema,
@@ -312,6 +315,7 @@ const UploadCsvWizardDialog = compose(
           searchResults,
           onUploadWizardFinish,
           csvValidationIssue,
+          ignoredHeadersMsg,
           matchedHeaders,
           //fromRedux:
           changeForm,
@@ -344,6 +348,7 @@ const UploadCsvWizardDialogInner = compose(
   searchResults,
   onUploadWizardFinish,
   csvValidationIssue,
+  ignoredHeadersMsg,
   matchedHeaders,
   //fromRedux:
   handleSubmit,
@@ -383,6 +388,7 @@ const UploadCsvWizardDialogInner = compose(
         {...{
           onMultiFileUploadSubmit,
           csvValidationIssue,
+          ignoredHeadersMsg,
           searchResults,
           matchedHeaders,
           userSchema,
@@ -412,10 +418,10 @@ const UploadCsvWizardDialogInner = compose(
           !hasSubmitted
             ? "Review and Edit Data"
             : onMultiFileUploadSubmit
-            ? isThisTheLastBadFile
-              ? "Finalize Files"
-              : "Next File"
-            : "Add File"
+              ? isThisTheLastBadFile
+                ? "Finalize Files"
+                : "Next File"
+              : "Add File"
         }
         submitting={submitting}
         disabled={

package/src/index.js

@@ -3,6 +3,7 @@ import "@blueprintjs/datetime/lib/css/blueprint-datetime.css";
 import "@blueprintjs/icons/lib/css/blueprint-icons.css";
 import "./style.css";
 import "./autoTooltip";
+export { LoadingDots } from "./FormComponents/LoadingDots";
 export * from "./AssignDefaultsModeContext";
 export { default as Uploader } from "./FormComponents/Uploader";
 export { mergeSchemas } from "./DataTable/utils/convertSchema";

package/src/style.css

@@ -245,4 +245,4 @@ button:not(:disabled):active {
 
 .bp3-dialog-header .bp3-heading {
   width: 10px; /* tnw: this is a hack to prevent the dialog title from causing the dialog width to expand larger than the dialog content*/
-}
+}

package/style.css

@@ -9063,7 +9063,8 @@ button:not(:disabled):active {
 
 .bp3-dialog-header .bp3-heading {
   width: 10px; /* tnw: this is a hack to prevent the dialog title from causing the dialog width to expand larger than the dialog content*/
-}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.rg-celleditor-input,
+}
+.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.rg-celleditor-input,
 .rg-celleditor input {
   border: none;
 }
@@ -9778,6 +9779,7 @@ body:not(.drag-active)
   border-color: rgb(91, 157, 211);
 }
 .tg-dropzone-disabled {
+  cursor: not-allowed;
   border-color: rgb(136, 133, 132) !important;
   opacity: 0.8;
 }