@teselagen/ui 0.3.21 → 0.3.23

package/index.cjs.js

@@ -30418,10 +30418,10 @@ var _propertyDesc = function (bitmap, value) {
   };
 };
 
-var dP$1 = require_objectDp();
+var dP$2 = require_objectDp();
 var createDesc$3 = _propertyDesc;
 var _hide = require_descriptors() ? function (object, key, value) {
-  return dP$1.f(object, key, createDesc$3(1, value));
+  return dP$2.f(object, key, createDesc$3(1, value));
 } : function (object, key, value) {
   object[key] = value;
   return object;
@@ -30437,7 +30437,7 @@ var core$3 = _coreExports;
 var ctx$1 = _ctx;
 var hide$2 = _hide;
 var has$b = _has;
-var PROTOTYPE$1 = 'prototype';
+var PROTOTYPE$2 = 'prototype';
 
 var $export$8 = function (type, name, source) {
   var IS_FORCED = type & $export$8.F;
@@ -30447,8 +30447,8 @@ var $export$8 = function (type, name, source) {
   var IS_BIND = type & $export$8.B;
   var IS_WRAP = type & $export$8.W;
   var exports = IS_GLOBAL ? core$3 : core$3[name] || (core$3[name] = {});
-  var expProto = exports[PROTOTYPE$1];
-  var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$1];
+  var expProto = exports[PROTOTYPE$2];
+  var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$2];
   var key, own, out;
   if (IS_GLOBAL) source = name;
   for (key in source) {
@@ -30472,7 +30472,7 @@ var $export$8 = function (type, name, source) {
           } return new C(a, b, c);
         } return C.apply(this, arguments);
       };
-      F[PROTOTYPE$1] = C[PROTOTYPE$1];
+      F[PROTOTYPE$2] = C[PROTOTYPE$2];
       return F;
     // make static versions for prototype methods
     })(out) : IS_PROTO && typeof out == 'function' ? ctx$1(Function.call, out) : out;
@@ -30609,14 +30609,14 @@ var _sharedKey = function (key) {
 var has$a = _has;
 var toIObject$4 = _toIobject;
 var arrayIndexOf = _arrayIncludes(false);
-var IE_PROTO$1 = _sharedKey('IE_PROTO');
+var IE_PROTO$2 = _sharedKey('IE_PROTO');
 
 var _objectKeysInternal = function (object, names) {
   var O = toIObject$4(object);
   var i = 0;
   var result = [];
   var key;
-  for (key in O) if (key != IE_PROTO$1) has$a(O, key) && result.push(key);
+  for (key in O) if (key != IE_PROTO$2) has$a(O, key) && result.push(key);
   // Don't enum bug & hidden keys
   while (names.length > i) if (has$a(O, key = names[i++])) {
     ~arrayIndexOf(result, key) || result.push(key);
@@ -30631,10 +30631,10 @@ var _enumBugKeys = (
 
 // 19.1.2.14 / 15.2.3.14 Object.keys(O)
 var $keys$3 = _objectKeysInternal;
-var enumBugKeys = _enumBugKeys;
+var enumBugKeys$1 = _enumBugKeys;
 
 var _objectKeys = Object.keys || function keys(O) {
-  return $keys$3(O, enumBugKeys);
+  return $keys$3(O, enumBugKeys$1);
 };
 
 var _objectGops = {};
@@ -30741,27 +30741,19 @@ var _iterators = {};
 
 var _redefine = _hide;
 
-var _objectDps;
-var hasRequired_objectDps;
-
-function require_objectDps () {
-	if (hasRequired_objectDps) return _objectDps;
-	hasRequired_objectDps = 1;
-	var dP = require_objectDp();
-	var anObject = _anObject;
-	var getKeys = _objectKeys;
+var dP$1 = require_objectDp();
+var anObject$4 = _anObject;
+var getKeys$1 = _objectKeys;
 
-	_objectDps = require_descriptors() ? Object.defineProperties : function defineProperties(O, Properties) {
-	  anObject(O);
-	  var keys = getKeys(Properties);
-	  var length = keys.length;
-	  var i = 0;
-	  var P;
-	  while (length > i) dP.f(O, P = keys[i++], Properties[P]);
-	  return O;
-	};
-	return _objectDps;
-}
+var _objectDps = require_descriptors() ? Object.defineProperties : function defineProperties(O, Properties) {
+  anObject$4(O);
+  var keys = getKeys$1(Properties);
+  var length = keys.length;
+  var i = 0;
+  var P;
+  while (length > i) dP$1.f(O, P = keys[i++], Properties[P]);
+  return O;
+};
 
 var _html;
 var hasRequired_html;
@@ -30774,55 +30766,47 @@ function require_html () {
 	return _html;
 }
 
-var _objectCreate;
-var hasRequired_objectCreate;
-
-function require_objectCreate () {
-	if (hasRequired_objectCreate) return _objectCreate;
-	hasRequired_objectCreate = 1;
-	// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-	var anObject = _anObject;
-	var dPs = require_objectDps();
-	var enumBugKeys = _enumBugKeys;
-	var IE_PROTO = _sharedKey('IE_PROTO');
-	var Empty = function () { /* empty */ };
-	var PROTOTYPE = 'prototype';
-
-	// Create object with fake `null` prototype: use iframe Object with cleared prototype
-	var createDict = function () {
-	  // Thrash, waste and sodomy: IE GC bug
-	  var iframe = require_domCreate()('iframe');
-	  var i = enumBugKeys.length;
-	  var lt = '<';
-	  var gt = '>';
-	  var iframeDocument;
-	  iframe.style.display = 'none';
-	  require_html().appendChild(iframe);
-	  iframe.src = 'javascript:'; // eslint-disable-line no-script-url
-	  // createDict = iframe.contentWindow.Object;
-	  // html.removeChild(iframe);
-	  iframeDocument = iframe.contentWindow.document;
-	  iframeDocument.open();
-	  iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
-	  iframeDocument.close();
-	  createDict = iframeDocument.F;
-	  while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];
-	  return createDict();
-	};
+// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
+var anObject$3 = _anObject;
+var dPs = _objectDps;
+var enumBugKeys = _enumBugKeys;
+var IE_PROTO$1 = _sharedKey('IE_PROTO');
+var Empty = function () { /* empty */ };
+var PROTOTYPE$1 = 'prototype';
 
-	_objectCreate = Object.create || function create(O, Properties) {
-	  var result;
-	  if (O !== null) {
-	    Empty[PROTOTYPE] = anObject(O);
-	    result = new Empty();
-	    Empty[PROTOTYPE] = null;
-	    // add "__proto__" for Object.getPrototypeOf polyfill
-	    result[IE_PROTO] = O;
-	  } else result = createDict();
-	  return Properties === undefined ? result : dPs(result, Properties);
-	};
-	return _objectCreate;
-}
+// Create object with fake `null` prototype: use iframe Object with cleared prototype
+var createDict = function () {
+  // Thrash, waste and sodomy: IE GC bug
+  var iframe = require_domCreate()('iframe');
+  var i = enumBugKeys.length;
+  var lt = '<';
+  var gt = '>';
+  var iframeDocument;
+  iframe.style.display = 'none';
+  require_html().appendChild(iframe);
+  iframe.src = 'javascript:'; // eslint-disable-line no-script-url
+  // createDict = iframe.contentWindow.Object;
+  // html.removeChild(iframe);
+  iframeDocument = iframe.contentWindow.document;
+  iframeDocument.open();
+  iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
+  iframeDocument.close();
+  createDict = iframeDocument.F;
+  while (i--) delete createDict[PROTOTYPE$1][enumBugKeys[i]];
+  return createDict();
+};
+
+var _objectCreate = Object.create || function create(O, Properties) {
+  var result;
+  if (O !== null) {
+    Empty[PROTOTYPE$1] = anObject$3(O);
+    result = new Empty();
+    Empty[PROTOTYPE$1] = null;
+    // add "__proto__" for Object.getPrototypeOf polyfill
+    result[IE_PROTO$1] = O;
+  } else result = createDict();
+  return Properties === undefined ? result : dPs(result, Properties);
+};
 
 var _wks = {exports: {}};
 
@@ -30848,7 +30832,7 @@ var _setToStringTag = function (it, tag, stat) {
   if (it && !has$9(it = stat ? it : it.prototype, TAG$1)) def(it, TAG$1, { configurable: true, value: tag });
 };
 
-var create$3 = require_objectCreate();
+var create$3 = _objectCreate;
 var descriptor = _propertyDesc;
 var setToStringTag$2 = _setToStringTag;
 var IteratorPrototype = {};
@@ -31491,7 +31475,7 @@ var toObject$1 = _toObject;
 var toIObject = _toIobject;
 var toPrimitive = _toPrimitive;
 var createDesc = _propertyDesc;
-var _create$1 = require_objectCreate();
+var _create$1 = _objectCreate;
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
@@ -31801,7 +31785,7 @@ var setPrototypeOf = { "default": setPrototypeOf$1, __esModule: true };
 
 var $export = _export;
 // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-$export($export.S, 'Object', { create: require_objectCreate() });
+$export($export.S, 'Object', { create: _objectCreate });
 
 var $Object$1 = _coreExports.Object;
 var create$2 = function create(P, D) {
@@ -87586,7 +87570,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;
@@ -91769,6 +91753,7 @@ async function tryToMatchSchemas({
   incomingData,
   validateAgainstSchema
 }) {
+  await resolveValidateAgainstSchema();
   const userSchema = getSchema(incomingData);
   const { searchResults, csvValidationIssue } = await matchSchemas({
     userSchema,
@@ -91918,6 +91903,8 @@ const addSpecialPropToAsyncErrs = (res) => {
   });
   return res;
 };
+async function resolveValidateAgainstSchema() {
+}
 
 const getInitialSteps = (csvValidationIssue) => [
   { text: "Review Headers", active: csvValidationIssue },
@@ -92376,7 +92363,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" }),
@@ -92407,6 +92394,16 @@ const SimpleInsertDataDialog = compose(
     reduxFormCellValidation
   );
   return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement("div", { className: "bp3-dialog-body" }, /* @__PURE__ */ React$1.createElement(
+    InputField,
+    {
+      isRequired: true,
+      rightElement: /* @__PURE__ */ React$1.createElement("div", { style: { paddingTop: 6, paddingRight: 5 } }, ".csv"),
+      inlineLabel: true,
+      label: "File Name:",
+      defaultValue: "manual_data_entry",
+      name: "fileName"
+    }
+  ), /* @__PURE__ */ React$1.createElement(
     PreviewCsvData,
     {
       ...{
@@ -92425,7 +92422,7 @@ const SimpleInsertDataDialog = compose(
     DialogFooter,
     {
       submitting,
-      onClick: handleSubmit(async () => {
+      onClick: handleSubmit(async ({ fileName }) => {
         if (lodashExports.some(validationToUse, (e) => e))
           return;
         if (await asyncValidateHelper(
@@ -92436,6 +92433,7 @@ const SimpleInsertDataDialog = compose(
         ))
           return;
         onSimpleInsertDialogFinish({
+          fileName: fileName + ".csv",
           newEntities: maybeStripIdFromEntities(
             entsToUse,
             validateAgainstSchema
@@ -99883,7 +99881,7 @@ function UploaderInner({
           }
           handleManuallyEnterData = async (e) => {
             e.stopPropagation();
-            const { newEntities } = await showSimpleInsertDataDialog(
+            const { newEntities, fileName } = await showSimpleInsertDataDialog(
               "onSimpleInsertDialogFinish",
               {
                 validateAgainstSchema
@@ -99892,10 +99890,7 @@ function UploaderInner({
             if (!newEntities) {
               return;
             } else {
-              const newFileName = getNewName(
-                fileListToUse,
-                `manual_data_entry.csv`
-              );
+              const newFileName = getNewName(fileListToUse, fileName);
               const { newFile, cleanedEntities } = getNewCsvFile(
                 newEntities,
                 newFileName
@@ -100460,31 +100455,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)
       ),
@@ -100559,12 +100545,15 @@ function UploaderInner({
                         incomingData: file.parsedData,
                         validateAgainstSchema
                       });
-                      const { newEntities } = await showSimpleInsertDataDialog(
+                      const { newEntities, fileName } = await showSimpleInsertDataDialog(
                         "onSimpleInsertDialogFinish",
                         {
                           dialogProps: {
                             title: "Edit Data"
                           },
+                          initialValues: {
+                            fileName: removeExt(file.name)
+                          },
                           validateAgainstSchema,
                           isEditingExistingFile: true,
                           searchResults,
@@ -100575,13 +100564,16 @@ function UploaderInner({
                       if (!newEntities) {
                         return;
                       } else {
-                        const { newFile, cleanedEntities } = getNewCsvFile(newEntities, file.name);
-                        Object.assign(file, {
+                        const { newFile, cleanedEntities } = getNewCsvFile(newEntities, fileName);
+                        const zoink = Object.assign({}, file, {
                           ...newFile,
                           originFileObj: newFile,
                           originalFileObj: newFile,
                           parsedData: cleanedEntities
                         });
+                        zoink.name = newFile.name;
+                        fileList = [...fileList];
+                        fileList[index] = zoink;
                         handleSecondHalfOfUpload({
                           acceptedFiles: fileList,
                           cleanedFileList: fileList

package/index.es.js

@@ -30397,10 +30397,10 @@ var _propertyDesc = function (bitmap, value) {
   };
 };
 
-var dP$1 = require_objectDp();
+var dP$2 = require_objectDp();
 var createDesc$3 = _propertyDesc;
 var _hide = require_descriptors() ? function (object, key, value) {
-  return dP$1.f(object, key, createDesc$3(1, value));
+  return dP$2.f(object, key, createDesc$3(1, value));
 } : function (object, key, value) {
   object[key] = value;
   return object;
@@ -30416,7 +30416,7 @@ var core$3 = _coreExports;
 var ctx$1 = _ctx;
 var hide$2 = _hide;
 var has$b = _has;
-var PROTOTYPE$1 = 'prototype';
+var PROTOTYPE$2 = 'prototype';
 
 var $export$8 = function (type, name, source) {
   var IS_FORCED = type & $export$8.F;
@@ -30426,8 +30426,8 @@ var $export$8 = function (type, name, source) {
   var IS_BIND = type & $export$8.B;
   var IS_WRAP = type & $export$8.W;
   var exports = IS_GLOBAL ? core$3 : core$3[name] || (core$3[name] = {});
-  var expProto = exports[PROTOTYPE$1];
-  var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$1];
+  var expProto = exports[PROTOTYPE$2];
+  var target = IS_GLOBAL ? global$4 : IS_STATIC ? global$4[name] : (global$4[name] || {})[PROTOTYPE$2];
   var key, own, out;
   if (IS_GLOBAL) source = name;
   for (key in source) {
@@ -30451,7 +30451,7 @@ var $export$8 = function (type, name, source) {
           } return new C(a, b, c);
         } return C.apply(this, arguments);
       };
-      F[PROTOTYPE$1] = C[PROTOTYPE$1];
+      F[PROTOTYPE$2] = C[PROTOTYPE$2];
       return F;
     // make static versions for prototype methods
     })(out) : IS_PROTO && typeof out == 'function' ? ctx$1(Function.call, out) : out;
@@ -30588,14 +30588,14 @@ var _sharedKey = function (key) {
 var has$a = _has;
 var toIObject$4 = _toIobject;
 var arrayIndexOf = _arrayIncludes(false);
-var IE_PROTO$1 = _sharedKey('IE_PROTO');
+var IE_PROTO$2 = _sharedKey('IE_PROTO');
 
 var _objectKeysInternal = function (object, names) {
   var O = toIObject$4(object);
   var i = 0;
   var result = [];
   var key;
-  for (key in O) if (key != IE_PROTO$1) has$a(O, key) && result.push(key);
+  for (key in O) if (key != IE_PROTO$2) has$a(O, key) && result.push(key);
   // Don't enum bug & hidden keys
   while (names.length > i) if (has$a(O, key = names[i++])) {
     ~arrayIndexOf(result, key) || result.push(key);
@@ -30610,10 +30610,10 @@ var _enumBugKeys = (
 
 // 19.1.2.14 / 15.2.3.14 Object.keys(O)
 var $keys$3 = _objectKeysInternal;
-var enumBugKeys = _enumBugKeys;
+var enumBugKeys$1 = _enumBugKeys;
 
 var _objectKeys = Object.keys || function keys(O) {
-  return $keys$3(O, enumBugKeys);
+  return $keys$3(O, enumBugKeys$1);
 };
 
 var _objectGops = {};
@@ -30720,27 +30720,19 @@ var _iterators = {};
 
 var _redefine = _hide;
 
-var _objectDps;
-var hasRequired_objectDps;
-
-function require_objectDps () {
-	if (hasRequired_objectDps) return _objectDps;
-	hasRequired_objectDps = 1;
-	var dP = require_objectDp();
-	var anObject = _anObject;
-	var getKeys = _objectKeys;
+var dP$1 = require_objectDp();
+var anObject$4 = _anObject;
+var getKeys$1 = _objectKeys;
 
-	_objectDps = require_descriptors() ? Object.defineProperties : function defineProperties(O, Properties) {
-	  anObject(O);
-	  var keys = getKeys(Properties);
-	  var length = keys.length;
-	  var i = 0;
-	  var P;
-	  while (length > i) dP.f(O, P = keys[i++], Properties[P]);
-	  return O;
-	};
-	return _objectDps;
-}
+var _objectDps = require_descriptors() ? Object.defineProperties : function defineProperties(O, Properties) {
+  anObject$4(O);
+  var keys = getKeys$1(Properties);
+  var length = keys.length;
+  var i = 0;
+  var P;
+  while (length > i) dP$1.f(O, P = keys[i++], Properties[P]);
+  return O;
+};
 
 var _html;
 var hasRequired_html;
@@ -30753,55 +30745,47 @@ function require_html () {
 	return _html;
 }
 
-var _objectCreate;
-var hasRequired_objectCreate;
-
-function require_objectCreate () {
-	if (hasRequired_objectCreate) return _objectCreate;
-	hasRequired_objectCreate = 1;
-	// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-	var anObject = _anObject;
-	var dPs = require_objectDps();
-	var enumBugKeys = _enumBugKeys;
-	var IE_PROTO = _sharedKey('IE_PROTO');
-	var Empty = function () { /* empty */ };
-	var PROTOTYPE = 'prototype';
-
-	// Create object with fake `null` prototype: use iframe Object with cleared prototype
-	var createDict = function () {
-	  // Thrash, waste and sodomy: IE GC bug
-	  var iframe = require_domCreate()('iframe');
-	  var i = enumBugKeys.length;
-	  var lt = '<';
-	  var gt = '>';
-	  var iframeDocument;
-	  iframe.style.display = 'none';
-	  require_html().appendChild(iframe);
-	  iframe.src = 'javascript:'; // eslint-disable-line no-script-url
-	  // createDict = iframe.contentWindow.Object;
-	  // html.removeChild(iframe);
-	  iframeDocument = iframe.contentWindow.document;
-	  iframeDocument.open();
-	  iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
-	  iframeDocument.close();
-	  createDict = iframeDocument.F;
-	  while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];
-	  return createDict();
-	};
+// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
+var anObject$3 = _anObject;
+var dPs = _objectDps;
+var enumBugKeys = _enumBugKeys;
+var IE_PROTO$1 = _sharedKey('IE_PROTO');
+var Empty = function () { /* empty */ };
+var PROTOTYPE$1 = 'prototype';
 
-	_objectCreate = Object.create || function create(O, Properties) {
-	  var result;
-	  if (O !== null) {
-	    Empty[PROTOTYPE] = anObject(O);
-	    result = new Empty();
-	    Empty[PROTOTYPE] = null;
-	    // add "__proto__" for Object.getPrototypeOf polyfill
-	    result[IE_PROTO] = O;
-	  } else result = createDict();
-	  return Properties === undefined ? result : dPs(result, Properties);
-	};
-	return _objectCreate;
-}
+// Create object with fake `null` prototype: use iframe Object with cleared prototype
+var createDict = function () {
+  // Thrash, waste and sodomy: IE GC bug
+  var iframe = require_domCreate()('iframe');
+  var i = enumBugKeys.length;
+  var lt = '<';
+  var gt = '>';
+  var iframeDocument;
+  iframe.style.display = 'none';
+  require_html().appendChild(iframe);
+  iframe.src = 'javascript:'; // eslint-disable-line no-script-url
+  // createDict = iframe.contentWindow.Object;
+  // html.removeChild(iframe);
+  iframeDocument = iframe.contentWindow.document;
+  iframeDocument.open();
+  iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
+  iframeDocument.close();
+  createDict = iframeDocument.F;
+  while (i--) delete createDict[PROTOTYPE$1][enumBugKeys[i]];
+  return createDict();
+};
+
+var _objectCreate = Object.create || function create(O, Properties) {
+  var result;
+  if (O !== null) {
+    Empty[PROTOTYPE$1] = anObject$3(O);
+    result = new Empty();
+    Empty[PROTOTYPE$1] = null;
+    // add "__proto__" for Object.getPrototypeOf polyfill
+    result[IE_PROTO$1] = O;
+  } else result = createDict();
+  return Properties === undefined ? result : dPs(result, Properties);
+};
 
 var _wks = {exports: {}};
 
@@ -30827,7 +30811,7 @@ var _setToStringTag = function (it, tag, stat) {
   if (it && !has$9(it = stat ? it : it.prototype, TAG$1)) def(it, TAG$1, { configurable: true, value: tag });
 };
 
-var create$3 = require_objectCreate();
+var create$3 = _objectCreate;
 var descriptor = _propertyDesc;
 var setToStringTag$2 = _setToStringTag;
 var IteratorPrototype = {};
@@ -31470,7 +31454,7 @@ var toObject$1 = _toObject;
 var toIObject = _toIobject;
 var toPrimitive = _toPrimitive;
 var createDesc = _propertyDesc;
-var _create$1 = require_objectCreate();
+var _create$1 = _objectCreate;
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
@@ -31780,7 +31764,7 @@ var setPrototypeOf = { "default": setPrototypeOf$1, __esModule: true };
 
 var $export = _export;
 // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-$export($export.S, 'Object', { create: require_objectCreate() });
+$export($export.S, 'Object', { create: _objectCreate });
 
 var $Object$1 = _coreExports.Object;
 var create$2 = function create(P, D) {
@@ -87565,7 +87549,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;
@@ -91748,6 +91732,7 @@ async function tryToMatchSchemas({
   incomingData,
   validateAgainstSchema
 }) {
+  await resolveValidateAgainstSchema();
   const userSchema = getSchema(incomingData);
   const { searchResults, csvValidationIssue } = await matchSchemas({
     userSchema,
@@ -91897,6 +91882,8 @@ const addSpecialPropToAsyncErrs = (res) => {
   });
   return res;
 };
+async function resolveValidateAgainstSchema() {
+}
 
 const getInitialSteps = (csvValidationIssue) => [
   { text: "Review Headers", active: csvValidationIssue },
@@ -92355,7 +92342,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" }),
@@ -92386,6 +92373,16 @@ const SimpleInsertDataDialog = compose(
     reduxFormCellValidation
   );
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "bp3-dialog-body" }, /* @__PURE__ */ React__default.createElement(
+    InputField,
+    {
+      isRequired: true,
+      rightElement: /* @__PURE__ */ React__default.createElement("div", { style: { paddingTop: 6, paddingRight: 5 } }, ".csv"),
+      inlineLabel: true,
+      label: "File Name:",
+      defaultValue: "manual_data_entry",
+      name: "fileName"
+    }
+  ), /* @__PURE__ */ React__default.createElement(
     PreviewCsvData,
     {
       ...{
@@ -92404,7 +92401,7 @@ const SimpleInsertDataDialog = compose(
     DialogFooter,
     {
       submitting,
-      onClick: handleSubmit(async () => {
+      onClick: handleSubmit(async ({ fileName }) => {
         if (lodashExports.some(validationToUse, (e) => e))
           return;
         if (await asyncValidateHelper(
@@ -92415,6 +92412,7 @@ const SimpleInsertDataDialog = compose(
         ))
           return;
         onSimpleInsertDialogFinish({
+          fileName: fileName + ".csv",
           newEntities: maybeStripIdFromEntities(
             entsToUse,
             validateAgainstSchema
@@ -99862,7 +99860,7 @@ function UploaderInner({
           }
           handleManuallyEnterData = async (e) => {
             e.stopPropagation();
-            const { newEntities } = await showSimpleInsertDataDialog(
+            const { newEntities, fileName } = await showSimpleInsertDataDialog(
               "onSimpleInsertDialogFinish",
               {
                 validateAgainstSchema
@@ -99871,10 +99869,7 @@ function UploaderInner({
             if (!newEntities) {
               return;
             } else {
-              const newFileName = getNewName(
-                fileListToUse,
-                `manual_data_entry.csv`
-              );
+              const newFileName = getNewName(fileListToUse, fileName);
               const { newFile, cleanedEntities } = getNewCsvFile(
                 newEntities,
                 newFileName
@@ -100439,31 +100434,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)
       ),
@@ -100538,12 +100524,15 @@ function UploaderInner({
                         incomingData: file.parsedData,
                         validateAgainstSchema
                       });
-                      const { newEntities } = await showSimpleInsertDataDialog(
+                      const { newEntities, fileName } = await showSimpleInsertDataDialog(
                         "onSimpleInsertDialogFinish",
                         {
                           dialogProps: {
                             title: "Edit Data"
                           },
+                          initialValues: {
+                            fileName: removeExt(file.name)
+                          },
                           validateAgainstSchema,
                           isEditingExistingFile: true,
                           searchResults,
@@ -100554,13 +100543,16 @@ function UploaderInner({
                       if (!newEntities) {
                         return;
                       } else {
-                        const { newFile, cleanedEntities } = getNewCsvFile(newEntities, file.name);
-                        Object.assign(file, {
+                        const { newFile, cleanedEntities } = getNewCsvFile(newEntities, fileName);
+                        const zoink = Object.assign({}, file, {
                           ...newFile,
                           originFileObj: newFile,
                           originalFileObj: newFile,
                           parsedData: cleanedEntities
                         });
+                        zoink.name = newFile.name;
+                        fileList = [...fileList];
+                        fileList[index] = zoink;
                         handleSecondHalfOfUpload({
                           acceptedFiles: fileList,
                           cleanedFileList: fileList

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ui",
-  "version": "0.3.21",
+  "version": "0.3.23",
   "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

@@ -228,7 +228,7 @@ function UploaderInner({
           }
           handleManuallyEnterData = async e => {
             e.stopPropagation();
-            const { newEntities } = await showSimpleInsertDataDialog(
+            const { newEntities, fileName } = await showSimpleInsertDataDialog(
               "onSimpleInsertDialogFinish",
               {
                 validateAgainstSchema
@@ -239,10 +239,7 @@ function UploaderInner({
             } else {
               //check existing files to make sure the new file name gets incremented if necessary
               // fileList
-              const newFileName = getNewName(
-                fileListToUse,
-                `manual_data_entry.csv`
-              );
+              const newFileName = getNewName(fileListToUse, fileName);
               const { newFile, cleanedEntities } = getNewCsvFile(
                 newEntities,
                 newFileName
@@ -948,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}
@@ -1057,13 +1055,16 @@ function UploaderInner({
                                 validateAgainstSchema
                               });
 
-                              const { newEntities } =
+                              const { newEntities, fileName } =
                                 await showSimpleInsertDataDialog(
                                   "onSimpleInsertDialogFinish",
                                   {
                                     dialogProps: {
                                       title: "Edit Data"
                                     },
+                                    initialValues: {
+                                      fileName: removeExt(file.name)
+                                    },
                                     validateAgainstSchema,
                                     isEditingExistingFile: true,
                                     searchResults,
@@ -1076,14 +1077,16 @@ function UploaderInner({
                                 return;
                               } else {
                                 const { newFile, cleanedEntities } =
-                                  getNewCsvFile(newEntities, file.name);
-                                // file.parsedData = newEntities;
-                                Object.assign(file, {
+                                  getNewCsvFile(newEntities, fileName);
+                                const zoink = Object.assign({}, file, {
                                   ...newFile,
                                   originFileObj: newFile,
                                   originalFileObj: newFile,
                                   parsedData: cleanedEntities
                                 });
+                                zoink.name = newFile.name;
+                                fileList = [...fileList];
+                                fileList[index] = zoink;
                                 handleSecondHalfOfUpload({
                                   acceptedFiles: fileList,
                                   cleanedFileList: fileList

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

@@ -21,6 +21,7 @@ import { MatchHeaders } from "./MatchHeaders";
 import { isEmpty } from "lodash";
 import { addSpecialPropToAsyncErrs } from "./FormComponents/tryToMatchSchemas";
 import { cloneDeep } from "lodash";
+import { InputField } from "./FormComponents";
 
 const getInitialSteps = csvValidationIssue => [
   { text: "Review Headers", active: csvValidationIssue },
@@ -594,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" }),
@@ -628,6 +629,16 @@ export const SimpleInsertDataDialog = compose(
   return (
     <>
       <div className="bp3-dialog-body">
+        <InputField
+          isRequired
+          rightElement={
+            <div style={{ paddingTop: 6, paddingRight: 5 }}>.csv</div>
+          }
+          inlineLabel
+          label="File Name:"
+          defaultValue={"manual_data_entry"}
+          name="fileName"
+        ></InputField>
         <PreviewCsvData
           {...{
             matchedHeaders,
@@ -644,7 +655,7 @@ export const SimpleInsertDataDialog = compose(
       </div>
       <DialogFooter
         submitting={submitting}
-        onClick={handleSubmit(async () => {
+        onClick={handleSubmit(async ({fileName}) => {
           if (some(validationToUse, e => e)) return;
           //do async validation here if needed
           if (
@@ -657,6 +668,7 @@ export const SimpleInsertDataDialog = compose(
           )
             return;
           onSimpleInsertDialogFinish({
+            fileName: fileName + ".csv",
             newEntities: maybeStripIdFromEntities(
               entsToUse,
               validateAgainstSchema