@teselagen/ui 0.3.22 → 0.3.24

package/index.cjs.js

@@ -7422,7 +7422,7 @@ function getPlainObjectKeys(object) {
 var ownKeys$3 = typeof Reflect !== "undefined" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {
   return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));
 } : /* istanbul ignore next */Object.getOwnPropertyNames;
-function toPrimitive$2(value) {
+function toPrimitive$3(value) {
   return value === null ? null : typeof value === "object" ? "" + value : value;
 }
 function hasProp(target, prop) {
@@ -8351,7 +8351,7 @@ var ObservableValue = /*#__PURE__*/function (_Atom) {
     return this.name_ + "[" + this.value_ + "]";
   };
   _proto.valueOf = function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   };
   _proto[_Symbol$toPrimitive] = function () {
     return this.valueOf();
@@ -8579,7 +8579,7 @@ var ComputedValue = /*#__PURE__*/function () {
     return this.name_ + "[" + this.derivation.toString() + "]";
   };
   _proto.valueOf = function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   };
   _proto[_Symbol$toPrimitive$1] = function () {
     return this.valueOf();
@@ -30331,18 +30331,10 @@ var _fails = function (exec) {
   }
 };
 
-var _descriptors;
-var hasRequired_descriptors;
-
-function require_descriptors () {
-	if (hasRequired_descriptors) return _descriptors;
-	hasRequired_descriptors = 1;
-	// Thank's IE8 for his funny defineProperty
-	_descriptors = !_fails(function () {
-	  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
-	});
-	return _descriptors;
-}
+// Thank's IE8 for his funny defineProperty
+var _descriptors = !_fails(function () {
+  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
+});
 
 var _domCreate;
 var hasRequired_domCreate;
@@ -30360,17 +30352,9 @@ function require_domCreate () {
 	return _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;
-}
+var _ie8DomDefine = !_descriptors && !_fails(function () {
+  return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
+});
 
 // 7.1.1 ToPrimitive(input [, PreferredType])
 var isObject$d = _isObject;
@@ -30385,29 +30369,22 @@ var _toPrimitive = function (it, S) {
   throw TypeError("Can't convert object to primitive value");
 };
 
-var hasRequired_objectDp;
-
-function require_objectDp () {
-	if (hasRequired_objectDp) return _objectDp;
-	hasRequired_objectDp = 1;
-	var anObject = _anObject;
-	var IE8_DOM_DEFINE = require_ie8DomDefine();
-	var toPrimitive = _toPrimitive;
-	var dP = Object.defineProperty;
+var anObject$5 = _anObject;
+var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+var toPrimitive$2 = _toPrimitive;
+var dP$3 = Object.defineProperty;
 
-	_objectDp.f = require_descriptors() ? Object.defineProperty : function defineProperty(O, P, Attributes) {
-	  anObject(O);
-	  P = toPrimitive(P, true);
-	  anObject(Attributes);
-	  if (IE8_DOM_DEFINE) try {
-	    return dP(O, P, Attributes);
-	  } catch (e) { /* empty */ }
-	  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
-	  if ('value' in Attributes) O[P] = Attributes.value;
-	  return O;
-	};
-	return _objectDp;
-}
+_objectDp.f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+  anObject$5(O);
+  P = toPrimitive$2(P, true);
+  anObject$5(Attributes);
+  if (IE8_DOM_DEFINE$1) try {
+    return dP$3(O, P, Attributes);
+  } catch (e) { /* empty */ }
+  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+  if ('value' in Attributes) O[P] = Attributes.value;
+  return O;
+};
 
 var _propertyDesc = function (bitmap, value) {
   return {
@@ -30418,9 +30395,9 @@ var _propertyDesc = function (bitmap, value) {
   };
 };
 
-var dP$2 = require_objectDp();
+var dP$2 = _objectDp;
 var createDesc$3 = _propertyDesc;
-var _hide = require_descriptors() ? function (object, key, value) {
+var _hide = _descriptors ? function (object, key, value) {
   return dP$2.f(object, key, createDesc$3(1, value));
 } : function (object, key, value) {
   object[key] = value;
@@ -30501,12 +30478,20 @@ var _cof = function (it) {
   return toString$6.call(it).slice(8, -1);
 };
 
-// fallback for non-array-like ES3 and non-enumerable old V8 strings
-var cof$2 = _cof;
-// eslint-disable-next-line no-prototype-builtins
-var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
-  return cof$2(it) == 'String' ? it.split('') : Object(it);
-};
+var _iobject;
+var hasRequired_iobject;
+
+function require_iobject () {
+	if (hasRequired_iobject) return _iobject;
+	hasRequired_iobject = 1;
+	// fallback for non-array-like ES3 and non-enumerable old V8 strings
+	var cof = _cof;
+	// eslint-disable-next-line no-prototype-builtins
+	_iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+	  return cof(it) == 'String' ? it.split('') : Object(it);
+	};
+	return _iobject;
+}
 
 // 7.2.1 RequireObjectCoercible(argument)
 var _defined = function (it) {
@@ -30515,7 +30500,7 @@ var _defined = function (it) {
 };
 
 // to indexed object, toObject with fallback for non-array-like ES3 strings
-var IObject = _iobject;
+var IObject = require_iobject();
 var defined$2 = _defined;
 var _toIobject = function (it) {
   return IObject(defined$2(it));
@@ -30657,12 +30642,12 @@ function require_objectAssign () {
 	if (hasRequired_objectAssign) return _objectAssign;
 	hasRequired_objectAssign = 1;
 	// 19.1.2.1 Object.assign(target, source, ...)
-	var DESCRIPTORS = require_descriptors();
+	var DESCRIPTORS = _descriptors;
 	var getKeys = _objectKeys;
 	var gOPS = _objectGops;
 	var pIE = require_objectPie();
 	var toObject = _toObject;
-	var IObject = _iobject;
+	var IObject = require_iobject();
 	var $assign = Object.assign;
 
 	// should work with symbols and should have deterministic property order (V8 bug)
@@ -30733,11 +30718,11 @@ 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 : function defineProperties(O, Properties) {
+var _objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
   anObject$4(O);
   var keys = getKeys$1(Properties);
   var length = keys.length;
@@ -30816,7 +30801,7 @@ $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');
 
@@ -31130,7 +31115,7 @@ var _isArrayIter = function (it) {
   return it !== undefined && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 };
 
-var $defineProperty$1 = require_objectDp();
+var $defineProperty$1 = _objectDp;
 var createDesc$2 = _propertyDesc;
 
 var _createProperty = function (object, index, value) {
@@ -31263,7 +31248,7 @@ var _default$8 = function (instance, Constructor) {
 
 var $export$3 = _export;
 // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
-$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 = function defineProperty(it, key, desc) {
@@ -31311,7 +31296,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;
@@ -31366,7 +31351,7 @@ var _metaExports = _meta.exports;
 
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$7 = require_objectDp().f;
+var defineProperty$7 = _objectDp.f;
 var _wksDefine = function (name) {
   var $Symbol = core.Symbol || (core.Symbol = {} );
   if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty$7($Symbol, name, { value: wksExt$1.f(name) });
@@ -31433,10 +31418,10 @@ 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 : function getOwnPropertyDescriptor(O, P) {
+_objectGopd.f = _descriptors ? gOPD$2 : function getOwnPropertyDescriptor(O, P) {
   O = toIObject$1(O);
   P = toPrimitive$1(P, true);
   if (IE8_DOM_DEFINE) try {
@@ -31448,7 +31433,7 @@ _objectGopd.f = require_descriptors() ? gOPD$2 : function getOwnPropertyDescript
 // ECMAScript 6 symbols shim
 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;
@@ -31471,7 +31456,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;
@@ -87562,7 +87547,7 @@ class DataTable extends React$1.Component {
               tabIndex: -1,
               onKeyDown: (e) => {
                 const isArrowKey = e.keyCode >= 37 && e.keyCode <= 40 || e.keyCode === 9;
-                if (isArrowKey) {
+                if (isArrowKey && e.target?.tagName !== "INPUT") {
                   const { schema: schema2, entities: entities2 } = computePresets(this.props);
                   const left = e.keyCode === 37;
                   const up = e.keyCode === 38;
@@ -89705,7 +89690,7 @@ class AlertWrapper extends React$1.Component {
         {
           ...{
             onBackClick: cancelButtonText && !noCancelButton ? () => doClose(false) : void 0,
-            onClick: () => doClose(true),
+            onClick: handleSubmit ? handleSubmit((v) => doClose(v)) : () => doClose(true),
             noCancel: true,
             additionalButtons: thirdButtonText || fourthButtonText ? /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, !!fourthButtonText && /* @__PURE__ */ React$1.createElement(
               core$5.Button,
@@ -91745,6 +91730,7 @@ async function tryToMatchSchemas({
   incomingData,
   validateAgainstSchema
 }) {
+  await resolveValidateAgainstSchema();
   const userSchema = getSchema(incomingData);
   const { searchResults, csvValidationIssue } = await matchSchemas({
     userSchema,
@@ -91894,6 +91880,8 @@ const addSpecialPropToAsyncErrs = (res) => {
   });
   return res;
 };
+async function resolveValidateAgainstSchema() {
+}
 
 const getInitialSteps = (csvValidationIssue) => [
   { text: "Review Headers", active: csvValidationIssue },
@@ -92352,7 +92340,7 @@ const PreviewCsvData = observer(function(props) {
 const SimpleInsertDataDialog = compose(
   wrapDialog({
     canEscapeKeyClose: false,
-    title: "Insert Data",
+    title: "Build CSV File",
     style: { width: "fit-content" }
   }),
   reduxForm.reduxForm({ form: "SimpleInsertDataDialog" }),
@@ -100054,7 +100042,6 @@ function UploaderInner({
         onFieldSubmit(responses);
       }
     } else {
-      console.log(`cleanedFileList:`, cleanedFileList);
       onChange(
         cleanedFileList.map(function(file) {
           return {
@@ -100445,31 +100432,22 @@ function UploaderInner({
               className: "tg-upload-inner"
             },
             innerIcon || /* @__PURE__ */ React$1.createElement(core$5.Icon, { icon: "upload", iconSize: minimal ? 15 : 30 }),
-            innerText || (minimal ? "Upload" : "Click or drag to upload")
-          )
-        ), validateAgainstSchema && /* @__PURE__ */ React$1.createElement(
-          "div",
-          {
-            style: {
-              textAlign: "center",
-              fontSize: 18,
-              marginTop: 7,
-              marginBottom: 5
-            },
-            onClick: handleManuallyEnterData,
-            className: "link-button"
-          },
-          manualEnterMessage,
-          /* @__PURE__ */ React$1.createElement(
-            "div",
-            {
-              style: {
-                fontSize: 11,
-                color: core$5.Colors.GRAY3,
-                fontStyle: "italic"
-              }
-            },
-            manualEnterSubMessage
+            innerText || (minimal ? "Upload" : "Click or drag to upload"),
+            validateAgainstSchema && /* @__PURE__ */ React$1.createElement(
+              "div",
+              {
+                style: {
+                  textAlign: "center",
+                  // fontSize: 18,
+                  marginTop: 7,
+                  marginBottom: 5
+                },
+                onClick: handleManuallyEnterData,
+                className: "link-button"
+              },
+              "...or ",
+              manualEnterMessage
+            )
           )
         ), showFilesCount ? /* @__PURE__ */ React$1.createElement("div", { className: "tg-upload-file-list-counter" }, "Files: ", fileList ? fileList.length : 0) : null)
       ),

package/index.es.js

@@ -7401,7 +7401,7 @@ function getPlainObjectKeys(object) {
 var ownKeys$3 = typeof Reflect !== "undefined" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {
   return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));
 } : /* istanbul ignore next */Object.getOwnPropertyNames;
-function toPrimitive$2(value) {
+function toPrimitive$3(value) {
   return value === null ? null : typeof value === "object" ? "" + value : value;
 }
 function hasProp(target, prop) {
@@ -8330,7 +8330,7 @@ var ObservableValue = /*#__PURE__*/function (_Atom) {
     return this.name_ + "[" + this.value_ + "]";
   };
   _proto.valueOf = function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   };
   _proto[_Symbol$toPrimitive] = function () {
     return this.valueOf();
@@ -8558,7 +8558,7 @@ var ComputedValue = /*#__PURE__*/function () {
     return this.name_ + "[" + this.derivation.toString() + "]";
   };
   _proto.valueOf = function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   };
   _proto[_Symbol$toPrimitive$1] = function () {
     return this.valueOf();
@@ -30310,18 +30310,10 @@ var _fails = function (exec) {
   }
 };
 
-var _descriptors;
-var hasRequired_descriptors;
-
-function require_descriptors () {
-	if (hasRequired_descriptors) return _descriptors;
-	hasRequired_descriptors = 1;
-	// Thank's IE8 for his funny defineProperty
-	_descriptors = !_fails(function () {
-	  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
-	});
-	return _descriptors;
-}
+// Thank's IE8 for his funny defineProperty
+var _descriptors = !_fails(function () {
+  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
+});
 
 var _domCreate;
 var hasRequired_domCreate;
@@ -30339,17 +30331,9 @@ function require_domCreate () {
 	return _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;
-}
+var _ie8DomDefine = !_descriptors && !_fails(function () {
+  return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
+});
 
 // 7.1.1 ToPrimitive(input [, PreferredType])
 var isObject$d = _isObject;
@@ -30364,29 +30348,22 @@ var _toPrimitive = function (it, S) {
   throw TypeError("Can't convert object to primitive value");
 };
 
-var hasRequired_objectDp;
-
-function require_objectDp () {
-	if (hasRequired_objectDp) return _objectDp;
-	hasRequired_objectDp = 1;
-	var anObject = _anObject;
-	var IE8_DOM_DEFINE = require_ie8DomDefine();
-	var toPrimitive = _toPrimitive;
-	var dP = Object.defineProperty;
+var anObject$5 = _anObject;
+var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+var toPrimitive$2 = _toPrimitive;
+var dP$3 = Object.defineProperty;
 
-	_objectDp.f = require_descriptors() ? Object.defineProperty : function defineProperty(O, P, Attributes) {
-	  anObject(O);
-	  P = toPrimitive(P, true);
-	  anObject(Attributes);
-	  if (IE8_DOM_DEFINE) try {
-	    return dP(O, P, Attributes);
-	  } catch (e) { /* empty */ }
-	  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
-	  if ('value' in Attributes) O[P] = Attributes.value;
-	  return O;
-	};
-	return _objectDp;
-}
+_objectDp.f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+  anObject$5(O);
+  P = toPrimitive$2(P, true);
+  anObject$5(Attributes);
+  if (IE8_DOM_DEFINE$1) try {
+    return dP$3(O, P, Attributes);
+  } catch (e) { /* empty */ }
+  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+  if ('value' in Attributes) O[P] = Attributes.value;
+  return O;
+};
 
 var _propertyDesc = function (bitmap, value) {
   return {
@@ -30397,9 +30374,9 @@ var _propertyDesc = function (bitmap, value) {
   };
 };
 
-var dP$2 = require_objectDp();
+var dP$2 = _objectDp;
 var createDesc$3 = _propertyDesc;
-var _hide = require_descriptors() ? function (object, key, value) {
+var _hide = _descriptors ? function (object, key, value) {
   return dP$2.f(object, key, createDesc$3(1, value));
 } : function (object, key, value) {
   object[key] = value;
@@ -30480,12 +30457,20 @@ var _cof = function (it) {
   return toString$6.call(it).slice(8, -1);
 };
 
-// fallback for non-array-like ES3 and non-enumerable old V8 strings
-var cof$2 = _cof;
-// eslint-disable-next-line no-prototype-builtins
-var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
-  return cof$2(it) == 'String' ? it.split('') : Object(it);
-};
+var _iobject;
+var hasRequired_iobject;
+
+function require_iobject () {
+	if (hasRequired_iobject) return _iobject;
+	hasRequired_iobject = 1;
+	// fallback for non-array-like ES3 and non-enumerable old V8 strings
+	var cof = _cof;
+	// eslint-disable-next-line no-prototype-builtins
+	_iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+	  return cof(it) == 'String' ? it.split('') : Object(it);
+	};
+	return _iobject;
+}
 
 // 7.2.1 RequireObjectCoercible(argument)
 var _defined = function (it) {
@@ -30494,7 +30479,7 @@ var _defined = function (it) {
 };
 
 // to indexed object, toObject with fallback for non-array-like ES3 strings
-var IObject = _iobject;
+var IObject = require_iobject();
 var defined$2 = _defined;
 var _toIobject = function (it) {
   return IObject(defined$2(it));
@@ -30636,12 +30621,12 @@ function require_objectAssign () {
 	if (hasRequired_objectAssign) return _objectAssign;
 	hasRequired_objectAssign = 1;
 	// 19.1.2.1 Object.assign(target, source, ...)
-	var DESCRIPTORS = require_descriptors();
+	var DESCRIPTORS = _descriptors;
 	var getKeys = _objectKeys;
 	var gOPS = _objectGops;
 	var pIE = require_objectPie();
 	var toObject = _toObject;
-	var IObject = _iobject;
+	var IObject = require_iobject();
 	var $assign = Object.assign;
 
 	// should work with symbols and should have deterministic property order (V8 bug)
@@ -30712,11 +30697,11 @@ 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 : function defineProperties(O, Properties) {
+var _objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
   anObject$4(O);
   var keys = getKeys$1(Properties);
   var length = keys.length;
@@ -30795,7 +30780,7 @@ $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');
 
@@ -31109,7 +31094,7 @@ var _isArrayIter = function (it) {
   return it !== undefined && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 };
 
-var $defineProperty$1 = require_objectDp();
+var $defineProperty$1 = _objectDp;
 var createDesc$2 = _propertyDesc;
 
 var _createProperty = function (object, index, value) {
@@ -31242,7 +31227,7 @@ var _default$8 = function (instance, Constructor) {
 
 var $export$3 = _export;
 // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
-$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 = function defineProperty(it, key, desc) {
@@ -31290,7 +31275,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;
@@ -31345,7 +31330,7 @@ var _metaExports = _meta.exports;
 
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$7 = require_objectDp().f;
+var defineProperty$7 = _objectDp.f;
 var _wksDefine = function (name) {
   var $Symbol = core.Symbol || (core.Symbol = {} );
   if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty$7($Symbol, name, { value: wksExt$1.f(name) });
@@ -31412,10 +31397,10 @@ 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 : function getOwnPropertyDescriptor(O, P) {
+_objectGopd.f = _descriptors ? gOPD$2 : function getOwnPropertyDescriptor(O, P) {
   O = toIObject$1(O);
   P = toPrimitive$1(P, true);
   if (IE8_DOM_DEFINE) try {
@@ -31427,7 +31412,7 @@ _objectGopd.f = require_descriptors() ? gOPD$2 : function getOwnPropertyDescript
 // ECMAScript 6 symbols shim
 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;
@@ -31450,7 +31435,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;
@@ -87541,7 +87526,7 @@ class DataTable extends React__default.Component {
               tabIndex: -1,
               onKeyDown: (e) => {
                 const isArrowKey = e.keyCode >= 37 && e.keyCode <= 40 || e.keyCode === 9;
-                if (isArrowKey) {
+                if (isArrowKey && e.target?.tagName !== "INPUT") {
                   const { schema: schema2, entities: entities2 } = computePresets(this.props);
                   const left = e.keyCode === 37;
                   const up = e.keyCode === 38;
@@ -89684,7 +89669,7 @@ class AlertWrapper extends Component {
         {
           ...{
             onBackClick: cancelButtonText && !noCancelButton ? () => doClose(false) : void 0,
-            onClick: () => doClose(true),
+            onClick: handleSubmit ? handleSubmit((v) => doClose(v)) : () => doClose(true),
             noCancel: true,
             additionalButtons: thirdButtonText || fourthButtonText ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !!fourthButtonText && /* @__PURE__ */ React__default.createElement(
               Button,
@@ -91724,6 +91709,7 @@ async function tryToMatchSchemas({
   incomingData,
   validateAgainstSchema
 }) {
+  await resolveValidateAgainstSchema();
   const userSchema = getSchema(incomingData);
   const { searchResults, csvValidationIssue } = await matchSchemas({
     userSchema,
@@ -91873,6 +91859,8 @@ const addSpecialPropToAsyncErrs = (res) => {
   });
   return res;
 };
+async function resolveValidateAgainstSchema() {
+}
 
 const getInitialSteps = (csvValidationIssue) => [
   { text: "Review Headers", active: csvValidationIssue },
@@ -92331,7 +92319,7 @@ const PreviewCsvData = observer(function(props) {
 const SimpleInsertDataDialog = compose(
   wrapDialog({
     canEscapeKeyClose: false,
-    title: "Insert Data",
+    title: "Build CSV File",
     style: { width: "fit-content" }
   }),
   reduxForm({ form: "SimpleInsertDataDialog" }),
@@ -100033,7 +100021,6 @@ function UploaderInner({
         onFieldSubmit(responses);
       }
     } else {
-      console.log(`cleanedFileList:`, cleanedFileList);
       onChange(
         cleanedFileList.map(function(file) {
           return {
@@ -100424,31 +100411,22 @@ function UploaderInner({
               className: "tg-upload-inner"
             },
             innerIcon || /* @__PURE__ */ React__default.createElement(Icon, { icon: "upload", iconSize: minimal ? 15 : 30 }),
-            innerText || (minimal ? "Upload" : "Click or drag to upload")
-          )
-        ), validateAgainstSchema && /* @__PURE__ */ React__default.createElement(
-          "div",
-          {
-            style: {
-              textAlign: "center",
-              fontSize: 18,
-              marginTop: 7,
-              marginBottom: 5
-            },
-            onClick: handleManuallyEnterData,
-            className: "link-button"
-          },
-          manualEnterMessage,
-          /* @__PURE__ */ React__default.createElement(
-            "div",
-            {
-              style: {
-                fontSize: 11,
-                color: Colors.GRAY3,
-                fontStyle: "italic"
-              }
-            },
-            manualEnterSubMessage
+            innerText || (minimal ? "Upload" : "Click or drag to upload"),
+            validateAgainstSchema && /* @__PURE__ */ React__default.createElement(
+              "div",
+              {
+                style: {
+                  textAlign: "center",
+                  // fontSize: 18,
+                  marginTop: 7,
+                  marginBottom: 5
+                },
+                onClick: handleManuallyEnterData,
+                className: "link-button"
+              },
+              "...or ",
+              manualEnterMessage
+            )
           )
         ), showFilesCount ? /* @__PURE__ */ React__default.createElement("div", { className: "tg-upload-file-list-counter" }, "Files: ", fileList ? fileList.length : 0) : null)
       ),

package/package.json

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

package/src/DataTable/index.js

@@ -1384,7 +1384,7 @@ class DataTable extends React.Component {
               onKeyDown: e => {
                 const isArrowKey =
                   (e.keyCode >= 37 && e.keyCode <= 40) || e.keyCode === 9;
-                if (isArrowKey) {
+                if (isArrowKey && e.target?.tagName !== "INPUT") {
                   const { schema, entities } = computePresets(this.props);
                   const left = e.keyCode === 37;
                   const up = e.keyCode === 38;

package/src/FormComponents/Uploader.js

@@ -450,7 +450,6 @@ function UploaderInner({
         onFieldSubmit(responses);
       }
     } else {
-      console.log(`cleanedFileList:`, cleanedFileList);
       onChange(
         cleanedFileList.map(function (file) {
           return {
@@ -946,32 +945,33 @@ function UploaderInner({
                       )}
                       {innerText ||
                         (minimal ? "Upload" : "Click or drag to upload")}
+                      {validateAgainstSchema && (
+                        <div
+                          style={{
+                            textAlign: "center",
+                            // fontSize: 18,
+                            marginTop: 7,
+                            marginBottom: 5
+                          }}
+                          onClick={handleManuallyEnterData}
+                          className="link-button"
+                        >
+                          ...or {manualEnterMessage}
+                          {/* <div
+                            style={{
+                              fontSize: 11,
+                              color: Colors.GRAY3,
+                              fontStyle: "italic"
+                            }}
+                          >
+                            {manualEnterSubMessage}
+                          </div> */}
+                        </div>
+                      )}
                     </div>
                   )}
                 </div>
-                {validateAgainstSchema && (
-                  <div
-                    style={{
-                      textAlign: "center",
-                      fontSize: 18,
-                      marginTop: 7,
-                      marginBottom: 5
-                    }}
-                    onClick={handleManuallyEnterData}
-                    className="link-button"
-                  >
-                    {manualEnterMessage}
-                    <div
-                      style={{
-                        fontSize: 11,
-                        color: Colors.GRAY3,
-                        fontStyle: "italic"
-                      }}
-                    >
-                      {manualEnterSubMessage}
-                    </div>
-                  </div>
-                )}
+
                 {showFilesCount ? (
                   <div className="tg-upload-file-list-counter">
                     Files: {fileList ? fileList.length : 0}

package/src/FormComponents/tryToMatchSchemas.js

@@ -25,6 +25,7 @@ export default async function tryToMatchSchemas({
   incomingData,
   validateAgainstSchema
 }) {
+  await resolveValidateAgainstSchema(validateAgainstSchema);
   const userSchema = getSchema(incomingData);
 
   const { searchResults, csvValidationIssue } = await matchSchemas({
@@ -219,3 +220,15 @@ export const addSpecialPropToAsyncErrs = res => {
   });
   return res;
 };
+
+async function resolveValidateAgainstSchema() {
+  //tnw: wip!
+  // mapSeries(validateAgainstSchema.fields, async f => {
+  //   if (f.type === "dropdown") {
+  //     console.log(`type:`, f.type)
+  //     if (f.getValues) {
+  //       f.values = await f.getValues(props);
+  //     }
+  //   }
+  // })
+}

package/src/UploadCsvWizard.js

@@ -595,7 +595,7 @@ export const PreviewCsvData = observer(function (props) {
 export const SimpleInsertDataDialog = compose(
   wrapDialog({
     canEscapeKeyClose: false,
-    title: "Insert Data",
+    title: "Build CSV File",
     style: { width: "fit-content" }
   }),
   reduxForm({ form: "SimpleInsertDataDialog" }),
@@ -655,7 +655,7 @@ export const SimpleInsertDataDialog = compose(
       </div>
       <DialogFooter
         submitting={submitting}
-        onClick={handleSubmit(async ({fileName}) => {
+        onClick={handleSubmit(async ({ fileName }) => {
           if (some(validationToUse, e => e)) return;
           //do async validation here if needed
           if (

package/src/showConfirmationDialog/index.js

@@ -89,7 +89,9 @@ export class AlertWrapper extends Component {
               cancelButtonText && !noCancelButton
                 ? () => doClose(false)
                 : undefined,
-            onClick: () => doClose(true),
+            onClick: handleSubmit
+              ? handleSubmit(v => doClose(v))
+              : () => doClose(true),
             noCancel: true,
             additionalButtons:
               thirdButtonText || fourthButtonText ? (