siam-ui-utils 3.1.0 → 3.1.1

package/dist/custom-input/CustomInputCurrency.js

@@ -1,84 +1,84 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
-import { fieldToCurrency } from "siam-utils";
-const CustomInputCurrency = (props) => {
-  const {
-    onChange = () => {
-    },
-    onFocus = () => {
-    },
-    value = {},
-    maxLength = "20",
-    style = {}
-  } = props;
-  const styleCurrency = { ...style, textAlign: "right" };
-  const [valueInputCur, setValueInputCur] = useState("");
-  const escapeRegExp = (string) => string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-  const handleInputOnBlur = (event) => {
-    const { target } = event;
-    if (valueInputCur !== "") {
-      const valor = valueInputCur.replace(".", "");
-      const valorPersistence = valor.replace(",", ".");
-      setValueInputCur(fieldToCurrency(valorPersistence));
-      onChange({
-        ...event,
-        target: {
-          ...target,
-          value: valorPersistence,
-          valueCurrency: fieldToCurrency(valorPersistence),
-          valueFloat: parseFloat(valorPersistence)
-        }
-      });
-    }
-  };
-  const handleInputOnFocus = (e) => {
-    if (valueInputCur !== "") {
-      const valor = valueInputCur.replace("$ ", "");
-      const valor2 = valor.replace(/\./g, "");
-      setValueInputCur(valor2);
-    }
-    onFocus(e);
-  };
-  const handleInputChange = (event) => {
-    const { target } = event;
-    const valor = target.value.replace("$ ", "");
-    const valid = /^-?[0-9.]*(?:[,]\d?\d?)?$/;
-    if (valid.test(valor)) {
-      const sepDec = valor.slice(-1) === "." ? `${valor.slice(0, -1)},` : valor;
-      const punto = new RegExp(escapeRegExp("."), "g");
-      const sinSepMil = sepDec.replace(punto, "");
-      const posPuntoDec = sinSepMil.indexOf(",");
-      const parteDecimal = posPuntoDec >= 0 ? sinSepMil.slice(posPuntoDec) : "";
-      const parteEntera = posPuntoDec >= 0 ? sinSepMil.slice(0, posPuntoDec) : sinSepMil;
-      setValueInputCur(parteEntera + parteDecimal);
-    }
-  };
-  useEffect(() => {
-    if (value && value !== "") {
-      if (typeof value != "number" && value && value.includes("$")) {
-        setValueInputCur(value.toString());
-      } else {
-        setValueInputCur(fieldToCurrency(value.toString()));
-      }
-    } else {
-      setValueInputCur("");
-    }
-  }, [value]);
-  return /* @__PURE__ */ jsx(
-    Input,
-    {
-      ...props,
-      style: styleCurrency,
-      maxLength,
-      value: valueInputCur,
-      onFocus: handleInputOnFocus,
-      onChange: handleInputChange,
-      onBlur: handleInputOnBlur
-    }
-  );
-};
-export {
-  CustomInputCurrency
-};
-//# sourceMappingURL=CustomInputCurrency.js.map
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
+import { fieldToCurrency } from "siam-utils";
+const CustomInputCurrency = (props) => {
+  const {
+    onChange = () => {
+    },
+    onFocus = () => {
+    },
+    value = {},
+    maxLength = "20",
+    style = {}
+  } = props;
+  const styleCurrency = { ...style, textAlign: "right" };
+  const [valueInputCur, setValueInputCur] = useState("");
+  const escapeRegExp = (string) => string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const handleInputOnBlur = (event) => {
+    const { target } = event;
+    if (valueInputCur !== "") {
+      const valor = valueInputCur.replace(".", "");
+      const valorPersistence = valor.replace(",", ".");
+      setValueInputCur(fieldToCurrency(valorPersistence));
+      onChange({
+        ...event,
+        target: {
+          ...target,
+          value: valorPersistence,
+          valueCurrency: fieldToCurrency(valorPersistence),
+          valueFloat: parseFloat(valorPersistence)
+        }
+      });
+    }
+  };
+  const handleInputOnFocus = (e) => {
+    if (valueInputCur !== "") {
+      const valor = valueInputCur.replace("$ ", "");
+      const valor2 = valor.replace(/\./g, "");
+      setValueInputCur(valor2);
+    }
+    onFocus(e);
+  };
+  const handleInputChange = (event) => {
+    const { target } = event;
+    const valor = target.value.replace("$ ", "");
+    const valid = /^-?[0-9.]*(?:[,]\d?\d?)?$/;
+    if (valid.test(valor)) {
+      const sepDec = valor.slice(-1) === "." ? `${valor.slice(0, -1)},` : valor;
+      const punto = new RegExp(escapeRegExp("."), "g");
+      const sinSepMil = sepDec.replace(punto, "");
+      const posPuntoDec = sinSepMil.indexOf(",");
+      const parteDecimal = posPuntoDec >= 0 ? sinSepMil.slice(posPuntoDec) : "";
+      const parteEntera = posPuntoDec >= 0 ? sinSepMil.slice(0, posPuntoDec) : sinSepMil;
+      setValueInputCur(parteEntera + parteDecimal);
+    }
+  };
+  useEffect(() => {
+    if (value && value !== "") {
+      if (typeof value != "number" && value && value.includes("$")) {
+        setValueInputCur(value.toString());
+      } else {
+        setValueInputCur(fieldToCurrency(value.toString()));
+      }
+    } else {
+      setValueInputCur("");
+    }
+  }, [value]);
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      ...props,
+      style: styleCurrency,
+      maxLength,
+      value: valueInputCur,
+      onFocus: handleInputOnFocus,
+      onChange: handleInputChange,
+      onBlur: handleInputOnBlur
+    }
+  );
+};
+export {
+  CustomInputCurrency
+};
+//# sourceMappingURL=CustomInputCurrency.js.map

package/dist/custom-input/CustomInputFile.js

@@ -1,47 +1,47 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import FormGroup from "../node_modules/@neolution-ch/reactstrap/esm/FormGroup.js";
-import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
-import Label from "../node_modules/@neolution-ch/reactstrap/esm/Label.js";
-import { MENSAJE } from "./constant.js";
-import "./index.css";
-const CustomInputFile = ({
-  accept,
-  className = "",
-  id,
-  label,
-  name,
-  onChange
-}) => {
-  const [fileName, setFileName] = useState(label || LABEL_FILE);
-  const { LABEL_FILE } = MENSAJE;
-  const handleFileChange = (event) => {
-    const files = event.target.files;
-    if (files.length > 0) {
-      setFileName(files[0].name);
-    } else {
-      setFileName(label || LABEL_FILE);
-    }
-    if (onChange) {
-      onChange(event);
-    }
-  };
-  return /* @__PURE__ */ jsxs(FormGroup, { className: `custom-file ${className}`, children: [
-    /* @__PURE__ */ jsx(Label, { for: id, className: "custom-file-label", children: fileName }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        id,
-        name,
-        accept,
-        type: "file",
-        onChange: handleFileChange,
-        className: "custom-file-input"
-      }
-    )
-  ] });
-};
-export {
-  CustomInputFile
-};
-//# sourceMappingURL=CustomInputFile.js.map
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import FormGroup from "../node_modules/@neolution-ch/reactstrap/esm/FormGroup.js";
+import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
+import Label from "../node_modules/@neolution-ch/reactstrap/esm/Label.js";
+import { MENSAJE } from "./constant.js";
+import "./index.css";
+const CustomInputFile = ({
+  accept,
+  className = "",
+  id,
+  label,
+  name,
+  onChange
+}) => {
+  const [fileName, setFileName] = useState(label || LABEL_FILE);
+  const { LABEL_FILE } = MENSAJE;
+  const handleFileChange = (event) => {
+    const files = event.target.files;
+    if (files.length > 0) {
+      setFileName(files[0].name);
+    } else {
+      setFileName(label || LABEL_FILE);
+    }
+    if (onChange) {
+      onChange(event);
+    }
+  };
+  return /* @__PURE__ */ jsxs(FormGroup, { className: `custom-file ${className}`, children: [
+    /* @__PURE__ */ jsx(Label, { for: id, className: "custom-file-label", children: fileName }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id,
+        name,
+        accept,
+        type: "file",
+        onChange: handleFileChange,
+        className: "custom-file-input"
+      }
+    )
+  ] });
+};
+export {
+  CustomInputFile
+};
+//# sourceMappingURL=CustomInputFile.js.map

package/dist/custom-input/CustomInputRadio.js

@@ -1,68 +1,68 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import FormGroup from "../node_modules/@neolution-ch/reactstrap/esm/FormGroup.js";
-import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
-import Label from "../node_modules/@neolution-ch/reactstrap/esm/Label.js";
-import "./index.css";
-const CustomInputRadio = ({
-  className,
-  customClassName,
-  checked,
-  disabled,
-  id,
-  inline,
-  label,
-  name,
-  onChange,
-  direction = "row"
-}) => {
-  return /* @__PURE__ */ jsx(
-    FormGroup,
-    {
-      inline,
-      className: `custom-radio ${customClassName || ""}`,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: {
-            display: "flex",
-            flexDirection: direction,
-            alignItems: "center",
-            justifyContent: "center"
-          },
-          children: [
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                id,
-                type: "radio",
-                name,
-                checked,
-                onChange,
-                disabled,
-                className
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Label,
-              {
-                check: true,
-                htmlFor: id,
-                style: {
-                  alignItems: "center",
-                  justifyContent: "center",
-                  height: "25px",
-                  width: "25px"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { children: label })
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  CustomInputRadio
-};
-//# sourceMappingURL=CustomInputRadio.js.map
+import { jsx, jsxs } from "react/jsx-runtime";
+import FormGroup from "../node_modules/@neolution-ch/reactstrap/esm/FormGroup.js";
+import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
+import Label from "../node_modules/@neolution-ch/reactstrap/esm/Label.js";
+import "./index.css";
+const CustomInputRadio = ({
+  className,
+  customClassName,
+  checked,
+  disabled,
+  id,
+  inline,
+  label,
+  name,
+  onChange,
+  direction = "row"
+}) => {
+  return /* @__PURE__ */ jsx(
+    FormGroup,
+    {
+      inline,
+      className: `custom-radio ${customClassName || ""}`,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: direction,
+            alignItems: "center",
+            justifyContent: "center"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id,
+                type: "radio",
+                name,
+                checked,
+                onChange,
+                disabled,
+                className
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Label,
+              {
+                check: true,
+                htmlFor: id,
+                style: {
+                  alignItems: "center",
+                  justifyContent: "center",
+                  height: "25px",
+                  width: "25px"
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { children: label })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  CustomInputRadio
+};
+//# sourceMappingURL=CustomInputRadio.js.map

package/dist/custom-input/constant.js

@@ -1,5 +1,5 @@
-const MENSAJE = { LABEL_FILE: "Elija el archivo..." };
-export {
-  MENSAJE
-};
-//# sourceMappingURL=constant.js.map
+const MENSAJE = { LABEL_FILE: "Elija el archivo..." };
+export {
+  MENSAJE
+};
+//# sourceMappingURL=constant.js.map

package/dist/custom-input/index.js

@@ -1,12 +1,12 @@
-import "./index.css";
-import { CustomInputCheckbox } from "./CustomInputCheckbox.js";
-import { CustomInputRadio } from "./CustomInputRadio.js";
-import { CustomInputFile } from "./CustomInputFile.js";
-import { CustomInputCurrency } from "./CustomInputCurrency.js";
-export {
-  CustomInputCheckbox,
-  CustomInputCurrency,
-  CustomInputFile,
-  CustomInputRadio
-};
-//# sourceMappingURL=index.js.map
+import "./index.css";
+import { CustomInputCheckbox } from "./CustomInputCheckbox.js";
+import { CustomInputRadio } from "./CustomInputRadio.js";
+import { CustomInputFile } from "./CustomInputFile.js";
+import { CustomInputCurrency } from "./CustomInputCurrency.js";
+export {
+  CustomInputCheckbox,
+  CustomInputCurrency,
+  CustomInputFile,
+  CustomInputRadio
+};
+//# sourceMappingURL=index.js.map

package/dist/drag-and-dropzone/DropzoneComponent.js

@@ -1,83 +1,83 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef, useState, useMemo, useEffect } from "react";
-function DropzoneComponent({
-  config = {},
-  djsConfig = {},
-  eventHandlers = {},
-  className = "",
-  action,
-  children
-}) {
-  const dropzoneRef = useRef(null);
-  const dropzoneInstance = useRef(null);
-  const [files, setFiles] = useState([]);
-  const options = useMemo(() => {
-    return {
-      ...config.postUrl ? { url: config.postUrl } : {},
-      ...djsConfig
-    };
-  }, [config.postUrl, djsConfig]);
-  const setupEvents = (dz) => {
-    if (!eventHandlers) return;
-    Object.entries(eventHandlers).forEach(([event, handler]) => {
-      if (!handler) return;
-      const handlers = Array.isArray(handler) ? handler : [handler];
-      handlers.forEach((fn) => {
-        if (event === "init") {
-          fn(dz);
-        } else {
-          dz.on(event, fn);
-        }
-      });
-    });
-    dz.on("addedfile", (file) => {
-      if (!file) return;
-      setFiles((prev) => [...prev, file]);
-    });
-    dz.on("removedfile", (file) => {
-      if (!file) return;
-      setFiles(
-        (prev) => prev.filter((f) => !(f.name === file.name && f.size === file.size))
-      );
-    });
-  };
-  useEffect(() => {
-    let mounted = true;
-    const initDropzone = async () => {
-      const { default: Dropzone } = await import("../node_modules/dropzone/dist/dropzone.js");
-      if (!mounted) return;
-      Dropzone.autoDiscover = false;
-      const node = config.dropzoneSelector || dropzoneRef.current;
-      if (!node) return;
-      const dz = new Dropzone(node, options);
-      dropzoneInstance.current = dz;
-      setupEvents(dz);
-    };
-    initDropzone();
-    return () => {
-      mounted = false;
-      const dz = dropzoneInstance.current;
-      if (!dz) return;
-      dz.off();
-      dz.destroy();
-    };
-  }, []);
-  useEffect(() => {
-    const dz = dropzoneInstance.current;
-    if (!dz) return;
-    dz.options = {
-      ...dz.options,
-      ...djsConfig,
-      ...config.postUrl ? { url: config.postUrl } : {}
-    };
-  }, [config.postUrl, djsConfig]);
-  const dropzoneClass = className ? `filepicker dropzone ${className}` : "filepicker dropzone";
-  if (!config.postUrl && action) {
-    return /* @__PURE__ */ jsx("form", { ref: dropzoneRef, action, className: dropzoneClass, children });
-  }
-  return /* @__PURE__ */ jsx("div", { ref: dropzoneRef, className: dropzoneClass, children });
-}
-export {
-  DropzoneComponent as default
-};
-//# sourceMappingURL=DropzoneComponent.js.map
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState, useMemo, useEffect } from "react";
+function DropzoneComponent({
+  config = {},
+  djsConfig = {},
+  eventHandlers = {},
+  className = "",
+  action,
+  children
+}) {
+  const dropzoneRef = useRef(null);
+  const dropzoneInstance = useRef(null);
+  const [files, setFiles] = useState([]);
+  const options = useMemo(() => {
+    return {
+      ...config.postUrl ? { url: config.postUrl } : {},
+      ...djsConfig
+    };
+  }, [config.postUrl, djsConfig]);
+  const setupEvents = (dz) => {
+    if (!eventHandlers) return;
+    Object.entries(eventHandlers).forEach(([event, handler]) => {
+      if (!handler) return;
+      const handlers = Array.isArray(handler) ? handler : [handler];
+      handlers.forEach((fn) => {
+        if (event === "init") {
+          fn(dz);
+        } else {
+          dz.on(event, fn);
+        }
+      });
+    });
+    dz.on("addedfile", (file) => {
+      if (!file) return;
+      setFiles((prev) => [...prev, file]);
+    });
+    dz.on("removedfile", (file) => {
+      if (!file) return;
+      setFiles(
+        (prev) => prev.filter((f) => !(f.name === file.name && f.size === file.size))
+      );
+    });
+  };
+  useEffect(() => {
+    let mounted = true;
+    const initDropzone = async () => {
+      const { default: Dropzone } = await import("../node_modules/dropzone/dist/dropzone.js");
+      if (!mounted) return;
+      Dropzone.autoDiscover = false;
+      const node = config.dropzoneSelector || dropzoneRef.current;
+      if (!node) return;
+      const dz = new Dropzone(node, options);
+      dropzoneInstance.current = dz;
+      setupEvents(dz);
+    };
+    initDropzone();
+    return () => {
+      mounted = false;
+      const dz = dropzoneInstance.current;
+      if (!dz) return;
+      dz.off();
+      dz.destroy();
+    };
+  }, []);
+  useEffect(() => {
+    const dz = dropzoneInstance.current;
+    if (!dz) return;
+    dz.options = {
+      ...dz.options,
+      ...djsConfig,
+      ...config.postUrl ? { url: config.postUrl } : {}
+    };
+  }, [config.postUrl, djsConfig]);
+  const dropzoneClass = className ? `filepicker dropzone ${className}` : "filepicker dropzone";
+  if (!config.postUrl && action) {
+    return /* @__PURE__ */ jsx("form", { ref: dropzoneRef, action, className: dropzoneClass, children });
+  }
+  return /* @__PURE__ */ jsx("div", { ref: dropzoneRef, className: dropzoneClass, children });
+}
+export {
+  DropzoneComponent as default
+};
+//# sourceMappingURL=DropzoneComponent.js.map