@teselagen/ui 0.3.25 → 0.3.27

package/index.cjs.js

@@ -18183,25 +18183,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));
@@ -18322,7 +18313,7 @@ function require_objectAssign() {
   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 = {};
@@ -58688,12 +58679,13 @@ const _DataTable = class _DataTable extends React$1.Component {
             tabIndex: -1,
             onKeyDown: (e2) => {
               var _a2, _b, _c, _d, _e, _f;
-              const isArrowKey = e2.keyCode >= 37 && e2.keyCode <= 40 || e2.keyCode === 9;
-              if (isArrowKey && ((_a2 = e2.target) == null ? void 0 : _a2.tagName) !== "INPUT") {
+              const isTabKey = e2.keyCode === 9;
+              const isArrowKey = e2.keyCode >= 37 && e2.keyCode <= 40;
+              if (isArrowKey && ((_a2 = e2.target) == null ? void 0 : _a2.tagName) !== "INPUT" || isTabKey) {
                 const { schema: schema2, entities: entities2 } = computePresets(this.props);
                 const left2 = e2.keyCode === 37;
                 const up = e2.keyCode === 38;
-                const down = e2.keyCode === 40;
+                const down = e2.keyCode === 40 || e2.keyCode === 13;
                 let cellIdToUse = this.getPrimarySelectedCellId();
                 const pathToIndex = getFieldPathToIndex(schema2);
                 const entityMap = getEntityIdToEntity(entities2);
@@ -71832,9 +71824,7 @@ function UploaderInner({
             if (!acceptedFiles.length)
               return;
             setLoading(true);
-            if (fileLimit) {
-              acceptedFiles = acceptedFiles.slice(0, fileLimit);
-            }
+            acceptedFiles = trimFiles(acceptedFiles, fileLimit);
             acceptedFiles.forEach((file) => {
               file.preview = URL.createObjectURL(file);
               file.loading = true;
@@ -72020,9 +72010,9 @@ function UploaderInner({
                 `It looks like there wasn't any data in your file. Please add some data and try again`
               );
             }
-            const cleanedFileList = [...toKeep, ...fileListToUse].slice(
-              0,
-              fileLimit ? fileLimit : void 0
+            const cleanedFileList = trimFiles(
+              [...toKeep, ...fileListToUse],
+              fileLimit
             );
             handleSecondHalfOfUpload({ acceptedFiles, cleanedFileList });
           })
@@ -72270,6 +72260,18 @@ function stripId(ents = []) {
 __name(stripId, "stripId");
 const manualEnterMessage = "Build CSV File";
 const manualEnterSubMessage = "Paste or type data to build a CSV file";
+function trimFiles(incomingFiles, fileLimit) {
+  if (fileLimit) {
+    if (fileLimit && incomingFiles.length > fileLimit) {
+      window.toastr && window.toastr.warning(
+        `Detected additional files in your upload that we are ignoring. You can only upload ${fileLimit} file${fileLimit > 1 ? "s" : ""} at a time.`
+      );
+    }
+    return incomingFiles.slice(0, fileLimit);
+  }
+  return incomingFiles;
+}
+__name(trimFiles, "trimFiles");
 const style$7 = "";
 function DNALoader({ style: style2, className }) {
   return /* @__PURE__ */ React$1.createElement("div", { className: classNames("dna-loader", className), style: style2 }, /* @__PURE__ */ React$1.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$1.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$1.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$1.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$1.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$1.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$1.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$1.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$1.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React$1.createElement("div", { className: "nucleobase" }));

package/index.es.js

@@ -18165,25 +18165,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));
@@ -18304,7 +18295,7 @@ function require_objectAssign() {
   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 = {};
@@ -58670,12 +58661,13 @@ const _DataTable = class _DataTable extends React__default.Component {
             tabIndex: -1,
             onKeyDown: (e2) => {
               var _a2, _b, _c, _d, _e, _f;
-              const isArrowKey = e2.keyCode >= 37 && e2.keyCode <= 40 || e2.keyCode === 9;
-              if (isArrowKey && ((_a2 = e2.target) == null ? void 0 : _a2.tagName) !== "INPUT") {
+              const isTabKey = e2.keyCode === 9;
+              const isArrowKey = e2.keyCode >= 37 && e2.keyCode <= 40;
+              if (isArrowKey && ((_a2 = e2.target) == null ? void 0 : _a2.tagName) !== "INPUT" || isTabKey) {
                 const { schema: schema2, entities: entities2 } = computePresets(this.props);
                 const left2 = e2.keyCode === 37;
                 const up = e2.keyCode === 38;
-                const down = e2.keyCode === 40;
+                const down = e2.keyCode === 40 || e2.keyCode === 13;
                 let cellIdToUse = this.getPrimarySelectedCellId();
                 const pathToIndex = getFieldPathToIndex(schema2);
                 const entityMap = getEntityIdToEntity(entities2);
@@ -71814,9 +71806,7 @@ function UploaderInner({
             if (!acceptedFiles.length)
               return;
             setLoading(true);
-            if (fileLimit) {
-              acceptedFiles = acceptedFiles.slice(0, fileLimit);
-            }
+            acceptedFiles = trimFiles(acceptedFiles, fileLimit);
             acceptedFiles.forEach((file) => {
               file.preview = URL.createObjectURL(file);
               file.loading = true;
@@ -72002,9 +71992,9 @@ function UploaderInner({
                 `It looks like there wasn't any data in your file. Please add some data and try again`
               );
             }
-            const cleanedFileList = [...toKeep, ...fileListToUse].slice(
-              0,
-              fileLimit ? fileLimit : void 0
+            const cleanedFileList = trimFiles(
+              [...toKeep, ...fileListToUse],
+              fileLimit
             );
             handleSecondHalfOfUpload({ acceptedFiles, cleanedFileList });
           })
@@ -72252,6 +72242,18 @@ function stripId(ents = []) {
 __name(stripId, "stripId");
 const manualEnterMessage = "Build CSV File";
 const manualEnterSubMessage = "Paste or type data to build a CSV file";
+function trimFiles(incomingFiles, fileLimit) {
+  if (fileLimit) {
+    if (fileLimit && incomingFiles.length > fileLimit) {
+      window.toastr && window.toastr.warning(
+        `Detected additional files in your upload that we are ignoring. You can only upload ${fileLimit} file${fileLimit > 1 ? "s" : ""} at a time.`
+      );
+    }
+    return incomingFiles.slice(0, fileLimit);
+  }
+  return incomingFiles;
+}
+__name(trimFiles, "trimFiles");
 const style$7 = "";
 function DNALoader({ style: style2, className }) {
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames("dna-loader", className), style: style2 }, /* @__PURE__ */ React__default.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React__default.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React__default.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React__default.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React__default.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React__default.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React__default.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React__default.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React__default.createElement("div", { className: "nucleobase" }), /* @__PURE__ */ React__default.createElement("div", { className: "nucleobase" }));

package/package.json

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

package/src/DataTable/index.js

@@ -1382,13 +1382,24 @@ class DataTable extends React.Component {
             {...(isCellEditable && {
               tabIndex: -1,
               onKeyDown: e => {
-                const isArrowKey =
-                  (e.keyCode >= 37 && e.keyCode <= 40) || e.keyCode === 9;
-                if (isArrowKey && e.target?.tagName !== "INPUT") {
+                // const isArrowKey =
+                //   (e.keyCode >= 37 && e.keyCode <= 40) || e.keyCode === 9;
+                // if (isArrowKey && e.target?.tagName !== "INPUT") {
+                const isTabKey = e.keyCode === 9;
+                // const isEnter = e.keyCode === 13;
+                // console.log(`onKeydown datatable inner`);
+                // console.log(`isEnter:`, isEnter)
+                const isArrowKey = e.keyCode >= 37 && e.keyCode <= 40;
+                // console.log(`e.target?.tagName:`,e.target?.tagName)
+                if (
+                  (isArrowKey && e.target?.tagName !== "INPUT") ||
+                  isTabKey 
+                  // || (isEnter && e.target?.tagName === "INPUT")
+                ) {
                   const { schema, entities } = computePresets(this.props);
                   const left = e.keyCode === 37;
                   const up = e.keyCode === 38;
-                  const down = e.keyCode === 40;
+                  const down = e.keyCode === 40 || e.keyCode === 13;
                   let cellIdToUse = this.getPrimarySelectedCellId();
                   const pathToIndex = getFieldPathToIndex(schema);
                   const entityMap = getEntityIdToEntity(entities);

package/src/FormComponents/Uploader.js

@@ -663,9 +663,7 @@ function UploaderInner({
                 }
                 if (!acceptedFiles.length) return;
                 setLoading(true);
-                if (fileLimit) {
-                  acceptedFiles = acceptedFiles.slice(0, fileLimit);
-                }
+                acceptedFiles = trimFiles(acceptedFiles, fileLimit);
 
                 acceptedFiles.forEach(file => {
                   file.preview = URL.createObjectURL(file);
@@ -899,11 +897,10 @@ function UploaderInner({
                       `It looks like there wasn't any data in your file. Please add some data and try again`
                     );
                 }
-                const cleanedFileList = [...toKeep, ...fileListToUse].slice(
-                  0,
-                  fileLimit ? fileLimit : undefined
+                const cleanedFileList = trimFiles(
+                  [...toKeep, ...fileListToUse],
+                  fileLimit
                 );
-
                 handleSecondHalfOfUpload({ acceptedFiles, cleanedFileList });
               }
             }}
@@ -1203,3 +1200,18 @@ function stripId(ents = []) {
 
 const manualEnterMessage = "Build CSV File";
 const manualEnterSubMessage = "Paste or type data to build a CSV file";
+
+function trimFiles(incomingFiles, fileLimit) {
+  if (fileLimit) {
+    if (fileLimit && incomingFiles.length > fileLimit) {
+      window.toastr &&
+        window.toastr.warning(
+          `Detected additional files in your upload that we are ignoring. You can only upload ${fileLimit} file${
+            fileLimit > 1 ? "s" : ""
+          } at a time.`
+        );
+    }
+    return incomingFiles.slice(0, fileLimit);
+  }
+  return incomingFiles;
+}