siam-ui-utils 3.0.31 → 3.0.32

package/dist/dropzone/utils.js

@@ -0,0 +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

package/dist/dropzone/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/dropzone/utils.ts"],"sourcesContent":["import React from 'react';\r\nimport { IStyleCustomization } from '.';\r\n\r\nexport const formatBytes = (b: number) => {\r\n  const units = ['bytes', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\r\n  let l = 0;\r\n  let n = b;\r\n\r\n  while (n >= 1024) {\r\n    n /= 1024;\r\n    l += 1;\r\n  }\r\n\r\n  return `${n.toFixed(n >= 10 || l < 1 ? 0 : 1)}${units[l]}`;\r\n};\r\n\r\nexport const formatDuration = (seconds: number) => {\r\n  const date = new Date(0);\r\n  date.setSeconds(seconds);\r\n  const dateString = date.toISOString().slice(11, 19);\r\n  if (seconds < 3600) return dateString.slice(3);\r\n  return dateString;\r\n};\r\n\r\n// adapted from: https://github.com/okonet/attr-accept/blob/master/src/index.js\r\n// returns true if file.name is empty and accept string is something like \".csv\",\r\n// because file comes from dataTransferItem for drag events, and\r\n// dataTransferItem.name is always empty\r\nexport const accepts = (file: File, accept: string) => {\r\n  if (!accept || accept === '*') return true;\r\n\r\n  const mimeType = file.type || '';\r\n  const baseMimeType = mimeType.replace(/\\/.*$/, '');\r\n\r\n  return accept\r\n    .split(',')\r\n    .map((t) => t.trim())\r\n    .some((type) => {\r\n      if (type.charAt(0) === '.') {\r\n        return (\r\n          file.name === undefined ||\r\n          file.name.toLowerCase().endsWith(type.toLowerCase())\r\n        );\r\n      } else if (type.endsWith('/*')) {\r\n        // this is something like an image/* mime type\r\n        return baseMimeType === type.replace(/\\/.*$/, '');\r\n      }\r\n      return mimeType === type;\r\n    });\r\n};\r\n\r\ntype ResolveFn<T> = (...args: any[]) => T;\r\n\r\nexport const resolveValue = <T = any>(\r\n  value: ResolveFn<T> | T,\r\n  ...args: any[]\r\n) => {\r\n  if (typeof value === 'function') return (value as ResolveFn<T>)(...args);\r\n  return value;\r\n};\r\n\r\nexport const defaultClassNames = {\r\n  dropzone: 'dzu-dropzone',\r\n  dropzoneActive: 'dzu-dropzoneActive',\r\n  dropzoneReject: 'dzu-dropzoneActive',\r\n  dropzoneDisabled: 'dzu-dropzoneDisabled',\r\n  input: 'dzu-input',\r\n  inputLabel: 'dzu-inputLabel',\r\n  inputLabelWithFiles: 'dzu-inputLabelWithFiles',\r\n  preview: 'dzu-previewContainer',\r\n  previewImage: 'dzu-previewImage',\r\n  submitButtonContainer: 'dzu-submitButtonContainer',\r\n  submitButton: 'dzu-submitButton',\r\n};\r\n\r\nexport const mergeStyles = (\r\n  classNames: IStyleCustomization<string>,\r\n  styles: IStyleCustomization<React.CSSProperties>,\r\n  addClassNames: IStyleCustomization<string>,\r\n  ...args: any[]\r\n) => {\r\n  const resolvedClassNames: { [property: string]: string } = {\r\n    ...defaultClassNames,\r\n  };\r\n  const resolvedStyles = { ...styles } as { [property: string]: string };\r\n\r\n  for (const [key, value] of Object.entries(classNames)) {\r\n    resolvedClassNames[key] = resolveValue(value, ...args);\r\n  }\r\n\r\n  for (const [key, value] of Object.entries(addClassNames)) {\r\n    resolvedClassNames[key] = `${resolvedClassNames[key]} ${resolveValue(\r\n      value,\r\n      ...args\r\n    )}`;\r\n  }\r\n\r\n  for (const [key, value] of Object.entries(styles)) {\r\n    resolvedStyles[key] = resolveValue(value, ...args);\r\n  }\r\n\r\n  return {\r\n    classNames: resolvedClassNames,\r\n    styles: resolvedStyles as IStyleCustomization<React.CSSProperties>,\r\n  };\r\n};\r\n\r\nexport const getFilesFromEvent = (\r\n  event: React.DragEvent<HTMLElement> | React.ChangeEvent<HTMLInputElement>\r\n): Array<File | DataTransferItem> => {\r\n  let items = null;\r\n\r\n  if ('dataTransfer' in event) {\r\n    const dt = event.dataTransfer;\r\n\r\n    // NOTE: Only the 'drop' event has access to DataTransfer.files, otherwise it will always be empty\r\n    if ('files' in dt && dt.files.length) {\r\n      items = dt.files;\r\n    } else if (dt.items && dt.items.length) {\r\n      items = dt.items;\r\n    }\r\n  } else if (event.target && event.target.files) {\r\n    items = event.target.files;\r\n  }\r\n\r\n  return Array.prototype.slice.call(items);\r\n};\r\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,207 @@
+.dropzone-upload-button {
+  padding: 25;
+  border-radius: 5px !important;
+  cursor: pointer;
+  color: #fff;
+  width: 10rem !important;
+  height: 2rem !important;
+  line-height: 1.5 !important;
+  font-size: 13px;
+  text-align: center;
+  vertical-align: middle !important;
+  border: none;
+  padding-top: 0.5rem;
+  margin-top: 0.5rem;
+  background-color: #af251b;
+  &:hover {
+    background-color: rgb(108, 31, 1);
+  }
+}
+.dropzone-upload-frame {
+  border: 0px !important;
+  overflow: 'none' !important;
+}
+.dropzone-upload-previewContainer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+  width: 100px;
+  min-height: 60px;
+  z-index: 1;
+  border-bottom: 1px solid #ececec;
+  box-sizing: border-box;
+}
+
+.dropzone-upload-previewImage {
+  width: 60rem;
+  max-height: 60px;
+  max-width: 10rem;
+  border-radius: 4px;
+  padding-right: 1rem;
+}
+
+.dropzone-upload-delete-btn {
+  width: 2rem;
+  line-height: 1.5;
+  border: 0;
+  color: #ff0000;
+  background-color: #f8f8f8;
+  padding-right: 1rem;
+}
+
+.dropzone-upload-file-name-container {
+  position: relative;
+  display: inline-block;
+  max-width: 150px; /* Ajusta este valor para aumentar el ancho */
+}
+
+.dropzone-upload-file-name {
+  padding-right: 1rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 150px; /* Ajusta este valor para aumentar el ancho */
+}
+
+.dzu-dropzone {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  min-height: 120px;
+  overflow: scroll;
+  margin: 0 auto;
+  position: relative;
+  box-sizing: border-box;
+  transition: all 0.15s linear;
+  border: 2px solid #d9d9d9;
+  border-radius: 4px;
+}
+
+.dzu-dropzoneActive {
+  background-color: #deebff;
+  border-color: #2484ff;
+}
+
+.dzu-dropzoneDisabled {
+  opacity: 0.5;
+}
+
+.dzu-dropzoneDisabled *:hover {
+  cursor: unset;
+}
+
+.dzu-input {
+  display: none;
+}
+
+.dzu-inputLabel {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  font-family: 'Helvetica', sans-serif;
+  font-size: 20px;
+  font-weight: 600;
+  color: #2484ff;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  cursor: pointer;
+}
+
+.dzu-inputLabelWithFiles {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  align-self: flex-start;
+  padding: 0 14px;
+  min-height: 32px;
+  background-color: #e6e6e6;
+  color: #2484ff;
+  border: none;
+  font-family: 'Helvetica', sans-serif;
+  border-radius: 4px;
+  font-size: 14px;
+  font-weight: 600;
+  margin-top: 20px;
+  margin-left: 3%;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  cursor: pointer;
+}
+
+.dzu-previewContainer {
+  padding: 40px 3%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+  width: 100%;
+  min-height: 60px;
+  z-index: 1;
+  border-bottom: 1px solid #ececec;
+  box-sizing: border-box;
+}
+
+.dzu-previewStatusContainer {
+  display: flex;
+  align-items: center;
+}
+
+.dzu-previewFileName {
+  font-family: 'Helvetica', sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  color: #333333;
+}
+
+.dzu-previewImage {
+  width: auto;
+  max-height: 40px;
+  max-width: 140px;
+  border-radius: 4px;
+}
+
+.dzu-previewButton {
+  background-size: 14px 14px;
+  background-position: center;
+  background-repeat: no-repeat;
+  width: 14px;
+  height: 14px;
+  cursor: pointer;
+  opacity: 0.9;
+  margin: 0 0 2px 10px;
+}
+
+.dzu-submitButtonContainer {
+  margin: 24px 0;
+  z-index: 1;
+}
+
+.dzu-submitButton {
+  padding: 0 14px;
+  min-height: 32px;
+  background-color: #2484ff;
+  border: none;
+  border-radius: 4px;
+  font-family: 'Helvetica', sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #fff;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  cursor: pointer;
+}
+
+.dzu-submitButton:disabled {
+  background-color: #e6e6e6;
+  color: #333333;
+  cursor: unset;
+}

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

@@ -0,0 +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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/dropzone-uploader/base/index.jsx"],"sourcesContent":["import { getDroppedOrSelectedFiles } from 'html5-file-selector';\r\nimport { useEffect, useState } from 'react';\r\n\r\nimport { IconButtonSvg, pdfImage } from '../../iconos';\r\nimport './index.css';\r\nimport Dropzone from '../../dropzone';\r\n\r\nconst maxSize = 7;\r\nexport const DropzoneUploader = ({\r\n  onChangeFiles,\r\n  totalFiles,\r\n  maxFiles = 3,\r\n  accept = 'image/*, application/pdf',\r\n  capture = null,\r\n  nameFileLabel = 'Subir archivos',\r\n  classNames = '',\r\n  maxFileSize = maxSize,\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  const [totalFilesDU, setTotalFilesDU] = useState(totalFiles);\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(files);\r\n      setTotalFilesDU(files.length);\r\n    } else if (status == 'removed') {\r\n      const filesTemp = files;\r\n      const index = files.indexOf(file);\r\n      if (index > -1) {\r\n        filesTemp.splice(index, 1);\r\n      }\r\n      setFiles(filesTemp);\r\n      onChangeFiles(files);\r\n      setTotalFilesDU(files.length);\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  const CustomPreview = ({ fileWithMeta }) => {\r\n    const { meta, remove } = fileWithMeta;\r\n    if (meta.size / (1024 * 1024) > maxFileSize) {\r\n      onMaxFileSizeError();\r\n      remove();\r\n    }\r\n    return (\r\n      <div className=\"dropzone-upload-previewContainer\">\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>\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\"\r\n              src={meta.previewUrl}\r\n              alt={meta.name}\r\n            />\r\n            <p>\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        <p>{(meta.size / 1024).toFixed(2)} .Kb</p>\r\n        <button\r\n          onClick={remove}\r\n          className=\"dropzone-upload-delete-btn 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      totalFilesDU > 0\r\n        ? `${maxFiles - totalFilesDU} archivo/s más`\r\n        : nameFileLabel;\r\n    return (\r\n      <label className=\"dropzone-upload-button\">\r\n        {text}\r\n        <input\r\n          style={{ display: 'none' }}\r\n          type=\"file\"\r\n          accept={accept}\r\n          capture={capture}\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      </label>\r\n    );\r\n  };\r\n  useEffect(() => {\r\n    setTotalFilesDU(totalFiles);\r\n  }, [totalFiles]);\r\n\r\n  return (\r\n    <div className={`${classNames}`}>\r\n      <Dropzone\r\n        disableUpload={false}\r\n        maxFiles={totalFilesDU < maxFiles ? maxFiles : 0}\r\n        maxSize={maxFileSize} // 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"],"names":["IconButtonSvg","accept","getFilesFromEvent"],"mappings":"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"}

package/dist/dropzone-uploader/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}