bmi-next-brokers 2.2.6 → 2.2.7

package/dist/components/FileUpload/CompactFileUpload.js

@@ -1,8 +1,8 @@
-import { jsx as e, jsxs as r, Fragment as k } from "react/jsx-runtime";
-import { useState as T, useRef as X, useEffect as W } from "react";
+import { jsx as e, jsxs as r, Fragment as $ } from "react/jsx-runtime";
+import { useState as k, useRef as X, useEffect as T } from "react";
 import { Icon as h } from "../../icons/Icon.js";
 import { Spinner as Y } from "../Spinner/Spinner.js";
-import { Button as L } from "../Button/Button.js";
+import { Button as W } from "../Button/Button.js";
 import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1", tt = "_compactFileUploadContainer_g5trv_9", et = "_fullWidth_g5trv_26", nt = "_dragOver_g5trv_35", at = "_variant_document_g5trv_41", ct = "_icon_g5trv_41", ot = "_variant_add_g5trv_45", it = "_disabled_g5trv_50", lt = "_error_g5trv_61", rt = "_warning_g5trv_69", st = "_inverted_g5trv_78", mt = "_uploadContent_g5trv_103", dt = "_textContent_g5trv_113", pt = "_dragText_g5trv_123", _t = "_hiddenInput_g5trv_153", ht = "_compactFileContent_g5trv_166", vt = "_compactFileIcon_g5trv_174", ut = "_compactIconBackground_g5trv_182", gt = "_compactFileText_g5trv_190", ft = "_compactLabel_g5trv_202", Ct = "_compactFileName_g5trv_209", xt = "_compactStatusText_g5trv_210", Nt = "_success_g5trv_221", Ft = "_loading_g5trv_229", It = "_addIconWrapper_g5trv_233", bt = "_browseText_g5trv_239", wt = "_compactVisibilityIcon_g5trv_246", Dt = "_compactActions_g5trv_255", yt = "_deleteText_g5trv_262", t = {
   inputContainer: Z,
   compactFileUploadContainer: tt,
@@ -34,7 +34,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1",
   compactActions: Dt,
   deleteText: yt
 }, Bt = ({
-  variant: j = "document",
+  variant: L = "document",
   label: v,
   error: o,
   success: a,
@@ -42,11 +42,11 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1",
   loading: c,
   defaultFile: b = null,
   disabled: m = !1,
-  inverted: B = !1,
-  browseText: E = "Seleccionar archivo",
+  inverted: j = !1,
+  browseText: B = "Seleccionar archivo",
   clearFileText: g = "Eliminar",
   allowedTypes: d,
-  inspectFileFunction: O = () => {
+  inspectFileFunction: E = () => {
     console.warn(
       "No hay función asignada para ver el archivo. Hay que pasarla al componente como prop inspectFileFunction."
     );
@@ -56,32 +56,32 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1",
   onFileSelect: C,
   onSuccessAction: x,
   statusIconBorderRadius: D = "50%",
-  customIcon: R = "Documentos",
-  customInspectIcon: A = "Visibility",
-  fullWidth: S = !1,
-  ...U
+  customIcon: O = "Documentos",
+  customInspectIcon: R = "Visibility",
+  fullWidth: A = !1,
+  ...S
 }) => {
-  const [V, N] = T(!1), [i, F] = T(null), _ = X(null);
-  W(() => {
+  const [U, N] = k(!1), [i, F] = k(null), _ = X(null);
+  T(() => {
     F(b ?? null);
-  }, [b]), W(() => {
+  }, [b]), T(() => {
     if (!i) return;
     const n = [];
     o && n.push("error"), a && n.push("success"), c && n.push("loading"), n.length > 1 && console.warn(
       `⚠️ CompactFileUpload: Múltiples estados detectados (${n.join(", ")}). Solo un estado debe estar activo a la vez.`
     );
   }, [o, a, c, i]);
-  const M = (n) => {
+  const V = (n) => {
     n.preventDefault(), m || N(!0);
-  }, z = (n) => {
+  }, M = (n) => {
     n.preventDefault(), N(!1);
-  }, q = (n) => {
+  }, z = (n) => {
     n.preventDefault();
-  }, H = (n) => {
+  }, q = (n) => {
     if (n.preventDefault(), N(!1), m) return;
     const s = n.dataTransfer.files;
     y(s);
-  }, P = async (n) => {
+  }, H = async (n) => {
     const s = n.target.files;
     y(s);
   }, y = async (n) => {
@@ -111,37 +111,37 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1",
         return l.items.add(s), l.files;
       })() : null
     ));
-  }, G = () => {
+  }, P = () => {
     !i && !m && _.current && _.current.click();
-  }, $ = () => {
+  }, G = () => {
     F(null), _.current && (_.current.value = "");
   }, J = () => {
-    $();
+    G();
   }, K = () => {
-    x == null || x(), $();
+    x == null || x();
   }, Q = [
     t.compactFileUploadContainer,
-    S && t.fullWidth,
-    t[`variant_${j}`],
+    A && t.fullWidth,
+    t[`variant_${L}`],
     !i && u ? t.warning : "",
     i && !c && !a && o ? t.error : "",
     i && !o && !a && c ? t.loading : "",
     i && !o && !c && a ? t.success : "",
     m ? t.disabled : "",
-    B ? t.inverted : "",
-    V ? t.dragOver : ""
+    j ? t.inverted : "",
+    U ? t.dragOver : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("div", { className: t.inputContainer, children: /* @__PURE__ */ r(
     "div",
     {
       className: Q,
-      onDragEnter: M,
-      onDragLeave: z,
-      onDragOver: q,
-      onDrop: H,
-      onClick: G,
+      onDragEnter: V,
+      onDragLeave: M,
+      onDragOver: z,
+      onDrop: q,
+      onClick: P,
       style: { cursor: m ? "not-allowed" : "pointer" },
-      ...U,
+      ...S,
       children: [
         /* @__PURE__ */ e(
           "input",
@@ -149,7 +149,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1",
             ref: _,
             type: "file",
             className: t.hiddenInput,
-            onChange: P,
+            onChange: H,
             disabled: m,
             accept: d == null ? void 0 : d.join(",")
           }
@@ -196,7 +196,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1",
                     children: /* @__PURE__ */ e(
                       h,
                       {
-                        name: o ? "CancelIcon" : a ? "CheckIcon" : R,
+                        name: o ? "CancelIcon" : a ? "CheckIcon" : O,
                         fill: "white",
                         height: 20,
                         width: 20
@@ -207,7 +207,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1",
               }
             ) }),
             /* @__PURE__ */ r("div", { className: t.compactFileText, children: [
-              !o && !c && !a && /* @__PURE__ */ r(k, { children: [
+              !o && !c && !a && /* @__PURE__ */ r($, { children: [
                 v && /* @__PURE__ */ e("span", { className: `small1Medium ${t.compactLabel}`, children: v }),
                 /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactFileName}`, children: i == null ? void 0 : i.name })
               ] }),
@@ -233,11 +233,11 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1",
                 "div",
                 {
                   className: t.compactVisibilityIcon,
-                  onClick: O,
+                  onClick: E,
                   children: /* @__PURE__ */ e(
                     h,
                     {
-                      name: A,
+                      name: R,
                       fill: "#2054A5",
                       height: 24,
                       width: 24
@@ -246,7 +246,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1",
                 }
               ),
               (o || a) && /* @__PURE__ */ e(
-                L,
+                W,
                 {
                   variant: g ? "outline" : "ghost",
                   icon: {
@@ -302,7 +302,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1",
             /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactStatusText}`, children: u })
           ] }),
           /* @__PURE__ */ e("div", { className: t.compactActions, children: /* @__PURE__ */ e(
-            L,
+            W,
             {
               variant: "outline",
               icon: {
@@ -312,7 +312,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1",
               children: "Subir doc"
             }
           ) })
-        ] }) : /* @__PURE__ */ e(k, { children: /* @__PURE__ */ r("div", { className: t.textContent, children: [
+        ] }) : /* @__PURE__ */ e($, { children: /* @__PURE__ */ r("div", { className: t.textContent, children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -323,7 +323,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_g5trv_1",
               children: /* @__PURE__ */ e("div", { style: { marginTop: "3px" }, children: /* @__PURE__ */ e(h, { name: "Add", fill: "white", height: 27, width: 27 }) })
             }
           ),
-          /* @__PURE__ */ e("span", { className: `small1Medium ${t.browseText}`, children: E })
+          /* @__PURE__ */ e("span", { className: `small1Medium ${t.browseText}`, children: B })
         ] }) }) })
       ]
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bmi-next-brokers",
   "description": "Componentes de UI para proyecto BMI Next Brokers",
-  "version": "2.2.6",
+  "version": "2.2.7",
   "author": "BMI Ahorro España",
   "contributors": [
     "José Ramón Jiménez <jrjimenez@bmicos.com>",