siam-ui-utils 3.1.0 → 3.1.2

package/dist/dropzone-uploader/styled/index.js

@@ -1,148 +1,148 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { getDroppedOrSelectedFiles } from "html5-file-selector";
-import { useState } from "react";
-import Button from "../../node_modules/@neolution-ch/reactstrap/esm/Button.js";
-import { Dropzone } from "../../dropzone/index.js";
-import "./index.css";
-import { IconButtonSvg as _t } from "../../iconos/icon-button-svg.js";
-import { pdfImage } from "../../iconos/constants-svg.js";
-const DropzoneUploaderStyled = ({
-  accept = "image/*, application/pdf",
-  classNames = "",
-  onChangeFiles,
-  totalFiles,
-  label = "Cargar Dni",
-  maxFiles = 2,
-  maxSize = 2,
-  onMaxFileSizeError = () => {
-    alert("El archivo supera el tamaño máximo");
-  }
-}) => {
-  const [files, setFiles] = useState([]);
-  const handleChangeStatus = ({ file }, status) => {
-    if (status === "done") {
-      const filesTemp = files;
-      filesTemp.push(file);
-      setFiles(filesTemp);
-      onChangeFiles(filesTemp);
-    } else if (status === "removed") {
-      const filesTemp = files;
-      const index = filesTemp.indexOf(file);
-      if (index > -1) {
-        filesTemp.splice(index, 1);
-      }
-      setFiles(filesTemp);
-      onChangeFiles(filesTemp);
-    }
-  };
-  const getFilesFromEvent = (e) => {
-    return new Promise((resolve) => {
-      getDroppedOrSelectedFiles(e).then((chosenFiles) => {
-        resolve(chosenFiles.map((f) => f.fileObject));
-      });
-    });
-  };
-  const CustomPreview = ({ fileWithMeta }) => {
-    const { meta, remove } = fileWithMeta;
-    if (meta.size / (1024 * 1024) > maxSize) {
-      onMaxFileSizeError();
-      remove();
-    }
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "dropzone-upload-previewContainer",
-        style: { width: "100%", display: "flex", alignItems: "center" },
-        children: [
-          meta.type === "application/pdf" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              _t,
-              {
-                className: "form-control flex",
-                svg: pdfImage,
-                svgOver: pdfImage,
-                height: "1.6rem",
-                width: "1.6rem",
-                title: meta.name
-              }
-            ),
-            /* @__PURE__ */ jsx("p", { style: { paddingRight: "1rem" }, children: meta.name.length > 17 ? meta.name.substring(0, 17) + "..." : meta.name })
-          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "img",
-              {
-                className: "dropzone-upload-previewImage mt-1",
-                src: meta.previewUrl,
-                alt: meta.name,
-                style: {
-                  width: "110px",
-                  height: "110px",
-                  objectFit: "cover",
-                  marginRight: "0.5rem"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "dropzone-upload-file-name-container", children: /* @__PURE__ */ jsx("p", { className: "dropzone-upload-file-name", title: meta.name, children: meta.name }) })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              style: { marginTop: "0rem" },
-              onClick: remove,
-              className: "dropzone-upload-delete-btn simple-icon-trash"
-            }
-          )
-        ]
-      }
-    );
-  };
-  const Input = ({ accept: accept2, onFiles, getFilesFromEvent: getFilesFromEvent2 }) => {
-    const text = totalFiles > 0 ? `${maxFiles - totalFiles} archivos más` : `${label}`;
-    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        outline: true,
-        block: true,
-        size: "xs",
-        className: "mt-5 ml-5",
-        onClick: () => document.getElementById("fileInput").click(),
-        children: [
-          text,
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              id: "fileInput",
-              style: { display: "none" },
-              type: "file",
-              accept: accept2,
-              multiple: true,
-              onChange: (e) => {
-                getFilesFromEvent2(e).then((chosenFiles) => {
-                  onFiles(chosenFiles);
-                });
-              }
-            }
-          )
-        ]
-      }
-    ) });
-  };
-  return /* @__PURE__ */ jsx("div", { className: classNames, children: /* @__PURE__ */ jsx(
-    Dropzone,
-    {
-      disableUpload: false,
-      maxFiles: totalFiles < maxFiles ? maxFiles : 0,
-      maxSize,
-      InputComponent: Input,
-      PreviewComponent: CustomPreview,
-      classNames: { dropzone: "dropzone-upload-frame" },
-      onChangeStatus: handleChangeStatus,
-      getFilesFromEvent,
-      accept
-    }
-  ) });
-};
-export {
-  DropzoneUploaderStyled
-};
-//# sourceMappingURL=index.js.map
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { getDroppedOrSelectedFiles } from "html5-file-selector";
+import { useState } from "react";
+import Button from "../../node_modules/@neolution-ch/reactstrap/esm/Button.js";
+import { Dropzone } from "../../dropzone/index.js";
+import "./index.css";
+import { IconButtonSvg as _t } from "../../iconos/icon-button-svg.js";
+import { pdfImage } from "../../iconos/constants-svg.js";
+const DropzoneUploaderStyled = ({
+  accept = "image/*, application/pdf",
+  classNames = "",
+  onChangeFiles,
+  totalFiles,
+  label = "Cargar Dni",
+  maxFiles = 2,
+  maxSize = 2,
+  onMaxFileSizeError = () => {
+    alert("El archivo supera el tamaño máximo");
+  }
+}) => {
+  const [files, setFiles] = useState([]);
+  const handleChangeStatus = ({ file }, status) => {
+    if (status === "done") {
+      const filesTemp = files;
+      filesTemp.push(file);
+      setFiles(filesTemp);
+      onChangeFiles(filesTemp);
+    } else if (status === "removed") {
+      const filesTemp = files;
+      const index = filesTemp.indexOf(file);
+      if (index > -1) {
+        filesTemp.splice(index, 1);
+      }
+      setFiles(filesTemp);
+      onChangeFiles(filesTemp);
+    }
+  };
+  const getFilesFromEvent = (e) => {
+    return new Promise((resolve) => {
+      getDroppedOrSelectedFiles(e).then((chosenFiles) => {
+        resolve(chosenFiles.map((f) => f.fileObject));
+      });
+    });
+  };
+  const CustomPreview = ({ fileWithMeta }) => {
+    const { meta, remove } = fileWithMeta;
+    if (meta.size / (1024 * 1024) > maxSize) {
+      onMaxFileSizeError();
+      remove();
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "dropzone-upload-previewContainer",
+        style: { width: "100%", display: "flex", alignItems: "center" },
+        children: [
+          meta.type === "application/pdf" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              _t,
+              {
+                className: "form-control flex",
+                svg: pdfImage,
+                svgOver: pdfImage,
+                height: "1.6rem",
+                width: "1.6rem",
+                title: meta.name
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { style: { paddingRight: "1rem" }, children: meta.name.length > 17 ? meta.name.substring(0, 17) + "..." : meta.name })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                className: "dropzone-upload-previewImage mt-1",
+                src: meta.previewUrl,
+                alt: meta.name,
+                style: {
+                  width: "110px",
+                  height: "110px",
+                  objectFit: "cover",
+                  marginRight: "0.5rem"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "dropzone-upload-file-name-container", children: /* @__PURE__ */ jsx("p", { className: "dropzone-upload-file-name", title: meta.name, children: meta.name }) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              style: { marginTop: "0rem" },
+              onClick: remove,
+              className: "dropzone-upload-delete-btn simple-icon-trash"
+            }
+          )
+        ]
+      }
+    );
+  };
+  const Input = ({ accept: accept2, onFiles, getFilesFromEvent: getFilesFromEvent2 }) => {
+    const text = totalFiles > 0 ? `${maxFiles - totalFiles} archivos más` : `${label}`;
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        outline: true,
+        block: true,
+        size: "xs",
+        className: "mt-5 ml-5",
+        onClick: () => document.getElementById("fileInput").click(),
+        children: [
+          text,
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "fileInput",
+              style: { display: "none" },
+              type: "file",
+              accept: accept2,
+              multiple: true,
+              onChange: (e) => {
+                getFilesFromEvent2(e).then((chosenFiles) => {
+                  onFiles(chosenFiles);
+                });
+              }
+            }
+          )
+        ]
+      }
+    ) });
+  };
+  return /* @__PURE__ */ jsx("div", { className: classNames, children: /* @__PURE__ */ jsx(
+    Dropzone,
+    {
+      disableUpload: false,
+      maxFiles: totalFiles < maxFiles ? maxFiles : 0,
+      maxSize,
+      InputComponent: Input,
+      PreviewComponent: CustomPreview,
+      classNames: { dropzone: "dropzone-upload-frame" },
+      onChangeStatus: handleChangeStatus,
+      getFilesFromEvent,
+      accept
+    }
+  ) });
+};
+export {
+  DropzoneUploaderStyled
+};
+//# sourceMappingURL=index.js.map