siam-ui-utils 3.1.0 → 3.1.1

package/dist/dropzone/utils.js

@@ -1,93 +1,93 @@
-const formatBytes = (b) => {
-  const units = ["bytes", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-  let l = 0;
-  let n = b;
-  while (n >= 1024) {
-    n /= 1024;
-    l += 1;
-  }
-  return `${n.toFixed(n >= 10 || l < 1 ? 0 : 1)}${units[l]}`;
-};
-const formatDuration = (seconds) => {
-  const date = /* @__PURE__ */ new Date(0);
-  date.setSeconds(seconds);
-  const dateString = date.toISOString().slice(11, 19);
-  if (seconds < 3600) return dateString.slice(3);
-  return dateString;
-};
-const accepts = (file, accept) => {
-  if (!accept || accept === "*") return true;
-  const mimeType = file.type || "";
-  const baseMimeType = mimeType.replace(/\/.*$/, "");
-  return accept.split(",").map((t) => t.trim()).some((type) => {
-    if (type.charAt(0) === ".") {
-      return file.name === void 0 || file.name.toLowerCase().endsWith(type.toLowerCase());
-    } else if (type.endsWith("/*")) {
-      return baseMimeType === type.replace(/\/.*$/, "");
-    }
-    return mimeType === type;
-  });
-};
-const resolveValue = (value, ...args) => {
-  if (typeof value === "function") return value(...args);
-  return value;
-};
-const defaultClassNames = {
-  dropzone: "dzu-dropzone",
-  dropzoneActive: "dzu-dropzoneActive",
-  dropzoneReject: "dzu-dropzoneActive",
-  dropzoneDisabled: "dzu-dropzoneDisabled",
-  input: "dzu-input",
-  inputLabel: "dzu-inputLabel",
-  inputLabelWithFiles: "dzu-inputLabelWithFiles",
-  preview: "dzu-previewContainer",
-  previewImage: "dzu-previewImage",
-  submitButtonContainer: "dzu-submitButtonContainer",
-  submitButton: "dzu-submitButton"
-};
-const mergeStyles = (classNames, styles, addClassNames, ...args) => {
-  const resolvedClassNames = {
-    ...defaultClassNames
-  };
-  const resolvedStyles = { ...styles };
-  for (const [key, value] of Object.entries(classNames)) {
-    resolvedClassNames[key] = resolveValue(value, ...args);
-  }
-  for (const [key, value] of Object.entries(addClassNames)) {
-    resolvedClassNames[key] = `${resolvedClassNames[key]} ${resolveValue(
-      value,
-      ...args
-    )}`;
-  }
-  for (const [key, value] of Object.entries(styles)) {
-    resolvedStyles[key] = resolveValue(value, ...args);
-  }
-  return {
-    classNames: resolvedClassNames,
-    styles: resolvedStyles
-  };
-};
-const getFilesFromEvent = (event) => {
-  let items = null;
-  if ("dataTransfer" in event) {
-    const dt = event.dataTransfer;
-    if ("files" in dt && dt.files.length) {
-      items = dt.files;
-    } else if (dt.items && dt.items.length) {
-      items = dt.items;
-    }
-  } else if (event.target && event.target.files) {
-    items = event.target.files;
-  }
-  return Array.prototype.slice.call(items);
-};
-export {
-  accepts,
-  defaultClassNames,
-  formatBytes,
-  formatDuration,
-  getFilesFromEvent,
-  mergeStyles,
-  resolveValue
-};
-//# sourceMappingURL=utils.js.map
+const formatBytes = (b) => {
+  const units = ["bytes", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+  let l = 0;
+  let n = b;
+  while (n >= 1024) {
+    n /= 1024;
+    l += 1;
+  }
+  return `${n.toFixed(n >= 10 || l < 1 ? 0 : 1)}${units[l]}`;
+};
+const formatDuration = (seconds) => {
+  const date = /* @__PURE__ */ new Date(0);
+  date.setSeconds(seconds);
+  const dateString = date.toISOString().slice(11, 19);
+  if (seconds < 3600) return dateString.slice(3);
+  return dateString;
+};
+const accepts = (file, accept) => {
+  if (!accept || accept === "*") return true;
+  const mimeType = file.type || "";
+  const baseMimeType = mimeType.replace(/\/.*$/, "");
+  return accept.split(",").map((t) => t.trim()).some((type) => {
+    if (type.charAt(0) === ".") {
+      return file.name === void 0 || file.name.toLowerCase().endsWith(type.toLowerCase());
+    } else if (type.endsWith("/*")) {
+      return baseMimeType === type.replace(/\/.*$/, "");
+    }
+    return mimeType === type;
+  });
+};
+const resolveValue = (value, ...args) => {
+  if (typeof value === "function") return value(...args);
+  return value;
+};
+const defaultClassNames = {
+  dropzone: "dzu-dropzone",
+  dropzoneActive: "dzu-dropzoneActive",
+  dropzoneReject: "dzu-dropzoneActive",
+  dropzoneDisabled: "dzu-dropzoneDisabled",
+  input: "dzu-input",
+  inputLabel: "dzu-inputLabel",
+  inputLabelWithFiles: "dzu-inputLabelWithFiles",
+  preview: "dzu-previewContainer",
+  previewImage: "dzu-previewImage",
+  submitButtonContainer: "dzu-submitButtonContainer",
+  submitButton: "dzu-submitButton"
+};
+const mergeStyles = (classNames, styles, addClassNames, ...args) => {
+  const resolvedClassNames = {
+    ...defaultClassNames
+  };
+  const resolvedStyles = { ...styles };
+  for (const [key, value] of Object.entries(classNames)) {
+    resolvedClassNames[key] = resolveValue(value, ...args);
+  }
+  for (const [key, value] of Object.entries(addClassNames)) {
+    resolvedClassNames[key] = `${resolvedClassNames[key]} ${resolveValue(
+      value,
+      ...args
+    )}`;
+  }
+  for (const [key, value] of Object.entries(styles)) {
+    resolvedStyles[key] = resolveValue(value, ...args);
+  }
+  return {
+    classNames: resolvedClassNames,
+    styles: resolvedStyles
+  };
+};
+const getFilesFromEvent = (event) => {
+  let items = null;
+  if ("dataTransfer" in event) {
+    const dt = event.dataTransfer;
+    if ("files" in dt && dt.files.length) {
+      items = dt.files;
+    } else if (dt.items && dt.items.length) {
+      items = dt.items;
+    }
+  } else if (event.target && event.target.files) {
+    items = event.target.files;
+  }
+  return Array.prototype.slice.call(items);
+};
+export {
+  accepts,
+  defaultClassNames,
+  formatBytes,
+  formatDuration,
+  getFilesFromEvent,
+  mergeStyles,
+  resolveValue
+};
+//# sourceMappingURL=utils.js.map

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

@@ -1,135 +1,135 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { getDroppedOrSelectedFiles } from "html5-file-selector";
-import { useState, useEffect } from "react";
-import "./index.css";
-import { Dropzone } from "../../dropzone/index.js";
-import { IconButtonSvg as _t } from "../../iconos/icon-button-svg.js";
-import { pdfImage } from "../../iconos/constants-svg.js";
-const maxSize = 7;
-const DropzoneUploader = ({
-  onChangeFiles,
-  totalFiles,
-  maxFiles = 3,
-  accept = "image/*, application/pdf",
-  capture = null,
-  nameFileLabel = "Subir archivos",
-  classNames = "",
-  maxFileSize = maxSize,
-  onMaxFileSizeError = () => {
-    alert("El archivo supera el tamaño máximo");
-  }
-}) => {
-  const [files, setFiles] = useState([]);
-  const [totalFilesDU, setTotalFilesDU] = useState(totalFiles);
-  const handleChangeStatus = ({ file }, status) => {
-    if (status == "done") {
-      const filesTemp = files;
-      filesTemp.push(file);
-      setFiles(filesTemp);
-      onChangeFiles(files);
-      setTotalFilesDU(files.length);
-    } else if (status == "removed") {
-      const filesTemp = files;
-      const index = files.indexOf(file);
-      if (index > -1) {
-        filesTemp.splice(index, 1);
-      }
-      setFiles(filesTemp);
-      onChangeFiles(files);
-      setTotalFilesDU(files.length);
-    }
-  };
-  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) > maxFileSize) {
-      onMaxFileSizeError();
-      remove();
-    }
-    return /* @__PURE__ */ jsxs("div", { className: "dropzone-upload-previewContainer", 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", { children: meta.name.length > 17 ? meta.name.substring(0, 17) + "..." : meta.name })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            className: "dropzone-upload-previewImage",
-            src: meta.previewUrl,
-            alt: meta.name
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { children: meta.name.length > 17 ? meta.name.substring(0, 17) + "..." : meta.name })
-      ] }),
-      /* @__PURE__ */ jsxs("p", { children: [
-        (meta.size / 1024).toFixed(2),
-        " .Kb"
-      ] }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: remove,
-          className: "dropzone-upload-delete-btn icon-trash"
-        }
-      )
-    ] });
-  };
-  const Input = ({ accept: accept2, onFiles, getFilesFromEvent: getFilesFromEvent2 }) => {
-    const text = totalFilesDU > 0 ? `${maxFiles - totalFilesDU} archivo/s más` : nameFileLabel;
-    return /* @__PURE__ */ jsxs("label", { className: "dropzone-upload-button", children: [
-      text,
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          style: { display: "none" },
-          type: "file",
-          accept: accept2,
-          capture,
-          multiple: true,
-          onChange: (e) => {
-            getFilesFromEvent2(e).then((chosenFiles) => {
-              onFiles(chosenFiles);
-            });
-          }
-        }
-      )
-    ] });
-  };
-  useEffect(() => {
-    setTotalFilesDU(totalFiles);
-  }, [totalFiles]);
-  return /* @__PURE__ */ jsx("div", { className: `${classNames}`, children: /* @__PURE__ */ jsx(
-    Dropzone,
-    {
-      disableUpload: false,
-      maxFiles: totalFilesDU < maxFiles ? maxFiles : 0,
-      maxSize: maxFileSize,
-      InputComponent: Input,
-      PreviewComponent: CustomPreview,
-      classNames: { dropzone: "dropzone-upload-frame" },
-      onChangeStatus: handleChangeStatus,
-      getFilesFromEvent,
-      accept
-    }
-  ) });
-};
-export {
-  DropzoneUploader
-};
-//# sourceMappingURL=index.js.map
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { getDroppedOrSelectedFiles } from "html5-file-selector";
+import { useState, useEffect } from "react";
+import "./index.css";
+import { Dropzone } from "../../dropzone/index.js";
+import { IconButtonSvg as _t } from "../../iconos/icon-button-svg.js";
+import { pdfImage } from "../../iconos/constants-svg.js";
+const maxSize = 7;
+const DropzoneUploader = ({
+  onChangeFiles,
+  totalFiles,
+  maxFiles = 3,
+  accept = "image/*, application/pdf",
+  capture = null,
+  nameFileLabel = "Subir archivos",
+  classNames = "",
+  maxFileSize = maxSize,
+  onMaxFileSizeError = () => {
+    alert("El archivo supera el tamaño máximo");
+  }
+}) => {
+  const [files, setFiles] = useState([]);
+  const [totalFilesDU, setTotalFilesDU] = useState(totalFiles);
+  const handleChangeStatus = ({ file }, status) => {
+    if (status == "done") {
+      const filesTemp = files;
+      filesTemp.push(file);
+      setFiles(filesTemp);
+      onChangeFiles(files);
+      setTotalFilesDU(files.length);
+    } else if (status == "removed") {
+      const filesTemp = files;
+      const index = files.indexOf(file);
+      if (index > -1) {
+        filesTemp.splice(index, 1);
+      }
+      setFiles(filesTemp);
+      onChangeFiles(files);
+      setTotalFilesDU(files.length);
+    }
+  };
+  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) > maxFileSize) {
+      onMaxFileSizeError();
+      remove();
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "dropzone-upload-previewContainer", 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", { children: meta.name.length > 17 ? meta.name.substring(0, 17) + "..." : meta.name })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            className: "dropzone-upload-previewImage",
+            src: meta.previewUrl,
+            alt: meta.name
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { children: meta.name.length > 17 ? meta.name.substring(0, 17) + "..." : meta.name })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        (meta.size / 1024).toFixed(2),
+        " .Kb"
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: remove,
+          className: "dropzone-upload-delete-btn icon-trash"
+        }
+      )
+    ] });
+  };
+  const Input = ({ accept: accept2, onFiles, getFilesFromEvent: getFilesFromEvent2 }) => {
+    const text = totalFilesDU > 0 ? `${maxFiles - totalFilesDU} archivo/s más` : nameFileLabel;
+    return /* @__PURE__ */ jsxs("label", { className: "dropzone-upload-button", children: [
+      text,
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          style: { display: "none" },
+          type: "file",
+          accept: accept2,
+          capture,
+          multiple: true,
+          onChange: (e) => {
+            getFilesFromEvent2(e).then((chosenFiles) => {
+              onFiles(chosenFiles);
+            });
+          }
+        }
+      )
+    ] });
+  };
+  useEffect(() => {
+    setTotalFilesDU(totalFiles);
+  }, [totalFiles]);
+  return /* @__PURE__ */ jsx("div", { className: `${classNames}`, children: /* @__PURE__ */ jsx(
+    Dropzone,
+    {
+      disableUpload: false,
+      maxFiles: totalFilesDU < maxFiles ? maxFiles : 0,
+      maxSize: maxFileSize,
+      InputComponent: Input,
+      PreviewComponent: CustomPreview,
+      classNames: { dropzone: "dropzone-upload-frame" },
+      onChangeStatus: handleChangeStatus,
+      getFilesFromEvent,
+      accept
+    }
+  ) });
+};
+export {
+  DropzoneUploader
+};
+//# sourceMappingURL=index.js.map

package/dist/dropzone-uploader/index.js

@@ -1,7 +1,7 @@
-import { DropzoneUploader } from "./base/index.js";
-import { DropzoneUploaderStyled } from "./styled/index.js";
-export {
-  DropzoneUploader,
-  DropzoneUploaderStyled
-};
-//# sourceMappingURL=index.js.map
+import { DropzoneUploader } from "./base/index.js";
+import { DropzoneUploaderStyled } from "./styled/index.js";
+export {
+  DropzoneUploader,
+  DropzoneUploaderStyled
+};
+//# sourceMappingURL=index.js.map