@teselagen/ui 0.5.23-beta.35 → 0.5.23-beta.36

package/index.cjs.js

@@ -3123,63 +3123,89 @@ function getAugmentedNamespace(n2) {
 }
 __name(getAugmentedNamespace, "getAugmentedNamespace");
 var propTypes$1 = { exports: {} };
-var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-var ReactPropTypesSecret_1 = ReactPropTypesSecret$1;
-var ReactPropTypesSecret = ReactPropTypesSecret_1;
-function emptyFunction() {
-}
-__name(emptyFunction, "emptyFunction");
-function emptyFunctionWithReset() {
-}
-__name(emptyFunctionWithReset, "emptyFunctionWithReset");
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-var factoryWithThrowingShims = /* @__PURE__ */ __name(function() {
-  function shim(props, propName, componentName, location2, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      return;
+var ReactPropTypesSecret_1;
+var hasRequiredReactPropTypesSecret;
+function requireReactPropTypesSecret() {
+  if (hasRequiredReactPropTypesSecret)
+    return ReactPropTypesSecret_1;
+  hasRequiredReactPropTypesSecret = 1;
+  var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  ReactPropTypesSecret_1 = ReactPropTypesSecret;
+  return ReactPropTypesSecret_1;
+}
+__name(requireReactPropTypesSecret, "requireReactPropTypesSecret");
+var factoryWithThrowingShims;
+var hasRequiredFactoryWithThrowingShims;
+function requireFactoryWithThrowingShims() {
+  if (hasRequiredFactoryWithThrowingShims)
+    return factoryWithThrowingShims;
+  hasRequiredFactoryWithThrowingShims = 1;
+  var ReactPropTypesSecret = requireReactPropTypesSecret();
+  function emptyFunction() {
+  }
+  __name(emptyFunction, "emptyFunction");
+  function emptyFunctionWithReset() {
+  }
+  __name(emptyFunctionWithReset, "emptyFunctionWithReset");
+  emptyFunctionWithReset.resetWarningCache = emptyFunction;
+  factoryWithThrowingShims = /* @__PURE__ */ __name(function() {
+    function shim(props, propName, componentName, location2, propFullName, secret) {
+      if (secret === ReactPropTypesSecret) {
+        return;
+      }
+      var err = new Error(
+        "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+      );
+      err.name = "Invariant Violation";
+      throw err;
     }
-    var err = new Error(
-      "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-    );
-    err.name = "Invariant Violation";
-    throw err;
+    __name(shim, "shim");
+    shim.isRequired = shim;
+    function getShim() {
+      return shim;
+    }
+    __name(getShim, "getShim");
+    var ReactPropTypes = {
+      array: shim,
+      bigint: shim,
+      bool: shim,
+      func: shim,
+      number: shim,
+      object: shim,
+      string: shim,
+      symbol: shim,
+      any: shim,
+      arrayOf: getShim,
+      element: shim,
+      elementType: shim,
+      instanceOf: getShim,
+      node: shim,
+      objectOf: getShim,
+      oneOf: getShim,
+      oneOfType: getShim,
+      shape: getShim,
+      exact: getShim,
+      checkPropTypes: emptyFunctionWithReset,
+      resetWarningCache: emptyFunction
+    };
+    ReactPropTypes.PropTypes = ReactPropTypes;
+    return ReactPropTypes;
+  }, "factoryWithThrowingShims");
+  return factoryWithThrowingShims;
+}
+__name(requireFactoryWithThrowingShims, "requireFactoryWithThrowingShims");
+var hasRequiredPropTypes;
+function requirePropTypes() {
+  if (hasRequiredPropTypes)
+    return propTypes$1.exports;
+  hasRequiredPropTypes = 1;
+  {
+    propTypes$1.exports = requireFactoryWithThrowingShims()();
   }
-  __name(shim, "shim");
-  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  }
-  __name(getShim, "getShim");
-  var ReactPropTypes = {
-    array: shim,
-    bigint: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-  ReactPropTypes.PropTypes = ReactPropTypes;
-  return ReactPropTypes;
-}, "factoryWithThrowingShims");
-{
-  propTypes$1.exports = factoryWithThrowingShims();
+  return propTypes$1.exports;
 }
-var propTypesExports = propTypes$1.exports;
+__name(requirePropTypes, "requirePropTypes");
+var propTypesExports = requirePropTypes();
 const PropTypes$1 = /* @__PURE__ */ getDefaultExportFromCjs(propTypesExports);
 function __awaiter(thisArg, _arguments, P2, generator) {
   function adopt(value) {
@@ -13470,7 +13496,7 @@ var reactList = {};
 (function(exports2) {
   (function(global2, factory) {
     {
-      factory(exports2, propTypesExports, React$1);
+      factory(exports2, requirePropTypes(), React$1);
     }
   })(commonjsGlobal, function(_exports, _propTypes2, _react3) {
     Object.defineProperty(_exports, "__esModule", {
@@ -53034,73 +53060,67 @@ const DataTable = /* @__PURE__ */ __name((_G) => {
     },
     [schema.fields]
   );
-  const updateValidationHelper = React$1.useCallback(() => {
-    updateValidation(entities, reduxFormCellValidation);
-  }, [entities, reduxFormCellValidation, updateValidation]);
-  const addEditableTableEntities = React$1.useCallback(
-    (incomingEnts) => {
-      updateEntitiesHelper(entities, (entities2) => {
-        const newEntities = incomingEnts.map((e2) => __spreadProps(__spreadValues({}, e2), {
-          id: e2.id || nanoid(),
-          _isClean: false
-        }));
-        const { newEnts, validationErrors } = formatAndValidateEntities(
-          newEntities,
-          {
-            useDefaultValues: true,
-            indexToStartAt: entities2.length
+  React$1.useEffect(() => {
+    if (helperProp) {
+      helperProp.updateValidationHelper = () => {
+        updateValidation(entities, reduxFormCellValidation);
+      };
+      helperProp.addEditableTableEntities = (incomingEnts) => {
+        updateEntitiesHelper(entities, (entities2) => {
+          const newEntities = incomingEnts.map((e2) => __spreadProps(__spreadValues({}, e2), {
+            id: e2.id || nanoid(),
+            _isClean: false
+          }));
+          const { newEnts, validationErrors } = formatAndValidateEntities(
+            newEntities,
+            {
+              useDefaultValues: true,
+              indexToStartAt: entities2.length
+            }
+          );
+          if (every(entities2, "_isClean")) {
+            forEach(newEnts, (e2, i) => {
+              entities2[i] = e2;
+            });
+          } else {
+            entities2.splice(entities2.length, 0, ...newEnts);
           }
+          updateValidation(entities2, __spreadValues(__spreadValues({}, reduxFormCellValidation), validationErrors));
+        });
+      };
+      helperProp.getEditableTableInfoAndThrowFormError = () => {
+        const { entsToUse, validationToUse } = removeCleanRows(
+          reduxFormEntities,
+          reduxFormCellValidation
         );
-        if (every(entities2, "_isClean")) {
-          forEach(newEnts, (e2, i) => {
-            entities2[i] = e2;
-          });
-        } else {
-          entities2.splice(entities2.length, 0, ...newEnts);
+        const validationWTableErrs = validateTableWideErrors({
+          entities: entsToUse,
+          schema,
+          newCellValidate: validationToUse
+        });
+        if (!(entsToUse == null ? void 0 : entsToUse.length)) {
+          throwFormError(
+            "Please add at least one row to the table before submitting."
+          );
         }
-        updateValidation(entities2, __spreadValues(__spreadValues({}, reduxFormCellValidation), validationErrors));
-      });
-    },
-    [
-      entities,
-      formatAndValidateEntities,
-      reduxFormCellValidation,
-      updateEntitiesHelper,
-      updateValidation
-    ]
-  );
-  const getEditableTableInfoAndThrowFormError = React$1.useCallback(() => {
-    const { entsToUse, validationToUse } = removeCleanRows(
-      reduxFormEntities,
-      reduxFormCellValidation
-    );
-    const validationWTableErrs = validateTableWideErrors({
-      entities: entsToUse,
-      schema,
-      newCellValidate: validationToUse
-    });
-    if (!(entsToUse == null ? void 0 : entsToUse.length)) {
-      throwFormError(
-        "Please add at least one row to the table before submitting."
-      );
-    }
-    const invalid = isEmpty$1(validationWTableErrs) || !some(validationWTableErrs, (v2) => v2) ? void 0 : validationWTableErrs;
-    if (invalid) {
-      throwFormError("Please fix the errors in the table before submitting.");
-    }
-    return entsToUse;
-  }, [reduxFormCellValidation, reduxFormEntities, schema]);
-  React$1.useEffect(() => {
-    if (helperProp) {
-      helperProp.updateValidationHelper = updateValidationHelper;
-      helperProp.addEditableTableEntities = addEditableTableEntities;
-      helperProp.getEditableTableInfoAndThrowFormError = getEditableTableInfoAndThrowFormError;
+        const invalid = isEmpty$1(validationWTableErrs) || !some(validationWTableErrs, (v2) => v2) ? void 0 : validationWTableErrs;
+        if (invalid) {
+          throwFormError(
+            "Please fix the errors in the table before submitting."
+          );
+        }
+        return entsToUse;
+      };
     }
   }, [
-    addEditableTableEntities,
-    getEditableTableInfoAndThrowFormError,
+    entities,
+    formatAndValidateEntities,
     helperProp,
-    updateValidationHelper
+    reduxFormCellValidation,
+    reduxFormEntities,
+    schema,
+    updateEntitiesHelper,
+    updateValidation
   ]);
   const handleRowMove = React$1.useCallback(
     (type2, shiftHeld) => (e2) => {
@@ -67386,6 +67406,244 @@ const InnerDropZone = /* @__PURE__ */ __name(({
 const onFileSuccessDefault = /* @__PURE__ */ __name(() => __async(exports, null, function* () {
   return;
 }), "onFileSuccessDefault");
+const ShowFile = /* @__PURE__ */ __name(({
+  file,
+  fileList,
+  handleSecondHalfOfUpload,
+  index: index2,
+  onChange,
+  onFileClick,
+  onPreviewClick,
+  onRemove,
+  showSimpleInsertDataDialog,
+  validateAgainstSchema
+}) => {
+  const {
+    loading,
+    error,
+    name,
+    originalName,
+    url,
+    downloadName,
+    hasEditClick
+  } = file;
+  let icon;
+  if (loading) {
+    icon = "repeat";
+  } else if (error) {
+    icon = "error";
+  } else {
+    if (onPreviewClick) {
+      icon = "eye-open";
+    } else if (hasEditClick) {
+      icon = "edit";
+    } else {
+      icon = "saved";
+    }
+  }
+  return /* @__PURE__ */ React$1.createElement(
+    "div",
+    {
+      key: index2,
+      className: "tg-upload-file-list-item",
+      style: { display: "flex", width: "100%" }
+    },
+    /* @__PURE__ */ React$1.createElement(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          width: "100%"
+        }
+      },
+      /* @__PURE__ */ React$1.createElement("span", { style: { display: "flex" } }, /* @__PURE__ */ React$1.createElement(
+        core.Icon,
+        {
+          className: classNames({
+            "tg-spin": loading,
+            "tg-upload-file-list-item-preview": onPreviewClick,
+            "tg-upload-file-list-item-edit": hasEditClick,
+            clickableIcon: onPreviewClick || hasEditClick
+          }),
+          "data-tip": hasEditClick ? "Edit" : onPreviewClick ? "Preview" : void 0,
+          style: { marginRight: 5 },
+          icon,
+          onClick: () => __async(exports, null, function* () {
+            if (hasEditClick) {
+              const {
+                // csvValidationIssue: _csvValidationIssue,
+                matchedHeaders,
+                userSchema,
+                searchResults
+              } = yield tryToMatchSchemas({
+                incomingData: file.parsedData,
+                validateAgainstSchema
+              });
+              const { newEntities, fileName } = yield showSimpleInsertDataDialog(
+                "onSimpleInsertDialogFinish",
+                {
+                  dialogProps: {
+                    title: "Edit Data"
+                  },
+                  initialValues: {
+                    fileName: removeExt(file.name)
+                  },
+                  validateAgainstSchema,
+                  isEditingExistingFile: true,
+                  searchResults,
+                  matchedHeaders,
+                  userSchema
+                }
+              );
+              if (!newEntities) {
+                return;
+              } else {
+                const { newFile, cleanedEntities } = getNewCsvFile(
+                  newEntities,
+                  fileName
+                );
+                const tmpFile = Object.assign({}, file, __spreadProps(__spreadValues({}, newFile), {
+                  originFileObj: newFile,
+                  originalFileObj: newFile,
+                  parsedData: cleanedEntities
+                }));
+                tmpFile.name = newFile.name;
+                const tmpFileList = [...fileList];
+                tmpFileList[index2] = tmpFile;
+                handleSecondHalfOfUpload({
+                  acceptedFiles: tmpFileList,
+                  cleanedFileList: tmpFileList
+                });
+                window.toastr.success(`File Updated`);
+              }
+            }
+            if (onPreviewClick) {
+              onPreviewClick(file, index2, fileList);
+            }
+          })
+        }
+      ), /* @__PURE__ */ React$1.createElement(
+        "a",
+        __spreadValues(__spreadProps(__spreadValues({
+          name: name || originalName
+        }, url && !onFileClick ? { download: true, href: url } : {}), {
+          onClick: () => {
+            if (onFileClick) {
+              onFileClick(file);
+            } else {
+              if (file.originFileObj) {
+                downloadjs(file.originFileObj, file.name);
+              }
+            }
+          }
+        }), downloadName ? { download: downloadName } : {}),
+        " ",
+        name || originalName,
+        " "
+      )),
+      !loading && /* @__PURE__ */ React$1.createElement(
+        core.Icon,
+        {
+          onClick: () => {
+            onRemove(file, index2, fileList);
+            onChange(
+              fileList.filter((file2, index22) => {
+                return index22 !== index2;
+              })
+            );
+          },
+          iconSize: 16,
+          icon: "cross",
+          className: "tg-upload-file-list-item-close clickableIcon"
+        }
+      )
+    )
+  );
+}, "ShowFile");
+const ShowAdvanceAccept = /* @__PURE__ */ __name(({ acc, index: index2 }) => {
+  const disabled = !(acc.description || acc.exampleFile || acc.exampleFiles);
+  const PopOrTooltip = acc.exampleFiles ? core.Popover : core.Tooltip;
+  const hasDownload = acc.exampleFile || acc.exampleFiles;
+  const CustomTag = !hasDownload ? "span" : "a";
+  return /* @__PURE__ */ React$1.createElement(
+    PopOrTooltip,
+    {
+      key: index2,
+      interactionKind: "hover",
+      disabled,
+      modifiers: popoverOverflowModifiers,
+      content: acc.exampleFiles ? /* @__PURE__ */ React$1.createElement(core.Menu, null, acc.exampleFiles.map(
+        ({ description, subtext, exampleFile, icon }, i) => /* @__PURE__ */ React$1.createElement(
+          core.MenuItem,
+          __spreadProps(__spreadValues({
+            icon: icon || "download",
+            intent: "primary",
+            text: subtext ? /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("div", null, description), /* @__PURE__ */ React$1.createElement(
+              "div",
+              {
+                style: {
+                  fontSize: 11,
+                  fontStyle: "italic",
+                  color: core.Colors.GRAY3
+                }
+              },
+              subtext
+            ), " ") : description
+          }, getFileDownloadAttr(exampleFile)), {
+            key: i
+          })
+        )
+      )) : /* @__PURE__ */ React$1.createElement(
+        "div",
+        {
+          style: {
+            maxWidth: 400,
+            wordBreak: "break-word"
+          }
+        },
+        acc.description ? /* @__PURE__ */ React$1.createElement(
+          "div",
+          {
+            style: {
+              marginBottom: 4,
+              fontStyle: "italic"
+            }
+          },
+          acc.description
+        ) : "",
+        acc.exampleFile && (acc.isTemplate ? "Download Example Template" : "Download Example File")
+      )
+    },
+    /* @__PURE__ */ React$1.createElement(
+      CustomTag,
+      __spreadValues({
+        className: "tgFileTypeDescriptor",
+        style: { marginRight: 10, cursor: "pointer" }
+      }, getFileDownloadAttr(acc.exampleFile)),
+      (acc.type ? isArray$j(acc.type) ? acc.type : [acc.type] : [acc]).map((t2) => {
+        if (!t2.startsWith) {
+          console.error(`Missing type here:`, acc);
+          throw new Error(
+            `Missing "type" here: ${JSON.stringify(acc, null, 4)}`
+          );
+        }
+        return t2.startsWith(".") ? t2 : "." + t2;
+      }).join(", "),
+      hasDownload && /* @__PURE__ */ React$1.createElement(
+        core.Icon,
+        {
+          style: {
+            marginTop: 3,
+            marginLeft: 3
+          },
+          size: 10,
+          icon: "download"
+        }
+      )
+    )
+  );
+}, "ShowAdvanceAccept");
 const Uploader = /* @__PURE__ */ __name(({
   accept: __accept,
   action: action2,
@@ -67571,164 +67829,421 @@ const Uploader = /* @__PURE__ */ __name(({
   if (contentOverride && typeof contentOverride === "function") {
     contentOverride = contentOverride({ loading });
   }
-  let simpleAccept;
-  let handleManuallyEnterData;
-  let advancedAccept;
-  if (Array.isArray(accept)) {
-    if (accept.some((acc) => isPlainObject$4(acc))) {
-      advancedAccept = accept;
-      simpleAccept = flatMap(accept, (acc) => {
-        if (acc.validateAgainstSchema) {
-          if (!acc.type) {
-            acc.type = [".csv", ".xlsx"];
-          }
-          handleManuallyEnterData = /* @__PURE__ */ __name((e2) => __async(exports, null, function* () {
-            e2.stopPropagation();
-            const { newEntities, fileName } = yield showSimpleInsertDataDialog(
-              "onSimpleInsertDialogFinish",
-              {
-                validateAgainstSchema
-              }
-            );
-            if (!newEntities)
-              return;
-            const newFileName = getNewName(fileListToUse, fileName);
-            const { newFile, cleanedEntities } = getNewCsvFile(
-              newEntities,
-              newFileName
-            );
-            const file = __spreadProps(__spreadValues({}, newFile), {
-              parsedData: cleanedEntities,
-              meta: {
-                fields: validateAgainstSchema.fields.map(({ path: path2 }) => path2)
-              },
-              name: newFileName,
-              originFileObj: newFile,
-              originalFileObj: newFile,
-              id: nanoid(),
-              hasEditClick: true
-            });
-            const cleanedFileList = [file, ...fileListToUse].slice(
-              0,
-              fileLimit ? fileLimit : void 0
-            );
-            handleSecondHalfOfUpload({
-              acceptedFiles: cleanedFileList,
-              cleanedFileList
-            });
-            window.toastr.success(`File Added`);
-          }), "handleManuallyEnterData");
-          const nameToUse = startCase(
-            removeExt(
-              validateAgainstSchema.fileName || validateAgainstSchema.name
-            )
-          ) || "Example";
-          const handleDownloadXlsxFile = /* @__PURE__ */ __name(() => __async(exports, null, function* () {
-            var _a2;
-            const dataDictionarySchema = [
-              { value: (f2) => f2.displayName || f2.path, column: `Column Name` },
-              // {
-              //   value: f => f.isUnique ? "Unique" : "",
-              //   column: `Unique?`
-              // },
-              {
-                value: (f2) => f2.isRequired ? "Required" : "Optional",
-                column: `Required?`
-              },
+  const fileListToUse = React$1.useMemo(() => fileList ? fileList : [], [fileList]);
+  const { simpleAccept, handleManuallyEnterData, advancedAccept } = React$1.useMemo(() => {
+    let _simpleAccept;
+    let _handleManuallyEnterData;
+    let _advancedAccept;
+    if (Array.isArray(accept)) {
+      if (accept.some((acc) => isPlainObject$4(acc))) {
+        _advancedAccept = accept;
+        _simpleAccept = flatMap(accept, (acc) => {
+          if (acc.validateAgainstSchema) {
+            if (!acc.type) {
+              acc.type = [".csv", ".xlsx"];
+            }
+            _handleManuallyEnterData = /* @__PURE__ */ __name((e2) => __async(exports, null, function* () {
+              e2.stopPropagation();
+              const { newEntities, fileName } = yield showSimpleInsertDataDialog(
+                "onSimpleInsertDialogFinish",
+                {
+                  validateAgainstSchema
+                }
+              );
+              if (!newEntities)
+                return;
+              const newFileName = getNewName(fileListToUse, fileName);
+              const { newFile, cleanedEntities } = getNewCsvFile(
+                newEntities,
+                newFileName
+              );
+              const file = __spreadProps(__spreadValues({}, newFile), {
+                parsedData: cleanedEntities,
+                meta: {
+                  fields: validateAgainstSchema.fields.map(({ path: path2 }) => path2)
+                },
+                name: newFileName,
+                originFileObj: newFile,
+                originalFileObj: newFile,
+                id: nanoid(),
+                hasEditClick: true
+              });
+              const cleanedFileList = [file, ...fileListToUse].slice(
+                0,
+                fileLimit ? fileLimit : void 0
+              );
+              handleSecondHalfOfUpload({
+                acceptedFiles: cleanedFileList,
+                cleanedFileList
+              });
+              window.toastr.success(`File Added`);
+            }), "_handleManuallyEnterData");
+            const nameToUse = startCase(
+              removeExt(
+                validateAgainstSchema.fileName || validateAgainstSchema.name
+              )
+            ) || "Example";
+            const handleDownloadXlsxFile = /* @__PURE__ */ __name(() => __async(exports, null, function* () {
+              var _a2;
+              const dataDictionarySchema = [
+                {
+                  value: (f2) => f2.displayName || f2.path,
+                  column: `Column Name`
+                },
+                // {
+                //   value: f => f.isUnique ? "Unique" : "",
+                //   column: `Unique?`
+                // },
+                {
+                  value: (f2) => f2.isRequired ? "Required" : "Optional",
+                  column: `Required?`
+                },
+                {
+                  value: (f2) => f2.type === "dropdown" ? "text" : f2.type || "text",
+                  column: `Data Type`
+                },
+                {
+                  value: (f2) => f2.description,
+                  column: `Notes`
+                },
+                {
+                  value: (f2) => f2.example || f2.defaultValue || "",
+                  column: `Example Data`
+                }
+              ];
+              const mainExampleData = {};
+              const fieldsToUse = [
+                ...validateAgainstSchema.fields,
+                ...(_a2 = validateAgainstSchema.exampleDownloadFields) != null ? _a2 : []
+              ];
+              const mainSchema = fieldsToUse.map((f2) => {
+                mainExampleData[f2.displayName || f2.path] = f2.example || f2.defaultValue;
+                return {
+                  column: f2.displayName || f2.path,
+                  value: (v2) => {
+                    return v2[f2.displayName || f2.path];
+                  }
+                };
+              });
+              const blobFile = yield writeXlsxFile(
+                [[mainExampleData], fieldsToUse, helperText],
+                {
+                  headerStyle: {
+                    fontWeight: "bold"
+                  },
+                  schema: [mainSchema, dataDictionarySchema, helperSchema],
+                  sheets: [nameToUse, "Column Info", "Upload Instructions"],
+                  filePath: "file.xlsx"
+                }
+              );
+              downloadjs(blobFile, `${nameToUse}.xlsx`, "xlsx");
+            }), "handleDownloadXlsxFile");
+            acc.exampleFiles = [
+              // ...(a.exampleFile ? [a.exampleFile] : []),
               {
-                value: (f2) => f2.type === "dropdown" ? "text" : f2.type || "text",
-                column: `Data Type`
+                description: "Download Example CSV File",
+                exampleFile: () => {
+                  var _a2, _b2;
+                  const rows = [];
+                  const schemaToUse = [
+                    ...acc.validateAgainstSchema.fields,
+                    ...(_a2 = acc.validateAgainstSchema.exampleDownloadFields) != null ? _a2 : []
+                  ];
+                  rows.push(
+                    schemaToUse.map((f2) => {
+                      return `${f2.displayName || f2.path}`;
+                    })
+                  );
+                  rows.push(
+                    schemaToUse.map((f2) => {
+                      return `${f2.example || f2.defaultValue || ""}`;
+                    })
+                  );
+                  const csv = papaparse_minExports.unparse(rows);
+                  const downloadFn = ((_b2 = window.Cypress) == null ? void 0 : _b2.downloadTest) || downloadjs;
+                  downloadFn(csv, `${nameToUse}.csv`, "csv");
+                }
               },
               {
-                value: (f2) => f2.description,
-                column: `Notes`
+                description: "Download Example XLSX File",
+                subtext: "Includes Upload Instructions and Column Info",
+                exampleFile: handleDownloadXlsxFile
               },
-              {
-                value: (f2) => f2.example || f2.defaultValue || "",
-                column: `Example Data`
-              }
-            ];
-            const mainExampleData = {};
-            const fieldsToUse = [
-              ...validateAgainstSchema.fields,
-              ...(_a2 = validateAgainstSchema.exampleDownloadFields) != null ? _a2 : []
-            ];
-            const mainSchema = fieldsToUse.map((f2) => {
-              mainExampleData[f2.displayName || f2.path] = f2.example || f2.defaultValue;
-              return {
-                column: f2.displayName || f2.path,
-                value: (v2) => {
-                  return v2[f2.displayName || f2.path];
+              ...noBuildCsvOption ? [] : [
+                {
+                  description: manualEnterMessage,
+                  subtext: manualEnterSubMessage,
+                  icon: "manually-entered-data",
+                  exampleFile: _handleManuallyEnterData
                 }
+              ]
+            ];
+            delete acc.exampleFile;
+          }
+          if (acc.type)
+            return acc.type;
+          return acc;
+        });
+        _simpleAccept = _simpleAccept.join(", ");
+      } else {
+        _simpleAccept = accept.join(", ");
+      }
+    } else {
+      _simpleAccept = accept;
+    }
+    return {
+      simpleAccept: _simpleAccept,
+      handleManuallyEnterData: _handleManuallyEnterData,
+      advancedAccept: _advancedAccept
+    };
+  }, [
+    accept,
+    fileLimit,
+    fileListToUse,
+    handleSecondHalfOfUpload,
+    noBuildCsvOption,
+    showSimpleInsertDataDialog,
+    validateAgainstSchema
+  ]);
+  const onDrop = React$1.useCallback(
+    (_acceptedFiles, rejectedFiles) => __async(exports, null, function* () {
+      var _a2, _b2;
+      let acceptedFiles = [];
+      for (const file of _acceptedFiles) {
+        if ((validateAgainstSchema || autoUnzip) && isZipFile(file)) {
+          const files = yield filterFilesInZip(
+            file,
+            ((_a2 = simpleAccept == null ? void 0 : simpleAccept.split(", ")) == null ? void 0 : _a2.map((acc) => acc.startsWith(".") ? acc : "." + acc)) || []
+          );
+          acceptedFiles.push(...files.map((f2) => f2.originFileObj));
+        } else {
+          acceptedFiles.push(file);
+        }
+      }
+      cleanupFiles();
+      if (rejectedFiles.length) {
+        let msg = "";
+        rejectedFiles.forEach((file) => {
+          if (msg)
+            msg += "\n";
+          msg += `${file.file.name}: ` + file.errors.map((err) => err.message).join(", ");
+        });
+        window.toastr && window.toastr.warning(/* @__PURE__ */ React$1.createElement("div", { className: "preserve-newline" }, msg));
+      }
+      if (!acceptedFiles.length)
+        return;
+      setLoading(true);
+      acceptedFiles = trimFiles(acceptedFiles, fileLimit);
+      acceptedFiles.forEach((file) => {
+        file.preview = URL.createObjectURL(file);
+        file.loading = true;
+        if (!file.id) {
+          file.id = nanoid();
+        }
+        filesToClean.current.push(file);
+      });
+      if (readBeforeUpload) {
+        acceptedFiles = yield Promise.all(
+          acceptedFiles.map((file) => {
+            return new Promise((resolve, reject) => {
+              const reader = new FileReader();
+              reader.readAsText(file, "UTF-8");
+              reader.onload = (evt) => {
+                file.parsedString = evt.target.result;
+                resolve(file);
+              };
+              reader.onerror = (err) => {
+                console.error("err:", err);
+                reject(err);
               };
             });
-            const blobFile = yield writeXlsxFile(
-              [[mainExampleData], fieldsToUse, helperText],
-              {
-                headerStyle: {
-                  fontWeight: "bold"
-                },
-                schema: [mainSchema, dataDictionarySchema, helperSchema],
-                sheets: [nameToUse, "Column Info", "Upload Instructions"],
-                filePath: "file.xlsx"
-              }
-            );
-            downloadjs(blobFile, `${nameToUse}.xlsx`, "xlsx");
-          }), "handleDownloadXlsxFile");
-          acc.exampleFiles = [
-            // ...(a.exampleFile ? [a.exampleFile] : []),
-            {
-              description: "Download Example CSV File",
-              exampleFile: () => {
-                var _a2, _b2;
-                const rows = [];
-                const schemaToUse = [
-                  ...acc.validateAgainstSchema.fields,
-                  ...(_a2 = acc.validateAgainstSchema.exampleDownloadFields) != null ? _a2 : []
-                ];
-                rows.push(
-                  schemaToUse.map((f2) => {
-                    return `${f2.displayName || f2.path}`;
-                  })
-                );
-                rows.push(
-                  schemaToUse.map((f2) => {
-                    return `${f2.example || f2.defaultValue || ""}`;
-                  })
+          })
+        );
+      }
+      const cleanedAccepted = acceptedFiles.map((file) => {
+        return __spreadValues({
+          originFileObj: file,
+          originalFileObj: file,
+          id: file.id,
+          lastModified: file.lastModified,
+          lastModifiedDate: file.lastModifiedDate,
+          loading: file.loading,
+          name: file.name,
+          preview: file.preview,
+          size: file.size,
+          type: file.type
+        }, file.parsedString ? { parsedString: file.parsedString } : {});
+      });
+      const toKeep = [];
+      if (validateAgainstSchema) {
+        const filesWIssues = [];
+        const filesWOIssues = [];
+        for (const [i, file] of cleanedAccepted.entries()) {
+          if (isCsvOrExcelFile(file)) {
+            let parsedF;
+            try {
+              parsedF = yield parseCsvOrExcelFile(file, {
+                csvParserOptions: isFunction$5(
+                  validateAgainstSchema.csvParserOptions
+                ) ? validateAgainstSchema.csvParserOptions({
+                  validateAgainstSchema
+                }) : validateAgainstSchema.csvParserOptions
+              });
+            } catch (error) {
+              console.error("error:", error);
+              window.toastr && window.toastr.error(
+                `There was an error parsing your file. Please try again. ${error.message || error}`
+              );
+              return;
+            }
+            const {
+              csvValidationIssue: _csvValidationIssue,
+              matchedHeaders,
+              userSchema,
+              searchResults,
+              ignoredHeadersMsg
+            } = yield tryToMatchSchemas({
+              incomingData: parsedF.data,
+              validateAgainstSchema
+            });
+            if (((_b2 = userSchema == null ? void 0 : userSchema.userData) == null ? void 0 : _b2.length) === 0) {
+              console.error(
+                `userSchema, parsedF.data:`,
+                userSchema,
+                parsedF.data
+              );
+            } else {
+              toKeep.push(file);
+              let csvValidationIssue = _csvValidationIssue;
+              if (csvValidationIssue) {
+                if (isObject$9(csvValidationIssue)) {
+                  dispatch(
+                    reduxForm.initialize(
+                      `editableCellTable${cleanedAccepted.length > 1 ? `-${i}` : ""}`,
+                      {
+                        reduxFormCellValidation: csvValidationIssue
+                      },
+                      {
+                        keepDirty: true,
+                        keepValues: true,
+                        updateUnregisteredFields: true
+                      }
+                    )
+                  );
+                  const err = Object.values(csvValidationIssue)[0];
+                  const errMsg = err && err.message ? err.message : err;
+                  if (isPlainObject$4(errMsg)) {
+                    throw new Error(
+                      `errMsg is an object ${JSON.stringify(errMsg, null, 4)}`
+                    );
+                  }
+                  csvValidationIssue = /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("div", null, "It looks like there was an error with your data (Correct on the Review Data page):"), /* @__PURE__ */ React$1.createElement("div", { style: { color: "red" } }, errMsg), /* @__PURE__ */ React$1.createElement("div", null, "Please review your headers and then correct any errors on the next page."));
+                }
+                filesWIssues.push({
+                  file,
+                  csvValidationIssue,
+                  ignoredHeadersMsg,
+                  matchedHeaders,
+                  userSchema,
+                  searchResults
+                });
+              } else {
+                filesWOIssues.push({
+                  file,
+                  csvValidationIssue,
+                  ignoredHeadersMsg,
+                  matchedHeaders,
+                  userSchema,
+                  searchResults
+                });
+                const newFileName = removeExt(file.name) + `.csv`;
+                const { newFile, cleanedEntities } = getNewCsvFile(
+                  userSchema.userData,
+                  newFileName
                 );
-                const csv = papaparse_minExports.unparse(rows);
-                const downloadFn = ((_b2 = window.Cypress) == null ? void 0 : _b2.downloadTest) || downloadjs;
-                downloadFn(csv, `${nameToUse}.csv`, "csv");
+                file.meta = parsedF.meta;
+                file.hasEditClick = true;
+                file.parsedData = cleanedEntities;
+                file.name = newFileName;
+                file.originFileObj = newFile;
+                file.originalFileObj = newFile;
               }
-            },
+            }
+          } else {
+            toKeep.push(file);
+          }
+        }
+        if (filesWIssues.length) {
+          const { file } = filesWIssues[0];
+          const allFiles = [...filesWIssues, ...filesWOIssues];
+          const doAllFilesHaveSameHeaders = allFiles.every((f2) => {
+            if (f2.userSchema.fields && f2.userSchema.fields.length) {
+              return f2.userSchema.fields.every((h2, i) => {
+                return h2.path === allFiles[0].userSchema.fields[i].path;
+              });
+            }
+            return false;
+          });
+          const multipleFiles = allFiles.length > 1;
+          const { res } = yield showUploadCsvWizardDialog(
+            "onUploadWizardFinish",
             {
-              description: "Download Example XLSX File",
-              subtext: "Includes Upload Instructions and Column Info",
-              exampleFile: handleDownloadXlsxFile
-            },
-            ...noBuildCsvOption ? [] : [
-              {
-                description: manualEnterMessage,
-                subtext: manualEnterSubMessage,
-                icon: "manually-entered-data",
-                exampleFile: handleManuallyEnterData
-              }
-            ]
-          ];
-          delete acc.exampleFile;
+              dialogProps: {
+                title: `Fix Up File${multipleFiles ? "s" : ""} ${multipleFiles ? "" : file.name ? `"${file.name}"` : ""}`
+              },
+              doAllFilesHaveSameHeaders,
+              filesWIssues: allFiles,
+              validateAgainstSchema
+            }
+          );
+          if (!res) {
+            window.toastr.warning(`File Upload Aborted`);
+            return;
+          } else {
+            allFiles.forEach(({ file: file2 }, i) => {
+              const newEntities = res[i];
+              const { newFile, cleanedEntities } = getNewCsvFile(
+                newEntities,
+                file2.name
+              );
+              file2.hasEditClick = true;
+              file2.parsedData = cleanedEntities;
+              file2.originFileObj = newFile;
+              file2.originalFileObj = newFile;
+            });
+            setTimeout(() => {
+              window.toastr.success(
+                `Added Fixed Up File${allFiles.length > 1 ? "s" : ""} ${allFiles.map(({ file: file2 }) => file2.name).join(", ")}`
+              );
+            }, 200);
+          }
         }
-        if (acc.type)
-          return acc.type;
-        return acc;
-      });
-      simpleAccept = simpleAccept.join(", ");
-    } else {
-      simpleAccept = accept.join(", ");
-    }
-  } else {
-    simpleAccept = accept;
-  }
-  const fileListToUse = fileList ? fileList : [];
+      } else {
+        toKeep.push(...cleanedAccepted);
+      }
+      if (toKeep.length === 0) {
+        window.toastr && window.toastr.error(
+          `It looks like there wasn't any data in your file. Please add some data and try again`
+        );
+      }
+      const cleanedFileList = trimFiles(
+        [...toKeep, ...fileListToUse],
+        fileLimit
+      );
+      handleSecondHalfOfUpload({ acceptedFiles, cleanedFileList });
+    }),
+    [
+      autoUnzip,
+      dispatch,
+      fileLimit,
+      fileListToUse,
+      handleSecondHalfOfUpload,
+      readBeforeUpload,
+      showUploadCsvWizardDialog,
+      simpleAccept,
+      validateAgainstSchema
+    ]
+  );
   return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, callout && /* @__PURE__ */ React$1.createElement(core.Callout, { style: { marginBottom: 5 }, intent: "primary" }, callout), /* @__PURE__ */ React$1.createElement(
     "div",
     {
@@ -67753,93 +68268,7 @@ const Uploader = /* @__PURE__ */ __name(({
           className: core.Classes.TEXT_MUTED,
           style: { fontSize: 11, marginBottom: 5 }
         },
-        advancedAccept && !acceptLoading ? /* @__PURE__ */ React$1.createElement("div", null, "Accepts  ", /* @__PURE__ */ React$1.createElement("span", null, advancedAccept.map((acc, i) => {
-          const disabled2 = !(acc.description || acc.exampleFile || acc.exampleFiles);
-          const PopOrTooltip = acc.exampleFiles ? core.Popover : core.Tooltip;
-          const hasDownload = acc.exampleFile || acc.exampleFiles;
-          const CustomTag = !hasDownload ? "span" : "a";
-          return /* @__PURE__ */ React$1.createElement(
-            PopOrTooltip,
-            {
-              key: i,
-              interactionKind: "hover",
-              disabled: disabled2,
-              modifiers: popoverOverflowModifiers,
-              content: acc.exampleFiles ? /* @__PURE__ */ React$1.createElement(core.Menu, null, acc.exampleFiles.map(
-                ({ description, subtext, exampleFile, icon }, i2) => /* @__PURE__ */ React$1.createElement(
-                  core.MenuItem,
-                  __spreadProps(__spreadValues({
-                    icon: icon || "download",
-                    intent: "primary",
-                    text: subtext ? /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("div", null, description), /* @__PURE__ */ React$1.createElement(
-                      "div",
-                      {
-                        style: {
-                          fontSize: 11,
-                          fontStyle: "italic",
-                          color: core.Colors.GRAY3
-                        }
-                      },
-                      subtext
-                    ), " ") : description
-                  }, getFileDownloadAttr(exampleFile)), {
-                    key: i2
-                  })
-                )
-              )) : /* @__PURE__ */ React$1.createElement(
-                "div",
-                {
-                  style: {
-                    maxWidth: 400,
-                    wordBreak: "break-word"
-                  }
-                },
-                acc.description ? /* @__PURE__ */ React$1.createElement(
-                  "div",
-                  {
-                    style: {
-                      marginBottom: 4,
-                      fontStyle: "italic"
-                    }
-                  },
-                  acc.description
-                ) : "",
-                acc.exampleFile && (acc.isTemplate ? "Download Example Template" : "Download Example File")
-              )
-            },
-            /* @__PURE__ */ React$1.createElement(
-              CustomTag,
-              __spreadValues({
-                className: "tgFileTypeDescriptor",
-                style: { marginRight: 10, cursor: "pointer" }
-              }, getFileDownloadAttr(acc.exampleFile)),
-              (acc.type ? isArray$j(acc.type) ? acc.type : [acc.type] : [acc]).map((t2) => {
-                if (!t2.startsWith) {
-                  console.error(`Missing type here:`, acc);
-                  throw new Error(
-                    `Missing "type" here: ${JSON.stringify(
-                      acc,
-                      null,
-                      4
-                    )}`
-                  );
-                }
-                return t2.startsWith(".") ? t2 : "." + t2;
-              }).join(", "),
-              hasDownload && /* @__PURE__ */ React$1.createElement(
-                core.Icon,
-                {
-                  style: {
-                    marginTop: 3,
-                    marginLeft: 3
-                  },
-                  size: 10,
-                  icon: "download"
-                }
-              )
-            )
-          );
-        }))) : acceptLoading ? (
+        advancedAccept && !acceptLoading ? /* @__PURE__ */ React$1.createElement("div", null, "Accepts  ", /* @__PURE__ */ React$1.createElement("span", null, advancedAccept.map((acc, index2) => /* @__PURE__ */ React$1.createElement(ShowAdvanceAccept, { acc, index: index2 })))) : acceptLoading ? (
           // make the dots below "load"
           /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, "Accept Loading", /* @__PURE__ */ React$1.createElement(LoadingDots, null))
         ) : /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, "Accepts ", simpleAccept)
@@ -67851,238 +68280,7 @@ const Uploader = /* @__PURE__ */ __name(({
           onClick: (evt) => evt.preventDefault(),
           multiple: fileLimit !== 1,
           accept: simpleAccept ? simpleAccept.split(", ").map((acc) => acc.startsWith(".") ? acc : "." + acc).join(", ") : void 0,
-          onDrop: (_acceptedFiles, rejectedFiles) => __async(exports, null, function* () {
-            var _a2, _b2;
-            let acceptedFiles = [];
-            for (const file of _acceptedFiles) {
-              if ((validateAgainstSchema || autoUnzip) && isZipFile(file)) {
-                const files = yield filterFilesInZip(
-                  file,
-                  ((_a2 = simpleAccept == null ? void 0 : simpleAccept.split(", ")) == null ? void 0 : _a2.map((acc) => acc.startsWith(".") ? acc : "." + acc)) || []
-                );
-                acceptedFiles.push(...files.map((f2) => f2.originFileObj));
-              } else {
-                acceptedFiles.push(file);
-              }
-            }
-            cleanupFiles();
-            if (rejectedFiles.length) {
-              let msg = "";
-              rejectedFiles.forEach((file) => {
-                if (msg)
-                  msg += "\n";
-                msg += `${file.file.name}: ` + file.errors.map((err) => err.message).join(", ");
-              });
-              window.toastr && window.toastr.warning(
-                /* @__PURE__ */ React$1.createElement("div", { className: "preserve-newline" }, msg)
-              );
-            }
-            if (!acceptedFiles.length)
-              return;
-            setLoading(true);
-            acceptedFiles = trimFiles(acceptedFiles, fileLimit);
-            acceptedFiles.forEach((file) => {
-              file.preview = URL.createObjectURL(file);
-              file.loading = true;
-              if (!file.id) {
-                file.id = nanoid();
-              }
-              filesToClean.current.push(file);
-            });
-            if (readBeforeUpload) {
-              acceptedFiles = yield Promise.all(
-                acceptedFiles.map((file) => {
-                  return new Promise((resolve, reject) => {
-                    const reader = new FileReader();
-                    reader.readAsText(file, "UTF-8");
-                    reader.onload = (evt) => {
-                      file.parsedString = evt.target.result;
-                      resolve(file);
-                    };
-                    reader.onerror = (err) => {
-                      console.error("err:", err);
-                      reject(err);
-                    };
-                  });
-                })
-              );
-            }
-            const cleanedAccepted = acceptedFiles.map((file) => {
-              return __spreadValues({
-                originFileObj: file,
-                originalFileObj: file,
-                id: file.id,
-                lastModified: file.lastModified,
-                lastModifiedDate: file.lastModifiedDate,
-                loading: file.loading,
-                name: file.name,
-                preview: file.preview,
-                size: file.size,
-                type: file.type
-              }, file.parsedString ? { parsedString: file.parsedString } : {});
-            });
-            const toKeep = [];
-            if (validateAgainstSchema) {
-              const filesWIssues = [];
-              const filesWOIssues = [];
-              for (const [i, file] of cleanedAccepted.entries()) {
-                if (isCsvOrExcelFile(file)) {
-                  let parsedF;
-                  try {
-                    parsedF = yield parseCsvOrExcelFile(file, {
-                      csvParserOptions: isFunction$5(
-                        validateAgainstSchema.csvParserOptions
-                      ) ? validateAgainstSchema.csvParserOptions({
-                        validateAgainstSchema
-                      }) : validateAgainstSchema.csvParserOptions
-                    });
-                  } catch (error) {
-                    console.error("error:", error);
-                    window.toastr && window.toastr.error(
-                      `There was an error parsing your file. Please try again. ${error.message || error}`
-                    );
-                    return;
-                  }
-                  const {
-                    csvValidationIssue: _csvValidationIssue,
-                    matchedHeaders,
-                    userSchema,
-                    searchResults,
-                    ignoredHeadersMsg
-                  } = yield tryToMatchSchemas({
-                    incomingData: parsedF.data,
-                    validateAgainstSchema
-                  });
-                  if (((_b2 = userSchema == null ? void 0 : userSchema.userData) == null ? void 0 : _b2.length) === 0) {
-                    console.error(
-                      `userSchema, parsedF.data:`,
-                      userSchema,
-                      parsedF.data
-                    );
-                  } else {
-                    toKeep.push(file);
-                    let csvValidationIssue = _csvValidationIssue;
-                    if (csvValidationIssue) {
-                      if (isObject$9(csvValidationIssue)) {
-                        dispatch(
-                          reduxForm.initialize(
-                            `editableCellTable${cleanedAccepted.length > 1 ? `-${i}` : ""}`,
-                            {
-                              reduxFormCellValidation: csvValidationIssue
-                            },
-                            {
-                              keepDirty: true,
-                              keepValues: true,
-                              updateUnregisteredFields: true
-                            }
-                          )
-                        );
-                        const err = Object.values(csvValidationIssue)[0];
-                        const errMsg = err && err.message ? err.message : err;
-                        if (isPlainObject$4(errMsg)) {
-                          throw new Error(
-                            `errMsg is an object ${JSON.stringify(
-                              errMsg,
-                              null,
-                              4
-                            )}`
-                          );
-                        }
-                        csvValidationIssue = /* @__PURE__ */ React$1.createElement("div", null, /* @__PURE__ */ React$1.createElement("div", null, "It looks like there was an error with your data (Correct on the Review Data page):"), /* @__PURE__ */ React$1.createElement("div", { style: { color: "red" } }, errMsg), /* @__PURE__ */ React$1.createElement("div", null, "Please review your headers and then correct any errors on the next page."));
-                      }
-                      filesWIssues.push({
-                        file,
-                        csvValidationIssue,
-                        ignoredHeadersMsg,
-                        matchedHeaders,
-                        userSchema,
-                        searchResults
-                      });
-                    } else {
-                      filesWOIssues.push({
-                        file,
-                        csvValidationIssue,
-                        ignoredHeadersMsg,
-                        matchedHeaders,
-                        userSchema,
-                        searchResults
-                      });
-                      const newFileName = removeExt(file.name) + `.csv`;
-                      const { newFile, cleanedEntities } = getNewCsvFile(
-                        userSchema.userData,
-                        newFileName
-                      );
-                      file.meta = parsedF.meta;
-                      file.hasEditClick = true;
-                      file.parsedData = cleanedEntities;
-                      file.name = newFileName;
-                      file.originFileObj = newFile;
-                      file.originalFileObj = newFile;
-                    }
-                  }
-                } else {
-                  toKeep.push(file);
-                }
-              }
-              if (filesWIssues.length) {
-                const { file } = filesWIssues[0];
-                const allFiles = [...filesWIssues, ...filesWOIssues];
-                const doAllFilesHaveSameHeaders = allFiles.every((f2) => {
-                  if (f2.userSchema.fields && f2.userSchema.fields.length) {
-                    return f2.userSchema.fields.every((h2, i) => {
-                      return h2.path === allFiles[0].userSchema.fields[i].path;
-                    });
-                  }
-                  return false;
-                });
-                const multipleFiles = allFiles.length > 1;
-                const { res } = yield showUploadCsvWizardDialog(
-                  "onUploadWizardFinish",
-                  {
-                    dialogProps: {
-                      title: `Fix Up File${multipleFiles ? "s" : ""} ${multipleFiles ? "" : file.name ? `"${file.name}"` : ""}`
-                    },
-                    doAllFilesHaveSameHeaders,
-                    filesWIssues: allFiles,
-                    validateAgainstSchema
-                  }
-                );
-                if (!res) {
-                  window.toastr.warning(`File Upload Aborted`);
-                  return;
-                } else {
-                  allFiles.forEach(({ file: file2 }, i) => {
-                    const newEntities = res[i];
-                    const { newFile, cleanedEntities } = getNewCsvFile(
-                      newEntities,
-                      file2.name
-                    );
-                    file2.hasEditClick = true;
-                    file2.parsedData = cleanedEntities;
-                    file2.originFileObj = newFile;
-                    file2.originalFileObj = newFile;
-                  });
-                  setTimeout(() => {
-                    window.toastr.success(
-                      `Added Fixed Up File${allFiles.length > 1 ? "s" : ""} ${allFiles.map(({ file: file2 }) => file2.name).join(", ")}`
-                    );
-                  }, 200);
-                }
-              }
-            } else {
-              toKeep.push(...cleanedAccepted);
-            }
-            if (toKeep.length === 0) {
-              window.toastr && window.toastr.error(
-                `It looks like there wasn't any data in your file. Please add some data and try again`
-              );
-            }
-            const cleanedFileList = trimFiles(
-              [...toKeep, ...fileListToUse],
-              fileLimit
-            );
-            handleSecondHalfOfUpload({ acceptedFiles, cleanedFileList });
-          })
+          onDrop
         }, dropzoneProps),
         ({
           getRootProps,
@@ -68121,147 +68319,24 @@ const Uploader = /* @__PURE__ */ __name(({
             overflowList ? "tg-upload-file-list-item-overflow" : null
           )
         },
-        fileList.map((file, index2) => {
-          const {
-            loading: loading2,
-            error,
-            name: name2,
-            originalName,
-            url,
-            downloadName,
-            hasEditClick
-          } = file;
-          let icon;
-          if (loading2) {
-            icon = "repeat";
-          } else if (error) {
-            icon = "error";
-          } else {
-            if (onPreviewClick) {
-              icon = "eye-open";
-            } else if (hasEditClick) {
-              icon = "edit";
-            } else {
-              icon = "saved";
-            }
-          }
-          return /* @__PURE__ */ React$1.createElement(
-            "div",
+        fileList.map(
+          (file, index2) => file && /* @__PURE__ */ React$1.createElement(
+            ShowFile,
             {
               key: index2,
-              className: "tg-upload-file-list-item",
-              style: { display: "flex", width: "100%" }
-            },
-            /* @__PURE__ */ React$1.createElement(
-              "div",
-              {
-                style: {
-                  display: "flex",
-                  justifyContent: "space-between",
-                  width: "100%"
-                }
-              },
-              /* @__PURE__ */ React$1.createElement("span", { style: { display: "flex" } }, /* @__PURE__ */ React$1.createElement(
-                core.Icon,
-                {
-                  className: classNames({
-                    "tg-spin": loading2,
-                    "tg-upload-file-list-item-preview": onPreviewClick,
-                    "tg-upload-file-list-item-edit": hasEditClick,
-                    clickableIcon: onPreviewClick || hasEditClick
-                  }),
-                  "data-tip": hasEditClick ? "Edit" : onPreviewClick ? "Preview" : void 0,
-                  style: { marginRight: 5 },
-                  icon,
-                  onClick: () => __async(exports, null, function* () {
-                    if (hasEditClick) {
-                      const {
-                        // csvValidationIssue: _csvValidationIssue,
-                        matchedHeaders,
-                        userSchema,
-                        searchResults
-                      } = yield tryToMatchSchemas({
-                        incomingData: file.parsedData,
-                        validateAgainstSchema
-                      });
-                      const { newEntities, fileName } = yield showSimpleInsertDataDialog(
-                        "onSimpleInsertDialogFinish",
-                        {
-                          dialogProps: {
-                            title: "Edit Data"
-                          },
-                          initialValues: {
-                            fileName: removeExt(file.name)
-                          },
-                          validateAgainstSchema,
-                          isEditingExistingFile: true,
-                          searchResults,
-                          matchedHeaders,
-                          userSchema
-                        }
-                      );
-                      if (!newEntities) {
-                        return;
-                      } else {
-                        const { newFile, cleanedEntities } = getNewCsvFile(newEntities, fileName);
-                        const tmpFile = Object.assign({}, file, __spreadProps(__spreadValues({}, newFile), {
-                          originFileObj: newFile,
-                          originalFileObj: newFile,
-                          parsedData: cleanedEntities
-                        }));
-                        tmpFile.name = newFile.name;
-                        const tmpFileList = [...fileList];
-                        tmpFileList[index2] = tmpFile;
-                        handleSecondHalfOfUpload({
-                          acceptedFiles: tmpFileList,
-                          cleanedFileList: tmpFileList
-                        });
-                        window.toastr.success(`File Updated`);
-                      }
-                    }
-                    if (onPreviewClick) {
-                      onPreviewClick(file, index2, fileList);
-                    }
-                  })
-                }
-              ), /* @__PURE__ */ React$1.createElement(
-                "a",
-                __spreadValues(__spreadProps(__spreadValues({
-                  name: name2 || originalName
-                }, url && !onFileClick ? { download: true, href: url } : {}), {
-                  onClick: () => {
-                    if (onFileClick) {
-                      onFileClick(file);
-                    } else {
-                      if (file.originFileObj) {
-                        downloadjs(file.originFileObj, file.name);
-                      }
-                    }
-                  }
-                }), downloadName ? { download: downloadName } : {}),
-                " ",
-                name2 || originalName,
-                " "
-              )),
-              !loading2 && /* @__PURE__ */ React$1.createElement(
-                core.Icon,
-                {
-                  onClick: () => {
-                    onRemove(file, index2, fileList);
-                    onChange(
-                      fileList.filter((file2, index22) => {
-                        return index22 !== index2;
-                      })
-                    );
-                  },
-                  iconSize: 16,
-                  icon: "cross",
-                  className: "tg-upload-file-list-item-close clickableIcon"
-                }
-              )
-            )
-          );
-        })
+              file,
+              fileList,
+              handleSecondHalfOfUpload,
+              index: index2,
+              onChange,
+              onFileClick,
+              onPreviewClick,
+              onRemove,
+              showSimpleInsertDataDialog,
+              validateAgainstSchema
+            }
+          )
+        )
       )
     ),
     threeDotMenuItems && /* @__PURE__ */ React$1.createElement("div", { className: "tg-dropzone-extra-options" }, /* @__PURE__ */ React$1.createElement(
@@ -69336,7 +69411,7 @@ Object.defineProperty(DraggableCore$2, "__esModule", {
 });
 DraggableCore$2.default = void 0;
 var React = _interopRequireWildcard$1(React$1);
-var _propTypes = _interopRequireDefault$2(propTypesExports);
+var _propTypes = _interopRequireDefault$2(requirePropTypes());
 var _reactDom$1 = _interopRequireDefault$2(require$$2$1);
 var _domFns = domFns;
 var _positionFns = positionFns;
@@ -69928,7 +70003,7 @@ _defineProperty(DraggableCore$1, "defaultProps", {
   });
   exports2.default = void 0;
   var React2 = _interopRequireWildcard2(React$1);
-  var _propTypes2 = _interopRequireDefault2(propTypesExports);
+  var _propTypes2 = _interopRequireDefault2(requirePropTypes());
   var _reactDom2 = _interopRequireDefault2(require$$2$1);
   var _clsx2 = _interopRequireDefault2(require$$3);
   var _domFns2 = domFns;
@@ -73759,7 +73834,7 @@ var Transition$1 = {};
 const require$$2 = /* @__PURE__ */ getAugmentedNamespace(reactLifecyclesCompat_es);
 Transition$1.__esModule = true;
 Transition$1.default = Transition$1.EXITING = Transition$1.ENTERED = Transition$1.ENTERING = Transition$1.EXITED = Transition$1.UNMOUNTED = void 0;
-var PropTypes = _interopRequireWildcard(propTypesExports);
+var PropTypes = _interopRequireWildcard(requirePropTypes());
 var _react$1 = _interopRequireDefault$1(React$1);
 var _reactDom = _interopRequireDefault$1(require$$2$1);
 var _reactLifecyclesCompat = require$$2;
@@ -74077,7 +74152,7 @@ Transition$1.default = _default;
 (function(module2, exports2) {
   exports2.__esModule = true;
   exports2.default = void 0;
-  _interopRequireWildcard2(propTypesExports);
+  _interopRequireWildcard2(requirePropTypes());
   var _addClass = _interopRequireDefault2(addClassExports);
   var _removeClass = _interopRequireDefault2(removeClass);
   var _react3 = _interopRequireDefault2(React$1);
@@ -74360,7 +74435,7 @@ __name(getNextChildMapping, "getNextChildMapping");
 (function(module2, exports2) {
   exports2.__esModule = true;
   exports2.default = void 0;
-  var _propTypes2 = _interopRequireDefault2(propTypesExports);
+  var _propTypes2 = _interopRequireDefault2(requirePropTypes());
   var _react3 = _interopRequireDefault2(React$1);
   var _reactLifecyclesCompat2 = require$$2;
   var _ChildMapping = ChildMapping;
@@ -74514,7 +74589,7 @@ var TransitionGroupExports = TransitionGroup.exports;
 (function(module2, exports2) {
   exports2.__esModule = true;
   exports2.default = void 0;
-  _interopRequireDefault2(propTypesExports);
+  _interopRequireDefault2(requirePropTypes());
   var _react3 = _interopRequireDefault2(React$1);
   var _reactDom2 = require$$2$1;
   var _TransitionGroup2 = _interopRequireDefault2(TransitionGroupExports);