@teselagen/ui 0.3.70 → 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
@@ -5523,10 +5535,10 @@ var ownKeys$3 = typeof Reflect !== "undefined" && Reflect.ownKeys ? Reflect.ownK
   /* istanbul ignore next */
   Object.getOwnPropertyNames
 );
-function toPrimitive$2(value) {
+function toPrimitive$3(value) {
   return value === null ? null : typeof value === "object" ? "" + value : value;
 }
-__name(toPrimitive$2, "toPrimitive$2");
+__name(toPrimitive$3, "toPrimitive$3");
 function hasProp(target, prop) {
   return objectPrototype$1.hasOwnProperty.call(target, prop);
 }
@@ -6423,7 +6435,7 @@ var ObservableValue = /* @__PURE__ */ function(_Atom) {
     return this.name_ + "[" + this.value_ + "]";
   }, "toString");
   _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   }, "valueOf");
   _proto[_Symbol$toPrimitive] = function() {
     return this.valueOf();
@@ -6608,7 +6620,7 @@ var ComputedValue = /* @__PURE__ */ function() {
     return this.name_ + "[" + this.derivation.toString() + "]";
   }, "toString");
   _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   }, "valueOf");
   _proto[_Symbol$toPrimitive$1] = function() {
     return this.valueOf();
@@ -11242,7 +11254,7 @@ lodash.exports;
         "^" + funcToString2.call(hasOwnProperty2).replace(reRegExpChar2, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
       );
       var Buffer2 = moduleExports2 ? context.Buffer : undefined$12, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe2 = Buffer2 ? Buffer2.allocUnsafe : undefined$12, getPrototype2 = overArg2(Object2.getPrototypeOf, Object2), objectCreate2 = Object2.create, propertyIsEnumerable3 = objectProto2.propertyIsEnumerable, splice3 = arrayProto2.splice, spreadableSymbol2 = Symbol2 ? Symbol2.isConcatSpreadable : undefined$12, symIterator = Symbol2 ? Symbol2.iterator : undefined$12, symToStringTag2 = Symbol2 ? Symbol2.toStringTag : undefined$12;
-      var defineProperty5 = function() {
+      var defineProperty6 = function() {
         try {
           var func = getNative2(Object2, "defineProperty");
           func({}, "", {});
@@ -11682,8 +11694,8 @@ lodash.exports;
       }
       __name(baseAssignIn2, "baseAssignIn");
       function baseAssignValue2(object2, key, value) {
-        if (key == "__proto__" && defineProperty5) {
-          defineProperty5(object2, key, {
+        if (key == "__proto__" && defineProperty6) {
+          defineProperty6(object2, key, {
             "configurable": true,
             "enumerable": true,
             "value": value,
@@ -12416,8 +12428,8 @@ lodash.exports;
         metaMap.set(func, data);
         return func;
       };
-      var baseSetToString2 = !defineProperty5 ? identity3 : function(func, string2) {
-        return defineProperty5(func, "toString", {
+      var baseSetToString2 = !defineProperty6 ? identity3 : function(func, string2) {
+        return defineProperty6(func, "toString", {
           "configurable": true,
           "enumerable": false,
           "value": constant2(string2),
@@ -16966,20 +16978,11 @@ var _fails = /* @__PURE__ */ __name(function(exec) {
     return true;
   }
 }, "_fails");
-var _descriptors;
-var hasRequired_descriptors;
-function require_descriptors() {
-  if (hasRequired_descriptors)
-    return _descriptors;
-  hasRequired_descriptors = 1;
-  _descriptors = !_fails(function() {
-    return Object.defineProperty({}, "a", { get: function() {
-      return 7;
-    } }).a != 7;
-  });
-  return _descriptors;
-}
-__name(require_descriptors, "require_descriptors");
+var _descriptors = !_fails(function() {
+  return Object.defineProperty({}, "a", { get: function() {
+    return 7;
+  } }).a != 7;
+});
 var _domCreate;
 var hasRequired_domCreate;
 function require_domCreate() {
@@ -16995,20 +16998,11 @@ function require_domCreate() {
   return _domCreate;
 }
 __name(require_domCreate, "require_domCreate");
-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 _ie8DomDefine = !_descriptors && !_fails(function() {
+  return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
+    return 7;
+  } }).a != 7;
+});
 var isObject$d = _isObject;
 var _toPrimitive = /* @__PURE__ */ __name(function(it, S2) {
   if (!isObject$d(it))
@@ -17022,33 +17016,25 @@ var _toPrimitive = /* @__PURE__ */ __name(function(it, S2) {
     return val;
   throw TypeError("Can't convert object to primitive value");
 }, "_toPrimitive");
-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;
-  var dP2 = Object.defineProperty;
-  _objectDp.f = require_descriptors() ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty5(O2, P2, Attributes) {
-    anObject2(O2);
-    P2 = toPrimitive2(P2, true);
-    anObject2(Attributes);
-    if (IE8_DOM_DEFINE2)
-      try {
-        return dP2(O2, P2, Attributes);
-      } catch (e2) {
-      }
-    if ("get" in Attributes || "set" in Attributes)
-      throw TypeError("Accessors not supported!");
-    if ("value" in Attributes)
-      O2[P2] = Attributes.value;
-    return O2;
-  }, "defineProperty");
-  return _objectDp;
-}
-__name(require_objectDp, "require_objectDp");
+var anObject$5 = _anObject;
+var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+var toPrimitive$2 = _toPrimitive;
+var dP$3 = Object.defineProperty;
+_objectDp.f = _descriptors ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
+  anObject$5(O2);
+  P2 = toPrimitive$2(P2, true);
+  anObject$5(Attributes);
+  if (IE8_DOM_DEFINE$1)
+    try {
+      return dP$3(O2, P2, Attributes);
+    } catch (e2) {
+    }
+  if ("get" in Attributes || "set" in Attributes)
+    throw TypeError("Accessors not supported!");
+  if ("value" in Attributes)
+    O2[P2] = Attributes.value;
+  return O2;
+}, "defineProperty");
 var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
   return {
     enumerable: !(bitmap & 1),
@@ -17057,9 +17043,9 @@ var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     value
   };
 }, "_propertyDesc");
-var dP$2 = require_objectDp();
+var dP$2 = _objectDp;
 var createDesc$3 = _propertyDesc;
-var _hide = require_descriptors() ? function(object2, key, value) {
+var _hide = _descriptors ? function(object2, key, value) {
   return dP$2.f(object2, key, createDesc$3(1, value));
 } : function(object2, key, value) {
   object2[key] = value;
@@ -17131,25 +17117,16 @@ var toString$6 = {}.toString;
 var _cof = /* @__PURE__ */ __name(function(it) {
   return toString$6.call(it).slice(8, -1);
 }, "_cof");
-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 cof$2 = _cof;
+var _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
+  return cof$2(it) == "String" ? it.split("") : Object(it);
+};
 var _defined = /* @__PURE__ */ __name(function(it) {
   if (it == void 0)
     throw TypeError("Can't call method on  " + it);
   return it;
 }, "_defined");
-var IObject = require_iobject();
+var IObject = _iobject;
 var defined$2 = _defined;
 var _toIobject = /* @__PURE__ */ __name(function(it) {
   return IObject(defined$2(it));
@@ -17265,12 +17242,12 @@ function require_objectAssign() {
   if (hasRequired_objectAssign)
     return _objectAssign;
   hasRequired_objectAssign = 1;
-  var DESCRIPTORS2 = require_descriptors();
+  var DESCRIPTORS2 = _descriptors;
   var getKeys2 = _objectKeys;
   var gOPS2 = _objectGops;
   var pIE2 = require_objectPie();
   var toObject2 = _toObject;
-  var IObject2 = require_iobject();
+  var IObject2 = _iobject;
   var $assign = Object.assign;
   _objectAssign = !$assign || _fails(function() {
     var A2 = {};
@@ -17331,10 +17308,10 @@ var _iterStep = /* @__PURE__ */ __name(function(done, value) {
 }, "_iterStep");
 var _iterators = {};
 var _redefine = _hide;
-var dP$1 = require_objectDp();
+var dP$1 = _objectDp;
 var anObject$4 = _anObject;
 var getKeys$1 = _objectKeys;
-var _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties(O2, Properties) {
+var _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties(O2, Properties) {
   anObject$4(O2);
   var keys3 = getKeys$1(Properties);
   var length = keys3.length;
@@ -17401,7 +17378,7 @@ var $exports = _wks.exports = function(name) {
 };
 $exports.store = store;
 var _wksExports = _wks.exports;
-var def = require_objectDp().f;
+var def = _objectDp.f;
 var has$9 = _has;
 var TAG$1 = _wksExports("toStringTag");
 var _setToStringTag = /* @__PURE__ */ __name(function(it, tag, stat) {
@@ -17674,7 +17651,7 @@ var ArrayProto = Array.prototype;
 var _isArrayIter = /* @__PURE__ */ __name(function(it) {
   return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 }, "_isArrayIter");
-var $defineProperty$1 = require_objectDp();
+var $defineProperty$1 = _objectDp;
 var createDesc$2 = _propertyDesc;
 var _createProperty = /* @__PURE__ */ __name(function(object2, index2, value) {
   if (index2 in object2)
@@ -17803,9 +17780,9 @@ var _default$8 = /* @__PURE__ */ __name(function(instance, Constructor) {
   }
 }, "_default$8");
 var $export$3 = _export;
-$export$3($export$3.S + $export$3.F * !require_descriptors(), "Object", { defineProperty: require_objectDp().f });
+$export$3($export$3.S + $export$3.F * !_descriptors, "Object", { defineProperty: _objectDp.f });
 var $Object$2 = _coreExports.Object;
-var defineProperty$9 = /* @__PURE__ */ __name(function defineProperty2(it, key, desc) {
+var defineProperty$9 = /* @__PURE__ */ __name(function defineProperty3(it, key, desc) {
   return $Object$2.defineProperty(it, key, desc);
 }, "defineProperty");
 var defineProperty$8 = { "default": defineProperty$9, __esModule: true };
@@ -17844,7 +17821,7 @@ var _meta = { exports: {} };
 var META$1 = _uid("meta");
 var isObject$c = _isObject;
 var has$7 = _has;
-var setDesc = require_objectDp().f;
+var setDesc = _objectDp.f;
 var id = 0;
 var isExtensible = Object.isExtensible || function() {
   return true;
@@ -17897,7 +17874,7 @@ var meta = _meta.exports = {
 var _metaExports = _meta.exports;
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$7 = require_objectDp().f;
+var defineProperty$7 = _objectDp.f;
 var _wksDefine = /* @__PURE__ */ __name(function(name) {
   var $Symbol2 = core.Symbol || (core.Symbol = {});
   if (name.charAt(0) != "_" && !(name in $Symbol2))
@@ -17951,9 +17928,9 @@ var createDesc$1 = _propertyDesc;
 var toIObject$1 = _toIobject;
 var toPrimitive$1 = _toPrimitive;
 var has$6 = _has;
-var IE8_DOM_DEFINE = require_ie8DomDefine();
+var IE8_DOM_DEFINE = _ie8DomDefine;
 var gOPD$2 = Object.getOwnPropertyDescriptor;
-_objectGopd.f = require_descriptors() ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
+_objectGopd.f = _descriptors ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
   O2 = toIObject$1(O2);
   P2 = toPrimitive$1(P2, true);
   if (IE8_DOM_DEFINE)
@@ -17966,7 +17943,7 @@ _objectGopd.f = require_descriptors() ? gOPD$2 : /* @__PURE__ */ __name(function
 }, "getOwnPropertyDescriptor");
 var global$1 = _globalExports;
 var has$5 = _has;
-var DESCRIPTORS = require_descriptors();
+var DESCRIPTORS = _descriptors;
 var $export$2 = _export;
 var redefine = _redefine;
 var META = _metaExports.KEY;
@@ -17989,7 +17966,7 @@ var _create$1 = _objectCreate;
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
-var $DP = require_objectDp();
+var $DP = _objectDp;
 var $keys$1 = _objectKeys;
 var gOPD$1 = $GOPD.f;
 var dP = $DP.f;
@@ -18032,7 +18009,7 @@ var isSymbol$8 = USE_NATIVE && typeof $Symbol.iterator == "symbol" ? function(it
 } : function(it) {
   return it instanceof $Symbol;
 };
-var $defineProperty = /* @__PURE__ */ __name(function defineProperty3(it, key, D2) {
+var $defineProperty = /* @__PURE__ */ __name(function defineProperty4(it, key, D2) {
   if (it === ObjectProto)
     $defineProperty(OPSymbols, key, D2);
   anObject(it);
@@ -54121,7 +54098,7 @@ var KNOWN_STATICS = {
   arguments: true,
   arity: true
 };
-var defineProperty4 = Object.defineProperty;
+var defineProperty5 = Object.defineProperty;
 var getOwnPropertyNames4 = Object.getOwnPropertyNames;
 var getOwnPropertySymbols3 = Object.getOwnPropertySymbols;
 var getOwnPropertyDescriptor3 = Object.getOwnPropertyDescriptor;
@@ -54144,7 +54121,7 @@ function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
       if (!REACT_STATICS[key] && !KNOWN_STATICS[key] && (!blacklist || !blacklist[key])) {
         var descriptor2 = getOwnPropertyDescriptor3(sourceComponent, key);
         try {
-          defineProperty4(targetComponent, key, descriptor2);
+          defineProperty5(targetComponent, key, descriptor2);
         } catch (e2) {
         }
       }
@@ -70697,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,
@@ -70727,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
@@ -70750,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",
@@ -71015,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";
@@ -71031,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) => {
@@ -71109,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
@@ -71368,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())),
@@ -77749,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
@@ -5505,10 +5517,10 @@ var ownKeys$3 = typeof Reflect !== "undefined" && Reflect.ownKeys ? Reflect.ownK
   /* istanbul ignore next */
   Object.getOwnPropertyNames
 );
-function toPrimitive$2(value) {
+function toPrimitive$3(value) {
   return value === null ? null : typeof value === "object" ? "" + value : value;
 }
-__name(toPrimitive$2, "toPrimitive$2");
+__name(toPrimitive$3, "toPrimitive$3");
 function hasProp(target, prop) {
   return objectPrototype$1.hasOwnProperty.call(target, prop);
 }
@@ -6405,7 +6417,7 @@ var ObservableValue = /* @__PURE__ */ function(_Atom) {
     return this.name_ + "[" + this.value_ + "]";
   }, "toString");
   _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   }, "valueOf");
   _proto[_Symbol$toPrimitive] = function() {
     return this.valueOf();
@@ -6590,7 +6602,7 @@ var ComputedValue = /* @__PURE__ */ function() {
     return this.name_ + "[" + this.derivation.toString() + "]";
   }, "toString");
   _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   }, "valueOf");
   _proto[_Symbol$toPrimitive$1] = function() {
     return this.valueOf();
@@ -11224,7 +11236,7 @@ lodash.exports;
         "^" + funcToString2.call(hasOwnProperty2).replace(reRegExpChar2, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
       );
       var Buffer2 = moduleExports2 ? context.Buffer : undefined$12, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe2 = Buffer2 ? Buffer2.allocUnsafe : undefined$12, getPrototype2 = overArg2(Object2.getPrototypeOf, Object2), objectCreate2 = Object2.create, propertyIsEnumerable3 = objectProto2.propertyIsEnumerable, splice3 = arrayProto2.splice, spreadableSymbol2 = Symbol2 ? Symbol2.isConcatSpreadable : undefined$12, symIterator = Symbol2 ? Symbol2.iterator : undefined$12, symToStringTag2 = Symbol2 ? Symbol2.toStringTag : undefined$12;
-      var defineProperty5 = function() {
+      var defineProperty6 = function() {
         try {
           var func = getNative2(Object2, "defineProperty");
           func({}, "", {});
@@ -11664,8 +11676,8 @@ lodash.exports;
       }
       __name(baseAssignIn2, "baseAssignIn");
       function baseAssignValue2(object2, key, value) {
-        if (key == "__proto__" && defineProperty5) {
-          defineProperty5(object2, key, {
+        if (key == "__proto__" && defineProperty6) {
+          defineProperty6(object2, key, {
             "configurable": true,
             "enumerable": true,
             "value": value,
@@ -12398,8 +12410,8 @@ lodash.exports;
         metaMap.set(func, data);
         return func;
       };
-      var baseSetToString2 = !defineProperty5 ? identity3 : function(func, string2) {
-        return defineProperty5(func, "toString", {
+      var baseSetToString2 = !defineProperty6 ? identity3 : function(func, string2) {
+        return defineProperty6(func, "toString", {
           "configurable": true,
           "enumerable": false,
           "value": constant2(string2),
@@ -16948,20 +16960,11 @@ var _fails = /* @__PURE__ */ __name(function(exec) {
     return true;
   }
 }, "_fails");
-var _descriptors;
-var hasRequired_descriptors;
-function require_descriptors() {
-  if (hasRequired_descriptors)
-    return _descriptors;
-  hasRequired_descriptors = 1;
-  _descriptors = !_fails(function() {
-    return Object.defineProperty({}, "a", { get: function() {
-      return 7;
-    } }).a != 7;
-  });
-  return _descriptors;
-}
-__name(require_descriptors, "require_descriptors");
+var _descriptors = !_fails(function() {
+  return Object.defineProperty({}, "a", { get: function() {
+    return 7;
+  } }).a != 7;
+});
 var _domCreate;
 var hasRequired_domCreate;
 function require_domCreate() {
@@ -16977,20 +16980,11 @@ function require_domCreate() {
   return _domCreate;
 }
 __name(require_domCreate, "require_domCreate");
-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 _ie8DomDefine = !_descriptors && !_fails(function() {
+  return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
+    return 7;
+  } }).a != 7;
+});
 var isObject$d = _isObject;
 var _toPrimitive = /* @__PURE__ */ __name(function(it, S2) {
   if (!isObject$d(it))
@@ -17004,33 +16998,25 @@ var _toPrimitive = /* @__PURE__ */ __name(function(it, S2) {
     return val;
   throw TypeError("Can't convert object to primitive value");
 }, "_toPrimitive");
-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;
-  var dP2 = Object.defineProperty;
-  _objectDp.f = require_descriptors() ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty5(O2, P2, Attributes) {
-    anObject2(O2);
-    P2 = toPrimitive2(P2, true);
-    anObject2(Attributes);
-    if (IE8_DOM_DEFINE2)
-      try {
-        return dP2(O2, P2, Attributes);
-      } catch (e2) {
-      }
-    if ("get" in Attributes || "set" in Attributes)
-      throw TypeError("Accessors not supported!");
-    if ("value" in Attributes)
-      O2[P2] = Attributes.value;
-    return O2;
-  }, "defineProperty");
-  return _objectDp;
-}
-__name(require_objectDp, "require_objectDp");
+var anObject$5 = _anObject;
+var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+var toPrimitive$2 = _toPrimitive;
+var dP$3 = Object.defineProperty;
+_objectDp.f = _descriptors ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
+  anObject$5(O2);
+  P2 = toPrimitive$2(P2, true);
+  anObject$5(Attributes);
+  if (IE8_DOM_DEFINE$1)
+    try {
+      return dP$3(O2, P2, Attributes);
+    } catch (e2) {
+    }
+  if ("get" in Attributes || "set" in Attributes)
+    throw TypeError("Accessors not supported!");
+  if ("value" in Attributes)
+    O2[P2] = Attributes.value;
+  return O2;
+}, "defineProperty");
 var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
   return {
     enumerable: !(bitmap & 1),
@@ -17039,9 +17025,9 @@ var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     value
   };
 }, "_propertyDesc");
-var dP$2 = require_objectDp();
+var dP$2 = _objectDp;
 var createDesc$3 = _propertyDesc;
-var _hide = require_descriptors() ? function(object2, key, value) {
+var _hide = _descriptors ? function(object2, key, value) {
   return dP$2.f(object2, key, createDesc$3(1, value));
 } : function(object2, key, value) {
   object2[key] = value;
@@ -17113,25 +17099,16 @@ var toString$6 = {}.toString;
 var _cof = /* @__PURE__ */ __name(function(it) {
   return toString$6.call(it).slice(8, -1);
 }, "_cof");
-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 cof$2 = _cof;
+var _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
+  return cof$2(it) == "String" ? it.split("") : Object(it);
+};
 var _defined = /* @__PURE__ */ __name(function(it) {
   if (it == void 0)
     throw TypeError("Can't call method on  " + it);
   return it;
 }, "_defined");
-var IObject = require_iobject();
+var IObject = _iobject;
 var defined$2 = _defined;
 var _toIobject = /* @__PURE__ */ __name(function(it) {
   return IObject(defined$2(it));
@@ -17247,12 +17224,12 @@ function require_objectAssign() {
   if (hasRequired_objectAssign)
     return _objectAssign;
   hasRequired_objectAssign = 1;
-  var DESCRIPTORS2 = require_descriptors();
+  var DESCRIPTORS2 = _descriptors;
   var getKeys2 = _objectKeys;
   var gOPS2 = _objectGops;
   var pIE2 = require_objectPie();
   var toObject2 = _toObject;
-  var IObject2 = require_iobject();
+  var IObject2 = _iobject;
   var $assign = Object.assign;
   _objectAssign = !$assign || _fails(function() {
     var A2 = {};
@@ -17313,10 +17290,10 @@ var _iterStep = /* @__PURE__ */ __name(function(done, value) {
 }, "_iterStep");
 var _iterators = {};
 var _redefine = _hide;
-var dP$1 = require_objectDp();
+var dP$1 = _objectDp;
 var anObject$4 = _anObject;
 var getKeys$1 = _objectKeys;
-var _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties(O2, Properties) {
+var _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties(O2, Properties) {
   anObject$4(O2);
   var keys3 = getKeys$1(Properties);
   var length = keys3.length;
@@ -17383,7 +17360,7 @@ var $exports = _wks.exports = function(name) {
 };
 $exports.store = store;
 var _wksExports = _wks.exports;
-var def = require_objectDp().f;
+var def = _objectDp.f;
 var has$9 = _has;
 var TAG$1 = _wksExports("toStringTag");
 var _setToStringTag = /* @__PURE__ */ __name(function(it, tag, stat) {
@@ -17656,7 +17633,7 @@ var ArrayProto = Array.prototype;
 var _isArrayIter = /* @__PURE__ */ __name(function(it) {
   return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 }, "_isArrayIter");
-var $defineProperty$1 = require_objectDp();
+var $defineProperty$1 = _objectDp;
 var createDesc$2 = _propertyDesc;
 var _createProperty = /* @__PURE__ */ __name(function(object2, index2, value) {
   if (index2 in object2)
@@ -17785,9 +17762,9 @@ var _default$8 = /* @__PURE__ */ __name(function(instance, Constructor) {
   }
 }, "_default$8");
 var $export$3 = _export;
-$export$3($export$3.S + $export$3.F * !require_descriptors(), "Object", { defineProperty: require_objectDp().f });
+$export$3($export$3.S + $export$3.F * !_descriptors, "Object", { defineProperty: _objectDp.f });
 var $Object$2 = _coreExports.Object;
-var defineProperty$9 = /* @__PURE__ */ __name(function defineProperty2(it, key, desc) {
+var defineProperty$9 = /* @__PURE__ */ __name(function defineProperty3(it, key, desc) {
   return $Object$2.defineProperty(it, key, desc);
 }, "defineProperty");
 var defineProperty$8 = { "default": defineProperty$9, __esModule: true };
@@ -17826,7 +17803,7 @@ var _meta = { exports: {} };
 var META$1 = _uid("meta");
 var isObject$c = _isObject;
 var has$7 = _has;
-var setDesc = require_objectDp().f;
+var setDesc = _objectDp.f;
 var id = 0;
 var isExtensible = Object.isExtensible || function() {
   return true;
@@ -17879,7 +17856,7 @@ var meta = _meta.exports = {
 var _metaExports = _meta.exports;
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$7 = require_objectDp().f;
+var defineProperty$7 = _objectDp.f;
 var _wksDefine = /* @__PURE__ */ __name(function(name) {
   var $Symbol2 = core.Symbol || (core.Symbol = {});
   if (name.charAt(0) != "_" && !(name in $Symbol2))
@@ -17933,9 +17910,9 @@ var createDesc$1 = _propertyDesc;
 var toIObject$1 = _toIobject;
 var toPrimitive$1 = _toPrimitive;
 var has$6 = _has;
-var IE8_DOM_DEFINE = require_ie8DomDefine();
+var IE8_DOM_DEFINE = _ie8DomDefine;
 var gOPD$2 = Object.getOwnPropertyDescriptor;
-_objectGopd.f = require_descriptors() ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
+_objectGopd.f = _descriptors ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor(O2, P2) {
   O2 = toIObject$1(O2);
   P2 = toPrimitive$1(P2, true);
   if (IE8_DOM_DEFINE)
@@ -17948,7 +17925,7 @@ _objectGopd.f = require_descriptors() ? gOPD$2 : /* @__PURE__ */ __name(function
 }, "getOwnPropertyDescriptor");
 var global$1 = _globalExports;
 var has$5 = _has;
-var DESCRIPTORS = require_descriptors();
+var DESCRIPTORS = _descriptors;
 var $export$2 = _export;
 var redefine = _redefine;
 var META = _metaExports.KEY;
@@ -17971,7 +17948,7 @@ var _create$1 = _objectCreate;
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
-var $DP = require_objectDp();
+var $DP = _objectDp;
 var $keys$1 = _objectKeys;
 var gOPD$1 = $GOPD.f;
 var dP = $DP.f;
@@ -18014,7 +17991,7 @@ var isSymbol$8 = USE_NATIVE && typeof $Symbol.iterator == "symbol" ? function(it
 } : function(it) {
   return it instanceof $Symbol;
 };
-var $defineProperty = /* @__PURE__ */ __name(function defineProperty3(it, key, D2) {
+var $defineProperty = /* @__PURE__ */ __name(function defineProperty4(it, key, D2) {
   if (it === ObjectProto)
     $defineProperty(OPSymbols, key, D2);
   anObject(it);
@@ -54103,7 +54080,7 @@ var KNOWN_STATICS = {
   arguments: true,
   arity: true
 };
-var defineProperty4 = Object.defineProperty;
+var defineProperty5 = Object.defineProperty;
 var getOwnPropertyNames4 = Object.getOwnPropertyNames;
 var getOwnPropertySymbols3 = Object.getOwnPropertySymbols;
 var getOwnPropertyDescriptor3 = Object.getOwnPropertyDescriptor;
@@ -54126,7 +54103,7 @@ function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
       if (!REACT_STATICS[key] && !KNOWN_STATICS[key] && (!blacklist || !blacklist[key])) {
         var descriptor2 = getOwnPropertyDescriptor3(sourceComponent, key);
         try {
-          defineProperty4(targetComponent, key, descriptor2);
+          defineProperty5(targetComponent, key, descriptor2);
         } catch (e2) {
         }
       }
@@ -70679,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,
@@ -70709,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
@@ -70732,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",
@@ -70997,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";
@@ -71013,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) => {
@@ -71091,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
@@ -71350,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())),
@@ -77732,6 +77729,7 @@ export {
   InputField,
   IntentText,
   Loading,
+  LoadingDots,
   MenuBar,
   MenuItemWithTooltip,
   NumericInputField,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.3.70",
+  "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={
@@ -922,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/UploadCsvWizard.js

@@ -418,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/style.css

@@ -9779,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;
 }