bmi-next-brokers 1.1.5 → 1.1.7

package/dist/components/FileUpload/CompactFileUpload.d.ts

@@ -7,6 +7,7 @@ export interface CompactFileUploadProps {
     required?: boolean;
     error?: string;
     success?: string;
+    defaultFile?: File;
     loading?: boolean;
     disabled?: boolean;
     inverted?: boolean;

package/dist/components/FileUpload/CompactFileUpload.js

@@ -1,78 +1,79 @@
-import { jsx as e, jsxs as _, Fragment as F } from "react/jsx-runtime";
-import { useState as N, useRef as W, useEffect as j } from "react";
+import { jsx as e, jsxs as _, Fragment as N } from "react/jsx-runtime";
+import { useState as D, useRef as j, useEffect as $ } from "react";
 import { Icon as u } from "../../icons/Icon.js";
-import { Spinner as $ } from "../Spinner/Spinner.js";
-import '../../assets/CompactFileUpload.css';const z = "_inputContainer_ta4er_1", R = "_compactFileUploadContainer_ta4er_8", q = "_dragOver_ta4er_26", H = "_variant_document_ta4er_32", M = "_icon_ta4er_32", S = "_variant_add_ta4er_36", Y = "_disabled_ta4er_41", G = "_error_ta4er_52", J = "_success_ta4er_60", K = "_loading_ta4er_68", P = "_inverted_ta4er_77", Q = "_uploadContent_ta4er_102", X = "_textContent_ta4er_112", Z = "_dragText_ta4er_121", tt = "_hiddenInput_ta4er_151", et = "_compactFileContent_ta4er_164", at = "_compactFileIcon_ta4er_172", nt = "_compactIconBackground_ta4er_182", ct = "_compactErrorText_ta4er_191", ot = "_compactSuccessText_ta4er_191", it = "_compactLabel_ta4er_191", rt = "_compactFileText_ta4er_191", lt = "_compactFileName_ta4er_203", st = "_addIconWrapper_ta4er_239", dt = "_compactVisibilityIcon_ta4er_245", pt = "_compactActions_ta4er_261", mt = "_compactDeleteAction_ta4er_268", _t = "_deleteText_ta4er_279", t = {
-  inputContainer: z,
-  compactFileUploadContainer: R,
-  dragOver: q,
-  variant_document: H,
-  icon: M,
-  variant_add: S,
-  disabled: Y,
-  error: G,
-  success: J,
-  loading: K,
-  inverted: P,
-  uploadContent: Q,
-  textContent: X,
-  dragText: Z,
-  hiddenInput: tt,
-  compactFileContent: et,
+import { Spinner as z } from "../Spinner/Spinner.js";
+import '../../assets/CompactFileUpload.css';const R = "_inputContainer_ta4er_1", q = "_compactFileUploadContainer_ta4er_8", H = "_dragOver_ta4er_26", M = "_variant_document_ta4er_32", S = "_icon_ta4er_32", Y = "_variant_add_ta4er_36", G = "_disabled_ta4er_41", J = "_error_ta4er_52", K = "_success_ta4er_60", P = "_loading_ta4er_68", Q = "_inverted_ta4er_77", X = "_uploadContent_ta4er_102", Z = "_textContent_ta4er_112", tt = "_dragText_ta4er_121", et = "_hiddenInput_ta4er_151", nt = "_compactFileContent_ta4er_164", at = "_compactFileIcon_ta4er_172", ct = "_compactIconBackground_ta4er_182", ot = "_compactErrorText_ta4er_191", it = "_compactSuccessText_ta4er_191", rt = "_compactLabel_ta4er_191", lt = "_compactFileText_ta4er_191", st = "_compactFileName_ta4er_203", dt = "_addIconWrapper_ta4er_239", pt = "_compactVisibilityIcon_ta4er_245", mt = "_compactActions_ta4er_261", _t = "_compactDeleteAction_ta4er_268", ht = "_deleteText_ta4er_279", t = {
+  inputContainer: R,
+  compactFileUploadContainer: q,
+  dragOver: H,
+  variant_document: M,
+  icon: S,
+  variant_add: Y,
+  disabled: G,
+  error: J,
+  success: K,
+  loading: P,
+  inverted: Q,
+  uploadContent: X,
+  textContent: Z,
+  dragText: tt,
+  hiddenInput: et,
+  compactFileContent: nt,
   compactFileIcon: at,
-  compactIconBackground: nt,
-  compactErrorText: ct,
-  compactSuccessText: ot,
-  compactLabel: it,
-  compactFileText: rt,
-  compactFileName: lt,
-  addIconWrapper: st,
-  compactVisibilityIcon: dt,
-  compactActions: pt,
-  compactDeleteAction: mt,
-  deleteText: _t
-}, gt = ({
-  variant: D = "document",
+  compactIconBackground: ct,
+  compactErrorText: ot,
+  compactSuccessText: it,
+  compactLabel: rt,
+  compactFileText: lt,
+  compactFileName: st,
+  addIconWrapper: dt,
+  compactVisibilityIcon: pt,
+  compactActions: mt,
+  compactDeleteAction: _t,
+  deleteText: ht
+}, xt = ({
+  variant: T = "document",
   label: C,
-  error: n,
+  error: a,
   success: c,
   loading: o = !1,
+  defaultFile: g = null,
   disabled: s = !1,
-  inverted: T = !1,
-  browseText: A = "Seleccionar archivo",
+  inverted: A = !1,
+  browseText: k = "Seleccionar archivo",
   allowedTypes: d,
-  inspectFileFunction: k = () => {
+  inspectFileFunction: y = () => {
     console.warn("No hay función asignada para ver el archivo. Hay que pasarla al componente como prop inspectFileFunction.");
   },
-  maxFileSize: g,
+  maxFileSize: x,
   onFileSelect: p
 }) => {
-  const [y, f] = N(!1), [r, x] = N(null), h = W(null);
-  j(() => {
+  const [b, f] = D(!1), [r, I] = D(g || null), h = j(null);
+  $(() => {
     if (!r) return;
-    const a = [];
-    n && a.push("error"), c && a.push("success"), o && a.push("loading"), a.length > 1 && console.warn(
-      `⚠️ CompactFileUpload: Múltiples estados detectados (${a.join(", ")}). Solo un estado debe estar activo a la vez.`
+    const n = [];
+    a && n.push("error"), c && n.push("success"), o && n.push("loading"), n.length > 1 && console.warn(
+      `⚠️ CompactFileUpload: Múltiples estados detectados (${n.join(", ")}). Solo un estado debe estar activo a la vez.`
     );
-  }, [n, c, o, r]);
-  const b = (a) => {
-    a.preventDefault(), s || f(!0);
-  }, E = (a) => {
-    a.preventDefault(), f(!1);
-  }, w = (a) => {
-    a.preventDefault();
-  }, L = (a) => {
-    if (a.preventDefault(), f(!1), s) return;
-    const l = a.dataTransfer.files;
-    I(l);
-  }, O = (a) => {
-    const l = a.target.files;
-    I(l);
-  }, I = (a) => {
-    if (!a) return;
+  }, [a, c, o, r]);
+  const E = (n) => {
+    n.preventDefault(), s || f(!0);
+  }, w = (n) => {
+    n.preventDefault(), f(!1);
+  }, L = (n) => {
+    n.preventDefault();
+  }, O = (n) => {
+    if (n.preventDefault(), f(!1), s) return;
+    const l = n.dataTransfer.files;
+    F(l);
+  }, B = (n) => {
+    const l = n.target.files;
+    F(l);
+  }, F = (n) => {
+    if (!n) return;
     if (d && d.length > 0)
-      for (let i = 0; i < a.length; i++) {
-        const m = a[i];
+      for (let i = 0; i < n.length; i++) {
+        const m = n[i];
         if (!d.some(
           (v) => v.startsWith(".") ? m.name.toLowerCase().endsWith(v.toLowerCase()) : m.type === v
         )) {
@@ -80,43 +81,43 @@ import '../../assets/CompactFileUpload.css';const z = "_inputContainer_ta4er_1",
           return;
         }
       }
-    if (g)
-      for (let i = 0; i < a.length; i++) {
-        const m = a[i];
-        if (m.size > g) {
+    if (x)
+      for (let i = 0; i < n.length; i++) {
+        const m = n[i];
+        if (m.size > x) {
           console.warn(`File ${m.name} exceeds maximum size`);
           return;
         }
       }
-    const l = a ? a[0] : null;
-    x(l), p == null || p(l ? (() => {
+    const l = n ? n[0] : null;
+    I(l), p == null || p(l ? (() => {
       const i = new DataTransfer();
       return i.items.add(l), i.files;
     })() : null);
-  }, B = () => {
-    !s && h.current && h.current.click();
   }, V = () => {
-    x(null), h.current && (h.current.value = ""), p == null || p(null);
-  }, U = [
+    !s && h.current && h.current.click();
+  }, U = () => {
+    I(null), h.current && (h.current.value = ""), p == null || p(null);
+  }, W = [
     t.compactFileUploadContainer,
-    t[`variant_${D}`],
-    r && n ? t.error : "",
-    r && !n && o ? t.loading : "",
-    r && !n && !o && c ? t.success : "",
+    t[`variant_${T}`],
+    r && a ? t.error : "",
+    r && !a && o ? t.loading : "",
+    r && !a && !o && c ? t.success : "",
     s ? t.disabled : "",
-    T ? t.inverted : "",
-    y ? t.dragOver : ""
+    A ? t.inverted : "",
+    b ? t.dragOver : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("div", { className: t.inputContainer, children: /* @__PURE__ */ _(
     "div",
     {
-      className: U,
-      onDragEnter: b,
-      onDragLeave: E,
-      onDragOver: w,
-      onDrop: L,
+      className: W,
+      onDragEnter: E,
+      onDragLeave: w,
+      onDragOver: L,
+      onDrop: O,
       onClick: r ? () => {
-      } : B,
+      } : V,
       style: { cursor: s ? "not-allowed" : "pointer" },
       children: [
         /* @__PURE__ */ e(
@@ -125,7 +126,7 @@ import '../../assets/CompactFileUpload.css';const z = "_inputContainer_ta4er_1",
             ref: h,
             type: "file",
             className: t.hiddenInput,
-            onChange: O,
+            onChange: B,
             disabled: s,
             accept: d == null ? void 0 : d.join(",")
           }
@@ -134,24 +135,24 @@ import '../../assets/CompactFileUpload.css';const z = "_inputContainer_ta4er_1",
           // Compact layout - simple text with left icon
           /* @__PURE__ */ _("div", { className: t.compactFileContent, children: [
             /* @__PURE__ */ e("div", { className: t.compactFileIcon, children: /* @__PURE__ */ e("div", { className: t.compactIconBackground, style: {
-              background: n ? "#DC2626" : o ? "#2054A5" : c ? "#65A30D" : "#2054A5"
-            }, children: o ? /* @__PURE__ */ e("div", { style: { marginTop: "5px" }, children: /* @__PURE__ */ e($, { size: 10, color: "primary", backgroundColor: "#A2BFEC", highlightColor: "#EEF3FC", thickness: 3 }) }) : /* @__PURE__ */ e("div", { style: { marginTop: "6px" }, children: /* @__PURE__ */ e(
+              background: a ? "#DC2626" : o ? "#2054A5" : c ? "#65A30D" : "#2054A5"
+            }, children: o ? /* @__PURE__ */ e("div", { style: { marginTop: "5px" }, children: /* @__PURE__ */ e(z, { size: 10, color: "primary", backgroundColor: "#A2BFEC", highlightColor: "#EEF3FC", thickness: 3 }) }) : /* @__PURE__ */ e("div", { style: { marginTop: "6px" }, children: /* @__PURE__ */ e(
               u,
               {
-                name: n ? "CancelIcon" : c ? "CheckIcon" : "Documentos",
+                name: a ? "CancelIcon" : c ? "CheckIcon" : "Documentos",
                 fill: "white",
                 height: 22,
                 width: 22
               }
             ) }) }) }),
             /* @__PURE__ */ _("div", { className: t.compactFileText, children: [
-              !n && !o && !c && C && /* @__PURE__ */ e("span", { className: t.compactLabel, children: C }),
+              !a && !o && !c && C && /* @__PURE__ */ e("span", { className: t.compactLabel, children: C }),
               /* @__PURE__ */ e("span", { className: t.compactFileName, children: r.name }),
-              n && /* @__PURE__ */ e("span", { className: t.compactErrorText, children: n }),
+              a && /* @__PURE__ */ e("span", { className: t.compactErrorText, children: a }),
               !o && c && /* @__PURE__ */ e("span", { className: t.compactSuccessText, children: c })
             ] }),
             /* @__PURE__ */ _("div", { className: t.compactActions, children: [
-              !n && !o && !c && /* @__PURE__ */ e("div", { className: t.compactVisibilityIcon, onClick: k, children: /* @__PURE__ */ e(
+              !a && !o && !c && /* @__PURE__ */ e("div", { className: t.compactVisibilityIcon, onClick: y, children: /* @__PURE__ */ e(
                 u,
                 {
                   name: "Visibility",
@@ -160,7 +161,7 @@ import '../../assets/CompactFileUpload.css';const z = "_inputContainer_ta4er_1",
                   width: 20
                 }
               ) }),
-              (n || c || o) && /* @__PURE__ */ e("div", { className: t.compactDeleteAction, onClick: V, children: n ? /* @__PURE__ */ e("span", { className: t.deleteText, children: "Eliminar" }) : c ? /* @__PURE__ */ e(
+              (a || c || o) && /* @__PURE__ */ e("div", { className: t.compactDeleteAction, onClick: U, children: a ? /* @__PURE__ */ e("span", { className: t.deleteText, children: "Eliminar" }) : c ? /* @__PURE__ */ e(
                 u,
                 {
                   name: "CancelIcon",
@@ -168,7 +169,7 @@ import '../../assets/CompactFileUpload.css';const z = "_inputContainer_ta4er_1",
                   height: 16,
                   width: 16
                 }
-              ) : o ? /* @__PURE__ */ _(F, { children: [
+              ) : o ? /* @__PURE__ */ _(N, { children: [
                 /* @__PURE__ */ e(
                   u,
                   {
@@ -184,7 +185,7 @@ import '../../assets/CompactFileUpload.css';const z = "_inputContainer_ta4er_1",
               ] }) : null })
             ] })
           ] })
-        ) : /* @__PURE__ */ e(F, { children: /* @__PURE__ */ _("div", { className: t.textContent, children: [
+        ) : /* @__PURE__ */ e(N, { children: /* @__PURE__ */ _("div", { className: t.textContent, children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -203,12 +204,12 @@ import '../../assets/CompactFileUpload.css';const z = "_inputContainer_ta4er_1",
               ) })
             }
           ),
-          /* @__PURE__ */ e("span", { children: A })
+          /* @__PURE__ */ e("span", { children: k })
         ] }) }) })
       ]
     }
   ) });
 };
 export {
-  gt as CompactFileUpload
+  xt as CompactFileUpload
 };

package/dist/components/FileUpload/FileUpload.d.ts

@@ -8,6 +8,7 @@ export interface FileUploadProps extends React.HTMLAttributes<HTMLSpanElement> {
     success?: string;
     loading?: boolean;
     disabled?: boolean;
+    defaultFile?: File;
     inverted?: boolean;
     dragText?: string;
     browseText?: string;