siam-ui-utils 3.0.32 → 3.1.0

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 "reactstrap";
-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

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

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