@teselagen/ui 0.3.71 → 0.3.73

package/index.cjs.js

@@ -17117,16 +17117,25 @@ var toString$6 = {}.toString;
 var _cof = /* @__PURE__ */ __name(function(it) {
   return toString$6.call(it).slice(8, -1);
 }, "_cof");
-var cof$2 = _cof;
-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;
+  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 _defined = /* @__PURE__ */ __name(function(it) {
   if (it == void 0)
     throw TypeError("Can't call method on  " + it);
   return it;
 }, "_defined");
-var IObject = _iobject;
+var IObject = require_iobject();
 var defined$2 = _defined;
 var _toIobject = /* @__PURE__ */ __name(function(it) {
   return IObject(defined$2(it));
@@ -17247,7 +17256,7 @@ function require_objectAssign() {
   var gOPS2 = _objectGops;
   var pIE2 = require_objectPie();
   var toObject2 = _toObject;
-  var IObject2 = _iobject;
+  var IObject2 = require_iobject();
   var $assign = Object.assign;
   _objectAssign = !$assign || _fails(function() {
     var A2 = {};
@@ -55774,7 +55783,7 @@ const _DataTable = class _DataTable extends React$1.Component {
         onFinishMsg: "Column Copied"
       });
     }, "handleCopyColumn"));
-    __publicField(this, "handleCopyRows", /* @__PURE__ */ __name((rowElsToCopy, { specificColumn, onFinishMsg } = {}) => {
+    __publicField(this, "handleCopyRows", /* @__PURE__ */ __name((rowElsToCopy, { specificColumn, onFinishMsg, isDownload } = {}) => {
       let textToCopy = [];
       const jsonToCopy = [];
       lodashExports.forEach(rowElsToCopy, (rowEl) => {
@@ -55785,7 +55794,15 @@ const _DataTable = class _DataTable extends React$1.Component {
       textToCopy = textToCopy.filter((text2) => text2).join("\n");
       if (!textToCopy)
         return window.toastr.warning("No text to copy");
-      this.handleCopyHelper(textToCopy, jsonToCopy, onFinishMsg || "Row Copied");
+      if (isDownload) {
+        downloadjs(textToCopy.replaceAll("	", ","), "tableData.csv", "text/csv");
+      } else {
+        this.handleCopyHelper(
+          textToCopy,
+          jsonToCopy,
+          onFinishMsg || "Row Copied"
+        );
+      }
     }, "handleCopyRows"));
     __publicField(this, "updateEntitiesHelper", /* @__PURE__ */ __name((ents, fn4) => {
       const { change, reduxFormEntitiesUndoRedoStack = { currentVersion: 0 } } = this.props;
@@ -55838,14 +55855,14 @@ const _DataTable = class _DataTable extends React$1.Component {
         window.toastr.success(message);
       }
     }, "handleCopyHelper"));
-    __publicField(this, "handleCopyTable", /* @__PURE__ */ __name((e2) => {
+    __publicField(this, "handleCopyTable", /* @__PURE__ */ __name((e2, opts) => {
       try {
         const allRowEls = getAllRows(e2);
         if (!allRowEls)
           return;
-        this.handleCopyRows(allRowEls, {
+        this.handleCopyRows(allRowEls, __spreadProps(__spreadValues({}, opts), {
           onFinishMsg: "Table Copied"
-        });
+        }));
       } catch (error) {
         console.error(`error:`, error);
         window.toastr.error("Error copying rows.");
@@ -56093,7 +56110,8 @@ const _DataTable = class _DataTable extends React$1.Component {
           getRowClassName && getRowClassName(rowInfo, state, this.props),
           {
             disabled: rowDisabled,
-            selected: rowSelected && !withCheckboxes
+            selected: rowSelected && !withCheckboxes,
+            "rt-tr-last-row": rowInfo.index === entities.length - 1
           }
         ),
         "data-test-id": dataId === void 0 ? rowInfo.index : dataId,
@@ -58097,27 +58115,6 @@ const _DataTable = class _DataTable extends React$1.Component {
                 if (n2)
                   this.table = n2;
               },
-              additionalBodyEl: isCellEditable && !onlyShowRowsWErrors && /* @__PURE__ */ React$1.createElement(
-                "div",
-                {
-                  style: {
-                    width: "100%",
-                    display: "flex",
-                    justifyContent: "center"
-                  }
-                },
-                /* @__PURE__ */ React$1.createElement(
-                  core$5.Button,
-                  {
-                    icon: "add",
-                    onClick: () => {
-                      this.insertRows({ numRows: 10, appendToBottom: true });
-                    },
-                    minimal: true
-                  },
-                  "Add 10 Rows"
-                )
-              ),
               className: classNames({
                 isCellEditable,
                 "tg-table-loading": isLoading,
@@ -58159,6 +58156,37 @@ const _DataTable = class _DataTable extends React$1.Component {
               SubComponent: SubComponentToUse
             }, ReactTableProps)
           ),
+          isCellEditable && /* @__PURE__ */ React$1.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React$1.createElement(
+            "div",
+            {
+              style: {
+                width: "100%",
+                display: "flex",
+                justifyContent: "center"
+              }
+            },
+            !onlyShowRowsWErrors && /* @__PURE__ */ React$1.createElement(
+              core$5.Button,
+              {
+                icon: "add",
+                onClick: () => {
+                  this.insertRows({ numRows: 10, appendToBottom: true });
+                },
+                minimal: true
+              },
+              "Add 10 Rows"
+            )
+          ), /* @__PURE__ */ React$1.createElement(
+            core$5.Button,
+            {
+              onClick: (e2) => {
+                this.handleCopyTable(e2, { isDownload: true });
+              },
+              "data-tip": "Download Table as CSV",
+              minimal: true,
+              icon: "download"
+            }
+          )),
           !noFooter && /* @__PURE__ */ React$1.createElement(
             "div",
             {
@@ -70704,7 +70732,7 @@ function UploaderInner({
   dropzoneProps = {},
   overflowList,
   autoUnzip,
-  _disabled,
+  disabled: _disabled,
   noBuildCsvOption,
   initializeForm,
   showFilesCount,
@@ -70732,9 +70760,9 @@ function UploaderInner({
   }
   if (acceptLoading)
     dropzoneDisabled = true;
-  const accept = !_accept ? void 0 : !isAcceptPromise && !resolvedAccept ? [] : lodashExports.isPlainObject(_accept) ? [_accept] : lodashExports.isArray(_accept) ? _accept : _accept.split(",").map((a2) => ({ type: a2 }));
-  const callout = _callout || ((_b = (_a2 = accept.find) == null ? void 0 : _a2.call(accept, (a2) => a2 == null ? void 0 : a2.callout)) == null ? void 0 : _b.callout);
-  const validateAgainstSchemaToUse = _validateAgainstSchema || ((_d = (_c = accept.find) == null ? void 0 : _c.call(accept, (a2) => a2 == null ? void 0 : a2.validateAgainstSchema)) == null ? void 0 : _d.validateAgainstSchema);
+  const accept = !_accept ? void 0 : isAcceptPromise && !resolvedAccept ? [] : lodashExports.isPlainObject(_accept) ? [_accept] : lodashExports.isArray(_accept) ? _accept : _accept.split(",").map((a2) => ({ type: a2 }));
+  const callout = _callout || ((_b = (_a2 = accept == null ? void 0 : accept.find) == null ? void 0 : _a2.call(accept, (a2) => a2 == null ? void 0 : a2.callout)) == null ? void 0 : _b.callout);
+  const validateAgainstSchemaToUse = _validateAgainstSchema || ((_d = (_c = accept == null ? void 0 : accept.find) == null ? void 0 : _c.call(accept, (a2) => a2 == null ? void 0 : a2.validateAgainstSchema)) == null ? void 0 : _d.validateAgainstSchema);
   React$1.useEffect(() => {
     validateAgainstSchemaStore.current.setValidateAgainstSchema(
       validateAgainstSchemaToUse

package/index.es.js

@@ -17099,16 +17099,25 @@ var toString$6 = {}.toString;
 var _cof = /* @__PURE__ */ __name(function(it) {
   return toString$6.call(it).slice(8, -1);
 }, "_cof");
-var cof$2 = _cof;
-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;
+  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 _defined = /* @__PURE__ */ __name(function(it) {
   if (it == void 0)
     throw TypeError("Can't call method on  " + it);
   return it;
 }, "_defined");
-var IObject = _iobject;
+var IObject = require_iobject();
 var defined$2 = _defined;
 var _toIobject = /* @__PURE__ */ __name(function(it) {
   return IObject(defined$2(it));
@@ -17229,7 +17238,7 @@ function require_objectAssign() {
   var gOPS2 = _objectGops;
   var pIE2 = require_objectPie();
   var toObject2 = _toObject;
-  var IObject2 = _iobject;
+  var IObject2 = require_iobject();
   var $assign = Object.assign;
   _objectAssign = !$assign || _fails(function() {
     var A2 = {};
@@ -55756,7 +55765,7 @@ const _DataTable = class _DataTable extends React__default.Component {
         onFinishMsg: "Column Copied"
       });
     }, "handleCopyColumn"));
-    __publicField(this, "handleCopyRows", /* @__PURE__ */ __name((rowElsToCopy, { specificColumn, onFinishMsg } = {}) => {
+    __publicField(this, "handleCopyRows", /* @__PURE__ */ __name((rowElsToCopy, { specificColumn, onFinishMsg, isDownload } = {}) => {
       let textToCopy = [];
       const jsonToCopy = [];
       lodashExports.forEach(rowElsToCopy, (rowEl) => {
@@ -55767,7 +55776,15 @@ const _DataTable = class _DataTable extends React__default.Component {
       textToCopy = textToCopy.filter((text2) => text2).join("\n");
       if (!textToCopy)
         return window.toastr.warning("No text to copy");
-      this.handleCopyHelper(textToCopy, jsonToCopy, onFinishMsg || "Row Copied");
+      if (isDownload) {
+        downloadjs(textToCopy.replaceAll("	", ","), "tableData.csv", "text/csv");
+      } else {
+        this.handleCopyHelper(
+          textToCopy,
+          jsonToCopy,
+          onFinishMsg || "Row Copied"
+        );
+      }
     }, "handleCopyRows"));
     __publicField(this, "updateEntitiesHelper", /* @__PURE__ */ __name((ents, fn4) => {
       const { change: change2, reduxFormEntitiesUndoRedoStack = { currentVersion: 0 } } = this.props;
@@ -55820,14 +55837,14 @@ const _DataTable = class _DataTable extends React__default.Component {
         window.toastr.success(message);
       }
     }, "handleCopyHelper"));
-    __publicField(this, "handleCopyTable", /* @__PURE__ */ __name((e2) => {
+    __publicField(this, "handleCopyTable", /* @__PURE__ */ __name((e2, opts) => {
       try {
         const allRowEls = getAllRows(e2);
         if (!allRowEls)
           return;
-        this.handleCopyRows(allRowEls, {
+        this.handleCopyRows(allRowEls, __spreadProps(__spreadValues({}, opts), {
           onFinishMsg: "Table Copied"
-        });
+        }));
       } catch (error) {
         console.error(`error:`, error);
         window.toastr.error("Error copying rows.");
@@ -56075,7 +56092,8 @@ const _DataTable = class _DataTable extends React__default.Component {
           getRowClassName && getRowClassName(rowInfo, state, this.props),
           {
             disabled: rowDisabled,
-            selected: rowSelected && !withCheckboxes
+            selected: rowSelected && !withCheckboxes,
+            "rt-tr-last-row": rowInfo.index === entities.length - 1
           }
         ),
         "data-test-id": dataId === void 0 ? rowInfo.index : dataId,
@@ -58079,27 +58097,6 @@ const _DataTable = class _DataTable extends React__default.Component {
                 if (n2)
                   this.table = n2;
               },
-              additionalBodyEl: isCellEditable && !onlyShowRowsWErrors && /* @__PURE__ */ React__default.createElement(
-                "div",
-                {
-                  style: {
-                    width: "100%",
-                    display: "flex",
-                    justifyContent: "center"
-                  }
-                },
-                /* @__PURE__ */ React__default.createElement(
-                  Button,
-                  {
-                    icon: "add",
-                    onClick: () => {
-                      this.insertRows({ numRows: 10, appendToBottom: true });
-                    },
-                    minimal: true
-                  },
-                  "Add 10 Rows"
-                )
-              ),
               className: classNames({
                 isCellEditable,
                 "tg-table-loading": isLoading,
@@ -58141,6 +58138,37 @@ const _DataTable = class _DataTable extends React__default.Component {
               SubComponent: SubComponentToUse
             }, ReactTableProps)
           ),
+          isCellEditable && /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React__default.createElement(
+            "div",
+            {
+              style: {
+                width: "100%",
+                display: "flex",
+                justifyContent: "center"
+              }
+            },
+            !onlyShowRowsWErrors && /* @__PURE__ */ React__default.createElement(
+              Button,
+              {
+                icon: "add",
+                onClick: () => {
+                  this.insertRows({ numRows: 10, appendToBottom: true });
+                },
+                minimal: true
+              },
+              "Add 10 Rows"
+            )
+          ), /* @__PURE__ */ React__default.createElement(
+            Button,
+            {
+              onClick: (e2) => {
+                this.handleCopyTable(e2, { isDownload: true });
+              },
+              "data-tip": "Download Table as CSV",
+              minimal: true,
+              icon: "download"
+            }
+          )),
           !noFooter && /* @__PURE__ */ React__default.createElement(
             "div",
             {
@@ -70686,7 +70714,7 @@ function UploaderInner({
   dropzoneProps = {},
   overflowList,
   autoUnzip,
-  _disabled,
+  disabled: _disabled,
   noBuildCsvOption,
   initializeForm,
   showFilesCount,
@@ -70714,9 +70742,9 @@ function UploaderInner({
   }
   if (acceptLoading)
     dropzoneDisabled = true;
-  const accept = !_accept ? void 0 : !isAcceptPromise && !resolvedAccept ? [] : lodashExports.isPlainObject(_accept) ? [_accept] : lodashExports.isArray(_accept) ? _accept : _accept.split(",").map((a2) => ({ type: a2 }));
-  const callout = _callout || ((_b = (_a2 = accept.find) == null ? void 0 : _a2.call(accept, (a2) => a2 == null ? void 0 : a2.callout)) == null ? void 0 : _b.callout);
-  const validateAgainstSchemaToUse = _validateAgainstSchema || ((_d = (_c = accept.find) == null ? void 0 : _c.call(accept, (a2) => a2 == null ? void 0 : a2.validateAgainstSchema)) == null ? void 0 : _d.validateAgainstSchema);
+  const accept = !_accept ? void 0 : isAcceptPromise && !resolvedAccept ? [] : lodashExports.isPlainObject(_accept) ? [_accept] : lodashExports.isArray(_accept) ? _accept : _accept.split(",").map((a2) => ({ type: a2 }));
+  const callout = _callout || ((_b = (_a2 = accept == null ? void 0 : accept.find) == null ? void 0 : _a2.call(accept, (a2) => a2 == null ? void 0 : a2.callout)) == null ? void 0 : _b.callout);
+  const validateAgainstSchemaToUse = _validateAgainstSchema || ((_d = (_c = accept == null ? void 0 : accept.find) == null ? void 0 : _c.call(accept, (a2) => a2 == null ? void 0 : a2.validateAgainstSchema)) == null ? void 0 : _d.validateAgainstSchema);
   useEffect(() => {
     validateAgainstSchemaStore.current.setValidateAgainstSchema(
       validateAgainstSchemaToUse

package/package.json

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

package/src/DataTable/index.js

@@ -3,6 +3,7 @@ import React, { useState } from "react";
 import ReactDOM from "react-dom";
 import { arrayMove } from "react-sortable-hoc";
 import copy from "copy-to-clipboard";
+import download from "downloadjs";
 import {
   invert,
   toNumber,
@@ -880,7 +881,10 @@ class DataTable extends React.Component {
       onFinishMsg: "Column Copied"
     });
   };
-  handleCopyRows = (rowElsToCopy, { specificColumn, onFinishMsg } = {}) => {
+  handleCopyRows = (
+    rowElsToCopy,
+    { specificColumn, onFinishMsg, isDownload } = {}
+  ) => {
     let textToCopy = [];
     const jsonToCopy = [];
     forEach(rowElsToCopy, rowEl => {
@@ -890,8 +894,15 @@ class DataTable extends React.Component {
     });
     textToCopy = textToCopy.filter(text => text).join("\n");
     if (!textToCopy) return window.toastr.warning("No text to copy");
-
-    this.handleCopyHelper(textToCopy, jsonToCopy, onFinishMsg || "Row Copied");
+    if (isDownload) {
+      download(textToCopy.replaceAll("\t", ","), "tableData.csv", "text/csv");
+    } else {
+      this.handleCopyHelper(
+        textToCopy,
+        jsonToCopy,
+        onFinishMsg || "Row Copied"
+      );
+    }
   };
   updateEntitiesHelper = (ents, fn) => {
     const { change, reduxFormEntitiesUndoRedoStack = { currentVersion: 0 } } =
@@ -953,11 +964,12 @@ class DataTable extends React.Component {
     }
   };
 
-  handleCopyTable = e => {
+  handleCopyTable = (e, opts) => {
     try {
       const allRowEls = getAllRows(e);
       if (!allRowEls) return;
       this.handleCopyRows(allRowEls, {
+        ...opts,
         onFinishMsg: "Table Copied"
       });
     } catch (error) {
@@ -1721,28 +1733,7 @@ class DataTable extends React.Component {
               ref={n => {
                 if (n) this.table = n;
               }}
-              additionalBodyEl={
-                isCellEditable &&
-                !onlyShowRowsWErrors && (
-                  <div
-                    style={{
-                      width: "100%",
-                      display: "flex",
-                      justifyContent: "center"
-                    }}
-                  >
-                    <Button
-                      icon="add"
-                      onClick={() => {
-                        this.insertRows({ numRows: 10, appendToBottom: true });
-                      }}
-                      minimal
-                    >
-                      Add 10 Rows
-                    </Button>
-                  </div>
-                )
-              }
+              // additionalBodyEl={}
               className={classNames({
                 isCellEditable,
                 "tg-table-loading": isLoading,
@@ -1801,7 +1792,37 @@ class DataTable extends React.Component {
               SubComponent={SubComponentToUse}
               {...ReactTableProps}
             />
-
+            {isCellEditable && (
+              <div style={{ display: "flex" }}>
+                <div
+                  style={{
+                    width: "100%",
+                    display: "flex",
+                    justifyContent: "center"
+                  }}
+                >
+                  {!onlyShowRowsWErrors && (
+                    <Button
+                      icon="add"
+                      onClick={() => {
+                        this.insertRows({ numRows: 10, appendToBottom: true });
+                      }}
+                      minimal
+                    >
+                      Add 10 Rows
+                    </Button>
+                  )}
+                </div>
+                <Button
+                  onClick={e => {
+                    this.handleCopyTable(e, { isDownload: true });
+                  }}
+                  data-tip="Download Table as CSV"
+                  minimal
+                  icon="download"
+                ></Button>
+              </div>
+            )}
             {!noFooter && (
               <div
                 className="data-table-footer"
@@ -1929,7 +1950,8 @@ class DataTable extends React.Component {
         getRowClassName && getRowClassName(rowInfo, state, this.props),
         {
           disabled: rowDisabled,
-          selected: rowSelected && !withCheckboxes
+          selected: rowSelected && !withCheckboxes,
+          "rt-tr-last-row": rowInfo.index === entities.length - 1
         }
       ),
       "data-test-id": dataId === undefined ? rowInfo.index : dataId,

package/src/FormComponents/Uploader.js

@@ -139,7 +139,7 @@ function UploaderInner({
   dropzoneProps = {},
   overflowList,
   autoUnzip,
-  _disabled,
+  disabled: _disabled,
   noBuildCsvOption,
   initializeForm,
   showFilesCount,
@@ -169,22 +169,21 @@ function UploaderInner({
     );
     _accept = [];
   }
-
   if (acceptLoading) dropzoneDisabled = true;
   const accept = !_accept
     ? undefined
-    : !isAcceptPromise && !resolvedAccept
+    : isAcceptPromise && !resolvedAccept
       ? []
       : isPlainObject(_accept)
         ? [_accept]
         : isArray(_accept)
           ? _accept
           : _accept.split(",").map(a => ({ type: a }));
-  const callout = _callout || accept.find?.(a => a?.callout)?.callout;
+  const callout = _callout || accept?.find?.(a => a?.callout)?.callout;
 
   const validateAgainstSchemaToUse =
     _validateAgainstSchema ||
-    accept.find?.(a => a?.validateAgainstSchema)?.validateAgainstSchema;
+    accept?.find?.(a => a?.validateAgainstSchema)?.validateAgainstSchema;
 
   useEffect(() => {
     // validateAgainstSchema

package/src/UploadCsvWizard.js

@@ -104,10 +104,6 @@ const UploadCsvWizardDialog = compose(
     const tabs = (
       <>
         <Callout style={{ marginBottom: 10, flexGrow: 0 }} intent="warning">
-          {/* <div>
-            It looks like some of the headers/data in your uploaded files have
-            issues.
-          </div> */}
           <div>
             Please look over each of the following files and correct any issues.
           </div>