@teselagen/ui 0.3.22 → 0.3.23

package/index.cjs.js

@@ -30501,12 +30501,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 +30523,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));
@@ -30662,7 +30670,7 @@ function require_objectAssign () {
 	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)
@@ -87562,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;
@@ -91745,6 +91753,7 @@ async function tryToMatchSchemas({
   incomingData,
   validateAgainstSchema
 }) {
+  await resolveValidateAgainstSchema();
   const userSchema = getSchema(incomingData);
   const { searchResults, csvValidationIssue } = await matchSchemas({
     userSchema,
@@ -91894,6 +91903,8 @@ const addSpecialPropToAsyncErrs = (res) => {
   });
   return res;
 };
+async function resolveValidateAgainstSchema() {
+}
 
 const getInitialSteps = (csvValidationIssue) => [
   { text: "Review Headers", active: csvValidationIssue },
@@ -92352,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" }),
@@ -100054,7 +100065,6 @@ function UploaderInner({
         onFieldSubmit(responses);
       }
     } else {
-      console.log(`cleanedFileList:`, cleanedFileList);
       onChange(
         cleanedFileList.map(function(file) {
           return {
@@ -100445,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)
       ),

package/index.es.js

@@ -30480,12 +30480,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 +30502,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));
@@ -30641,7 +30649,7 @@ function require_objectAssign () {
 	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)
@@ -87541,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;
@@ -91724,6 +91732,7 @@ async function tryToMatchSchemas({
   incomingData,
   validateAgainstSchema
 }) {
+  await resolveValidateAgainstSchema();
   const userSchema = getSchema(incomingData);
   const { searchResults, csvValidationIssue } = await matchSchemas({
     userSchema,
@@ -91873,6 +91882,8 @@ const addSpecialPropToAsyncErrs = (res) => {
   });
   return res;
 };
+async function resolveValidateAgainstSchema() {
+}
 
 const getInitialSteps = (csvValidationIssue) => [
   { text: "Review Headers", active: csvValidationIssue },
@@ -92331,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" }),
@@ -100033,7 +100044,6 @@ function UploaderInner({
         onFieldSubmit(responses);
       }
     } else {
-      console.log(`cleanedFileList:`, cleanedFileList);
       onChange(
         cleanedFileList.map(function(file) {
           return {
@@ -100424,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)
       ),

package/package.json

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

@@ -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" }),