bmi-next-brokers 2.4.1 → 2.4.3

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

@@ -20,6 +20,7 @@ export interface CompactFileUploadProps extends React.InputHTMLAttributes<HTMLIn
     onSuccessAction?: () => void;
     onInvalidTypeAction?: () => void;
     maxFileSize?: number;
+    onInvalidSizeAction?: () => void;
     onFileSelect?: (files: FileList | null) => void | Promise<void>;
     statusIconBorderRadius?: string;
     customIcon?: IconName;
@@ -27,4 +28,4 @@ export interface CompactFileUploadProps extends React.InputHTMLAttributes<HTMLIn
     fullWidth?: boolean;
     clearFileText?: string;
 }
-export declare const CompactFileUpload: ({ variant, label, error, success, warning, loading, defaultFile, disabled, inverted, browseText, clearFileText, allowedTypes, inspectFileFunction, onInvalidTypeAction, maxFileSize, onFileSelect, onSuccessAction, statusIconBorderRadius, customIcon, customInspectIcon, fullWidth, ...props }: CompactFileUploadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CompactFileUpload: ({ variant, label, error, success, warning, loading, defaultFile, disabled, inverted, browseText, clearFileText, allowedTypes, inspectFileFunction, onInvalidTypeAction, maxFileSize, onInvalidSizeAction, onFileSelect, onSuccessAction, statusIconBorderRadius, customIcon, customInspectIcon, fullWidth, ...props }: CompactFileUploadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FileUpload/CompactFileUpload.js

@@ -1,147 +1,148 @@
-import { jsx as e, jsxs as s, 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 s, Fragment as T } from "react/jsx-runtime";
+import { useState as W, useRef as Z, useEffect as L } 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 '../../assets/CompactFileUpload.css';const Z = "_inputContainer_4x7bg_1", tt = "_compactFileUploadContainer_4x7bg_9", et = "_fullWidth_4x7bg_26", nt = "_dragOver_4x7bg_35", at = "_variant_document_4x7bg_41", ct = "_icon_4x7bg_41", ot = "_variant_add_4x7bg_45", it = "_disabled_4x7bg_50", lt = "_error_4x7bg_61", st = "_warning_4x7bg_69", rt = "_inverted_4x7bg_78", mt = "_uploadContent_4x7bg_103", dt = "_textContent_4x7bg_113", pt = "_dragText_4x7bg_123", _t = "_hiddenInput_4x7bg_153", ht = "_compactFileContent_4x7bg_166", ut = "_compactFileIcon_4x7bg_174", gt = "_compactIconBackground_4x7bg_182", xt = "_compactFileText_4x7bg_190", ft = "_compactLabel_4x7bg_202", vt = "_compactFileName_4x7bg_209", bt = "_compactStatusText_4x7bg_210", Ct = "_success_4x7bg_221", Nt = "_loading_4x7bg_229", Ft = "_addIconWrapper_4x7bg_233", It = "_browseText_4x7bg_239", wt = "_compactVisibilityIcon_4x7bg_246", Dt = "_compactActions_4x7bg_255", yt = "_deleteText_4x7bg_262", t = {
-  inputContainer: Z,
-  compactFileUploadContainer: tt,
-  fullWidth: et,
+import { Spinner as z } from "../Spinner/Spinner.js";
+import { Button as j } from "../Button/Button.js";
+import '../../assets/CompactFileUpload.css';const tt = "_inputContainer_4x7bg_1", et = "_compactFileUploadContainer_4x7bg_9", at = "_fullWidth_4x7bg_26", nt = "_dragOver_4x7bg_35", ct = "_variant_document_4x7bg_41", ot = "_icon_4x7bg_41", it = "_variant_add_4x7bg_45", lt = "_disabled_4x7bg_50", st = "_error_4x7bg_61", rt = "_warning_4x7bg_69", mt = "_inverted_4x7bg_78", dt = "_uploadContent_4x7bg_103", pt = "_textContent_4x7bg_113", _t = "_dragText_4x7bg_123", ht = "_hiddenInput_4x7bg_153", ut = "_compactFileContent_4x7bg_166", gt = "_compactFileIcon_4x7bg_174", xt = "_compactIconBackground_4x7bg_182", ft = "_compactFileText_4x7bg_190", bt = "_compactLabel_4x7bg_202", vt = "_compactFileName_4x7bg_209", Ct = "_compactStatusText_4x7bg_210", Nt = "_success_4x7bg_221", Ft = "_loading_4x7bg_229", It = "_addIconWrapper_4x7bg_233", wt = "_browseText_4x7bg_239", Dt = "_compactVisibilityIcon_4x7bg_246", yt = "_compactActions_4x7bg_255", $t = "_deleteText_4x7bg_262", t = {
+  inputContainer: tt,
+  compactFileUploadContainer: et,
+  fullWidth: at,
   dragOver: nt,
-  variant_document: at,
-  icon: ct,
-  variant_add: ot,
-  disabled: it,
-  error: lt,
-  warning: st,
-  inverted: rt,
-  uploadContent: mt,
-  textContent: dt,
-  dragText: pt,
-  hiddenInput: _t,
-  compactFileContent: ht,
-  compactFileIcon: ut,
-  compactIconBackground: gt,
-  compactFileText: xt,
-  compactLabel: ft,
+  variant_document: ct,
+  icon: ot,
+  variant_add: it,
+  disabled: lt,
+  error: st,
+  warning: rt,
+  inverted: mt,
+  uploadContent: dt,
+  textContent: pt,
+  dragText: _t,
+  hiddenInput: ht,
+  compactFileContent: ut,
+  compactFileIcon: gt,
+  compactIconBackground: xt,
+  compactFileText: ft,
+  compactLabel: bt,
   compactFileName: vt,
-  compactStatusText: bt,
-  success: Ct,
-  loading: Nt,
-  addIconWrapper: Ft,
-  browseText: It,
-  compactVisibilityIcon: wt,
-  compactActions: Dt,
-  deleteText: yt
-}, Bt = ({
-  variant: j = "document",
+  compactStatusText: Ct,
+  success: Nt,
+  loading: Ft,
+  addIconWrapper: It,
+  browseText: wt,
+  compactVisibilityIcon: Dt,
+  compactActions: yt,
+  deleteText: $t
+}, Et = ({
+  variant: B = "document",
   label: u,
   error: o,
-  success: a,
+  success: n,
   warning: g,
   loading: c,
-  defaultFile: I = null,
+  defaultFile: w = null,
   disabled: m = !1,
-  inverted: B = !1,
-  browseText: E = "Seleccionar archivo",
+  inverted: E = !1,
+  browseText: O = "Seleccionar archivo",
   clearFileText: x = "Eliminar",
   allowedTypes: d,
-  inspectFileFunction: O = () => {
+  inspectFileFunction: R = () => {
     console.warn(
       "No hay función asignada para ver el archivo. Hay que pasarla al componente como prop inspectFileFunction."
     );
   },
   onInvalidTypeAction: f,
-  maxFileSize: w,
+  maxFileSize: D,
+  onInvalidSizeAction: b,
   onFileSelect: v,
-  onSuccessAction: b,
-  statusIconBorderRadius: D = "50%",
-  customIcon: R = "Documentos",
-  customInspectIcon: A = "Visibility",
-  fullWidth: S = !1,
-  ...U
+  onSuccessAction: C,
+  statusIconBorderRadius: y = "50%",
+  customIcon: U = "Documentos",
+  customInspectIcon: V = "Visibility",
+  fullWidth: M = !1,
+  ...A
 }) => {
-  const [V, C] = T(!1), [i, N] = T(null), _ = X(null);
-  W(() => {
-    N(I ?? null);
-  }, [I]), W(() => {
+  const [S, N] = W(!1), [i, F] = W(null), _ = Z(null);
+  L(() => {
+    F(w ?? null);
+  }, [w]), L(() => {
     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.`
+    const a = [];
+    o && a.push("error"), n && a.push("success"), c && a.push("loading"), a.length > 1 && console.warn(
+      `⚠️ CompactFileUpload: Múltiples estados detectados (${a.join(", ")}). Solo un estado debe estar activo a la vez.`
     );
-  }, [o, a, c, i]);
-  const M = (n) => {
-    n.preventDefault(), m || C(!0);
-  }, z = (n) => {
-    n.preventDefault(), C(!1);
-  }, q = (n) => {
-    n.preventDefault();
-  }, H = (n) => {
-    if (n.preventDefault(), C(!1), m) return;
-    const r = n.dataTransfer.files;
-    y(r);
-  }, P = async (n) => {
-    const r = n.target.files;
-    y(r);
-  }, y = async (n) => {
-    if (!n) return;
+  }, [o, n, c, i]);
+  const q = (a) => {
+    a.preventDefault(), m || N(!0);
+  }, H = (a) => {
+    a.preventDefault(), N(!1);
+  }, P = (a) => {
+    a.preventDefault();
+  }, G = (a) => {
+    if (a.preventDefault(), N(!1), m) return;
+    const r = a.dataTransfer.files;
+    $(r);
+  }, J = async (a) => {
+    const r = a.target.files;
+    $(r);
+  }, $ = async (a) => {
+    if (!a) return;
     if (d && d.length > 0)
-      for (let l = 0; l < n.length; l++) {
-        const p = n[l];
+      for (let l = 0; l < a.length; l++) {
+        const p = a[l];
         if (!d.some(
-          (F) => F.startsWith(".") ? p.name.toLowerCase().endsWith(F.toLowerCase()) : p.type === F
+          (I) => I.startsWith(".") ? p.name.toLowerCase().endsWith(I.toLowerCase()) : p.type === I
         )) {
           f == null || f(), console.warn(`File ${p.name} is not an allowed type`);
           return;
         }
       }
-    if (w)
-      for (let l = 0; l < n.length; l++) {
-        const p = n[l];
-        if (p.size > w) {
-          console.warn(`File ${p.name} exceeds maximum size`);
+    if (D)
+      for (let l = 0; l < a.length; l++) {
+        const p = a[l];
+        if (p.size > D) {
+          b == null || b(), console.warn(`File ${p.name} exceeds maximum size`);
           return;
         }
       }
-    const r = n ? n[0] : null;
-    N(r), await (v == null ? void 0 : v(
+    const r = a ? a[0] : null;
+    F(r), await (v == null ? void 0 : v(
       r ? (() => {
         const l = new DataTransfer();
         return l.items.add(r), l.files;
       })() : null
     ));
-  }, G = () => {
-    !i && !m && _.current && _.current.click();
-  }, $ = () => {
-    N(null), _.current && (_.current.value = "");
-  }, J = () => {
-    $();
   }, K = () => {
-    b == null || b(), $();
-  }, Q = [
+    !i && !m && _.current && _.current.click();
+  }, k = () => {
+    F(null), _.current && (_.current.value = "");
+  }, Q = () => {
+    k();
+  }, X = () => {
+    C == null || C(), k();
+  }, Y = [
     t.compactFileUploadContainer,
-    S && t.fullWidth,
-    t[`variant_${j}`],
+    M && t.fullWidth,
+    t[`variant_${B}`],
     !i && g ? t.warning : "",
-    i && !c && !a && o ? t.error : "",
-    i && !o && !a && c ? t.loading : "",
-    i && !o && !c && a ? t.success : "",
+    i && !c && !n && o ? t.error : "",
+    i && !o && !n && c ? t.loading : "",
+    i && !o && !c && n ? t.success : "",
     m ? t.disabled : "",
-    B ? t.inverted : "",
-    V ? t.dragOver : ""
+    E ? t.inverted : "",
+    S ? t.dragOver : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e("div", { className: t.inputContainer, children: /* @__PURE__ */ s(
     "div",
     {
-      className: Q,
-      onDragEnter: M,
-      onDragLeave: z,
-      onDragOver: q,
-      onDrop: H,
-      onClick: G,
+      className: Y,
+      onDragEnter: q,
+      onDragLeave: H,
+      onDragOver: P,
+      onDrop: G,
+      onClick: K,
       style: { cursor: m ? "not-allowed" : "pointer" },
-      ...U,
+      ...A,
       children: [
         /* @__PURE__ */ e(
           "input",
@@ -149,7 +150,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_4x7bg_1",
             ref: _,
             type: "file",
             className: t.hiddenInput,
-            onChange: P,
+            onChange: J,
             disabled: m,
             accept: d == null ? void 0 : d.join(",")
           }
@@ -162,8 +163,8 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_4x7bg_1",
               {
                 className: t.compactIconBackground,
                 style: {
-                  background: o && !c ? "#DC2626" : c ? "#2054A5" : a ? "#65A30D" : "#2054A5",
-                  borderRadius: D
+                  background: o && !c ? "#DC2626" : c ? "#2054A5" : n ? "#65A30D" : "#2054A5",
+                  borderRadius: y
                 },
                 children: c ? /* @__PURE__ */ e(
                   "div",
@@ -175,7 +176,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_4x7bg_1",
                       margin: "4px"
                     },
                     children: /* @__PURE__ */ e(
-                      Y,
+                      z,
                       {
                         size: 10,
                         color: "primary",
@@ -196,7 +197,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_4x7bg_1",
                     children: /* @__PURE__ */ e(
                       h,
                       {
-                        name: o ? "CancelIcon" : a ? "CheckIcon" : R,
+                        name: o ? "CancelIcon" : n ? "CheckIcon" : U,
                         fill: "white",
                         height: 20,
                         width: 20
@@ -207,37 +208,37 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_4x7bg_1",
               }
             ) }),
             /* @__PURE__ */ s("div", { className: t.compactFileText, children: [
-              !o && !c && !a && /* @__PURE__ */ s(k, { children: [
+              !o && !c && !n && /* @__PURE__ */ s(T, { children: [
                 u && /* @__PURE__ */ e("span", { className: `small1Medium ${t.compactLabel}`, children: u }),
                 /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactFileName}`, children: i == null ? void 0 : i.name })
               ] }),
-              (o || c || a) && /* @__PURE__ */ e(
+              (o || c || n) && /* @__PURE__ */ e(
                 "span",
                 {
                   className: `
         small1Medium 
         ${t.compactFileName}
         ${o && t.error}
-        ${a && t.success}
+        ${n && t.success}
         ${c && t.loading}
       `,
                   children: i == null ? void 0 : i.name
                 }
               ),
               o && /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactStatusText}`, children: o }),
-              a && !c && /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactStatusText}`, children: a }),
+              n && !c && /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactStatusText}`, children: n }),
               c && /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactStatusText}`, children: c })
             ] }),
             /* @__PURE__ */ s("div", { className: t.compactActions, children: [
-              !o && !c && !a && /* @__PURE__ */ e(
+              !o && !c && !n && /* @__PURE__ */ e(
                 "div",
                 {
                   className: t.compactVisibilityIcon,
-                  onClick: O,
+                  onClick: R,
                   children: /* @__PURE__ */ e(
                     h,
                     {
-                      name: A,
+                      name: V,
                       fill: "#2054A5",
                       height: 24,
                       width: 24
@@ -245,16 +246,16 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_4x7bg_1",
                   )
                 }
               ),
-              (o || a) && /* @__PURE__ */ e(
-                L,
+              (o || n) && /* @__PURE__ */ e(
+                j,
                 {
                   variant: x ? "outline" : "ghost",
                   icon: {
                     name: "CancelIcon",
                     position: "before"
                   },
-                  onClick: (n) => {
-                    n.stopPropagation(), a ? K() : J();
+                  onClick: (a) => {
+                    a.stopPropagation(), n ? X() : Q();
                   },
                   children: x || ""
                 }
@@ -268,7 +269,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_4x7bg_1",
               className: t.compactIconBackground,
               style: {
                 background: "#EA580C",
-                borderRadius: D
+                borderRadius: y
               },
               children: /* @__PURE__ */ e(
                 "div",
@@ -302,7 +303,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_4x7bg_1",
             /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactStatusText}`, children: g })
           ] }),
           /* @__PURE__ */ e("div", { className: t.compactActions, children: /* @__PURE__ */ e(
-            L,
+            j,
             {
               variant: "outline",
               icon: {
@@ -312,7 +313,7 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_4x7bg_1",
               children: "Subir doc"
             }
           ) })
-        ] }) : /* @__PURE__ */ e(k, { children: /* @__PURE__ */ s("div", { className: t.textContent, children: [
+        ] }) : /* @__PURE__ */ e(T, { children: /* @__PURE__ */ s("div", { className: t.textContent, children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -323,12 +324,12 @@ import '../../assets/CompactFileUpload.css';const Z = "_inputContainer_4x7bg_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: O })
         ] }) }) })
       ]
     }
   ) });
 };
 export {
-  Bt as CompactFileUpload
+  Et as CompactFileUpload
 };

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

@@ -16,7 +16,8 @@ export interface FileUploadProps extends React.HTMLAttributes<HTMLSpanElement> {
     inspectFileFunction?: () => void;
     onInvalidTypeAction?: () => void;
     maxFileSize?: number;
+    onInvalidSizeAction?: () => void;
     onFileSelect?: (files: FileList | null) => void;
     fullWidth?: boolean;
 }
-export declare const FileUpload: ({ variant, helperText, error, success, loading, disabled, defaultFile, inverted, dragText, browseText, allowedTypes, inspectFileFunction, onInvalidTypeAction, maxFileSize, onFileSelect, fullWidth, style, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileUpload: ({ variant, helperText, error, success, loading, disabled, defaultFile, inverted, dragText, browseText, allowedTypes, inspectFileFunction, onInvalidTypeAction, maxFileSize, onInvalidSizeAction, onFileSelect, fullWidth, style, }: FileUploadProps) => import("react/jsx-runtime").JSX.Element;