siam-ui-utils 3.0.30 → 3.0.32

package/dist/custom-input/CustomInputCurrency.js

@@ -1,85 +1,84 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Input } from "reactstrap";
-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,
-  CustomInputCurrency as default
-};
-//# sourceMappingURL=CustomInputCurrency.js.map
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Input } from "reactstrap";
+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,46 +1,45 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { FormGroup, Label, Input } from "reactstrap";
-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,
-  CustomInputFile as default
-};
-//# sourceMappingURL=CustomInputFile.js.map
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { FormGroup, Label, Input } from "reactstrap";
+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,67 +1,66 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FormGroup, Input, Label } from "reactstrap";
-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,
-  CustomInputRadio as default
-};
-//# sourceMappingURL=CustomInputRadio.js.map
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FormGroup, Input, Label } from "reactstrap";
+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/config.js

@@ -1,59 +1,59 @@
-const dropzoneComponentConfig = {
-  postUrl: "no-url"
-};
-const dropzoneConfig = {
-  thumbnailHeight: 160,
-  acceptedFiles: "image/*,application/pdf,",
-  maxFilesize: 10,
-  maxFiles: 20,
-  dictDefaultMessage: "Presione para agregar imagenes",
-  previewTemplate: `
-      <div class="dz-preview dz-file-preview mb-0">
-        <div class="d-flex flex-row">
-          <div class="p-0 w-30 position-relative">
-            <div class="dz-error-mark">
-              <span>
-                <i></i>
-              </span>
-            </div>
-            <div class="dz-success-mark">
-              <span>
-                <i></i>
-              </span>
-            </div>
-            <div class="preview-container">
-              <img
-                data-dz-thumbnail
-                class="img-thumbnail border-0"
-                alt="preview_image"
-              />
-              <i class="simple-icon-doc preview-icon"></i>
-            </div>
-          </div>
-  
-          <div class="pl-3 pt-2 pr-2 pb-1 w-70 dz-details position-relative">
-            <div>
-              <span data-dz-name></span>
-            </div>
-            <div class="text-primary text-extra-small" data-dz-size></div>
-            <div class="dz-progress">
-              <span class="dz-upload" data-dz-uploadprogress></span>
-            </div>
-            <div class="dz-error-message">
-              <span data-dz-errormessage></span>
-            </div>
-          </div>
-        </div>
-  
-        <a href="#/" class="remove dz-remove" data-dz-remove>
-          <i class="glyph-icon simple-icon-trash"></i>
-        </a>
-      </div>
-    `,
-  autoProcessQueue: false
-};
-export {
-  dropzoneComponentConfig,
-  dropzoneConfig
-};
-//# sourceMappingURL=config.js.map
+const dropzoneComponentConfig = {
+  postUrl: "no-url"
+};
+const dropzoneConfig = {
+  thumbnailHeight: 160,
+  acceptedFiles: "image/*,application/pdf,",
+  maxFilesize: 10,
+  maxFiles: 20,
+  dictDefaultMessage: "Presione para agregar imagenes",
+  previewTemplate: `
+      <div class="dz-preview dz-file-preview mb-0">
+        <div class="d-flex flex-row">
+          <div class="p-0 w-30 position-relative">
+            <div class="dz-error-mark">
+              <span>
+                <i></i>
+              </span>
+            </div>
+            <div class="dz-success-mark">
+              <span>
+                <i></i>
+              </span>
+            </div>
+            <div class="preview-container">
+              <img
+                data-dz-thumbnail
+                class="img-thumbnail border-0"
+                alt="preview_image"
+              />
+              <i class="simple-icon-doc preview-icon"></i>
+            </div>
+          </div>
+  
+          <div class="pl-3 pt-2 pr-2 pb-1 w-70 dz-details position-relative">
+            <div>
+              <span data-dz-name></span>
+            </div>
+            <div class="text-primary text-extra-small" data-dz-size></div>
+            <div class="dz-progress">
+              <span class="dz-upload" data-dz-uploadprogress></span>
+            </div>
+            <div class="dz-error-message">
+              <span data-dz-errormessage></span>
+            </div>
+          </div>
+        </div>
+  
+        <a href="#/" class="remove dz-remove" data-dz-remove>
+          <i class="glyph-icon simple-icon-trash"></i>
+        </a>
+      </div>
+    `,
+  autoProcessQueue: false
+};
+export {
+  dropzoneComponentConfig,
+  dropzoneConfig
+};
+//# sourceMappingURL=config.js.map

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

@@ -1,39 +1,39 @@
-import { jsx } from "react/jsx-runtime";
-import DropzoneComponent from "../_virtual/react-dropzone.js";
-import { dropzoneConfig, dropzoneComponentConfig } from "./config.js";
-import "./index.css";
-const DragAndDropZone = ({
-  files = [],
-  keyDc = null,
-  disableUpload = false,
-  onDeleteFile = () => {
-  },
-  onInsertFile = () => {
-  },
-  className = ""
-}) => {
-  const _className = className + disableUpload === true ? "dz-disable" : "dz-eneable";
-  return /* @__PURE__ */ jsx(
-    DropzoneComponent,
-    {
-      config: dropzoneComponentConfig,
-      initialFiles: [files],
-      className: _className,
-      djsConfig: dropzoneConfig,
-      eventHandlers: {
-        removedfile: (file) => {
-          onDeleteFile(file);
-        },
-        addedfile: (file) => {
-          onInsertFile(file);
-        }
-      }
-    },
-    keyDc
-  );
-};
-export {
-  DragAndDropZone,
-  DragAndDropZone as default
-};
-//# sourceMappingURL=index.js.map
+import { jsx } from "react/jsx-runtime";
+import DropzoneComponent from "../_virtual/react-dropzone.js";
+import { dropzoneConfig, dropzoneComponentConfig } from "./config.js";
+import "./index.css";
+const DragAndDropZone = ({
+  files = [],
+  keyDc = null,
+  disableUpload = false,
+  onDeleteFile = () => {
+  },
+  onInsertFile = () => {
+  },
+  className = ""
+}) => {
+  const _className = className + disableUpload === true ? "dz-disable" : "dz-eneable";
+  return /* @__PURE__ */ jsx(
+    DropzoneComponent,
+    {
+      config: dropzoneComponentConfig,
+      initialFiles: [files],
+      className: _className,
+      djsConfig: dropzoneConfig,
+      eventHandlers: {
+        removedfile: (file) => {
+          onDeleteFile(file);
+        },
+        addedfile: (file) => {
+          onInsertFile(file);
+        }
+      }
+    },
+    keyDc
+  );
+};
+export {
+  DragAndDropZone,
+  DragAndDropZone as default
+};
+//# sourceMappingURL=index.js.map