bmi-next-brokers 1.2.4 → 1.2.6

package/dist/components/FileUpload/CompactFileUpload.js

@@ -1,88 +1,88 @@
-import { jsx as e, jsxs as u, Fragment as b } from "react/jsx-runtime";
-import { useState as y, useRef as z, useEffect as q } from "react";
-import { Icon as g } from "../../icons/Icon.js";
-import { Spinner as H } from "../Spinner/Spinner.js";
-import { Button as D } from "../Button/Button.js";
-import '../../assets/CompactFileUpload.css';const G = "_inputContainer_84wrd_1", J = "_compactFileUploadContainer_84wrd_9", K = "_fullWidth_84wrd_26", P = "_dragOver_84wrd_35", Q = "_variant_document_84wrd_41", X = "_icon_84wrd_41", Y = "_variant_add_84wrd_45", Z = "_disabled_84wrd_50", tt = "_error_84wrd_61", nt = "_warning_84wrd_69", et = "_inverted_84wrd_78", at = "_uploadContent_84wrd_103", ct = "_textContent_84wrd_113", ot = "_dragText_84wrd_123", it = "_hiddenInput_84wrd_153", rt = "_compactFileContent_84wrd_166", lt = "_compactFileIcon_84wrd_174", st = "_compactIconBackground_84wrd_182", dt = "_compactFileText_84wrd_190", mt = "_compactLabel_84wrd_202", pt = "_compactFileName_84wrd_209", _t = "_compactStatusText_84wrd_210", ut = "_success_84wrd_221", ht = "_loading_84wrd_229", ft = "_addIconWrapper_84wrd_233", vt = "_browseText_84wrd_239", wt = "_compactVisibilityIcon_84wrd_246", Ct = "_compactActions_84wrd_255", gt = "_deleteText_84wrd_262", t = {
-  inputContainer: G,
-  compactFileUploadContainer: J,
-  fullWidth: K,
-  dragOver: P,
-  variant_document: Q,
-  icon: X,
-  variant_add: Y,
-  disabled: Z,
-  error: tt,
-  warning: nt,
-  inverted: et,
-  uploadContent: at,
-  textContent: ct,
-  dragText: ot,
-  hiddenInput: it,
-  compactFileContent: rt,
-  compactFileIcon: lt,
-  compactIconBackground: st,
-  compactFileText: dt,
-  compactLabel: mt,
-  compactFileName: pt,
-  compactStatusText: _t,
-  success: ut,
+import { jsx as n, jsxs as l, Fragment as y } from "react/jsx-runtime";
+import { useState as b, useRef as S, useEffect as z } from "react";
+import { Icon as u } from "../../icons/Icon.js";
+import { Spinner as q } from "../Spinner/Spinner.js";
+import { Button as T } from "../Button/Button.js";
+import '../../assets/CompactFileUpload.css';const H = "_inputContainer_84wrd_1", G = "_compactFileUploadContainer_84wrd_9", J = "_fullWidth_84wrd_26", K = "_dragOver_84wrd_35", P = "_variant_document_84wrd_41", Q = "_icon_84wrd_41", X = "_variant_add_84wrd_45", Y = "_disabled_84wrd_50", Z = "_error_84wrd_61", tt = "_warning_84wrd_69", nt = "_inverted_84wrd_78", et = "_uploadContent_84wrd_103", at = "_textContent_84wrd_113", ct = "_dragText_84wrd_123", ot = "_hiddenInput_84wrd_153", it = "_compactFileContent_84wrd_166", rt = "_compactFileIcon_84wrd_174", lt = "_compactIconBackground_84wrd_182", st = "_compactFileText_84wrd_190", dt = "_compactLabel_84wrd_202", mt = "_compactFileName_84wrd_209", pt = "_compactStatusText_84wrd_210", _t = "_success_84wrd_221", ht = "_loading_84wrd_229", ut = "_addIconWrapper_84wrd_233", ft = "_browseText_84wrd_239", vt = "_compactVisibilityIcon_84wrd_246", wt = "_compactActions_84wrd_255", Ct = "_deleteText_84wrd_262", t = {
+  inputContainer: H,
+  compactFileUploadContainer: G,
+  fullWidth: J,
+  dragOver: K,
+  variant_document: P,
+  icon: Q,
+  variant_add: X,
+  disabled: Y,
+  error: Z,
+  warning: tt,
+  inverted: nt,
+  uploadContent: et,
+  textContent: at,
+  dragText: ct,
+  hiddenInput: ot,
+  compactFileContent: it,
+  compactFileIcon: rt,
+  compactIconBackground: lt,
+  compactFileText: st,
+  compactLabel: dt,
+  compactFileName: mt,
+  compactStatusText: pt,
+  success: _t,
   loading: ht,
-  addIconWrapper: ft,
-  browseText: vt,
-  compactVisibilityIcon: wt,
-  compactActions: Ct,
-  deleteText: gt
-}, Dt = ({
-  variant: T = "document",
-  label: v,
+  addIconWrapper: ut,
+  browseText: ft,
+  compactVisibilityIcon: vt,
+  compactActions: wt,
+  deleteText: Ct
+}, bt = ({
+  variant: D = "document",
+  label: f,
   error: a,
   success: c,
-  warning: f,
+  warning: v,
   loading: o = !1,
-  defaultFile: x = null,
+  defaultFile: g = null,
   disabled: d = !1,
-  inverted: $ = !1,
-  browseText: k = "Seleccionar archivo",
+  inverted: k = !1,
+  browseText: $ = "Seleccionar archivo",
   allowedTypes: m,
   inspectFileFunction: A = () => {
     console.warn(
       "No hay función asignada para ver el archivo. Hay que pasarla al componente como prop inspectFileFunction."
     );
   },
-  maxFileSize: I,
+  maxFileSize: x,
   onFileSelect: p,
-  statusIconBorderRadius: W = "50%",
-  fullWidth: B = !1
+  statusIconBorderRadius: N = "50%",
+  fullWidth: W = !1
 }) => {
-  const [E, w] = y(!1), [i, N] = y(
-    x || null
-  ), h = z(null);
-  q(() => {
+  const [j, w] = b(!1), [i, I] = b(
+    g || null
+  ), h = S(null);
+  z(() => {
     if (!i) return;
-    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.`
+    const e = [];
+    a && e.push("error"), c && e.push("success"), o && e.push("loading"), e.length > 1 && console.warn(
+      `⚠️ CompactFileUpload: Múltiples estados detectados (${e.join(", ")}). Solo un estado debe estar activo a la vez.`
     );
   }, [a, c, o, i]);
-  const L = (n) => {
-    n.preventDefault(), d || w(!0);
-  }, O = (n) => {
-    n.preventDefault(), w(!1);
-  }, j = (n) => {
-    n.preventDefault();
-  }, R = (n) => {
-    if (n.preventDefault(), w(!1), d) return;
-    const s = n.dataTransfer.files;
+  const B = (e) => {
+    e.preventDefault(), d || w(!0);
+  }, E = (e) => {
+    e.preventDefault(), w(!1);
+  }, L = (e) => {
+    e.preventDefault();
+  }, O = (e) => {
+    if (e.preventDefault(), w(!1), d) return;
+    const s = e.dataTransfer.files;
     F(s);
-  }, U = async (n) => {
-    const s = n.target.files;
+  }, R = async (e) => {
+    const s = e.target.files;
     F(s);
-  }, F = async (n) => {
-    if (!n) return;
+  }, F = async (e) => {
+    if (!e) return;
     if (m && m.length > 0)
-      for (let r = 0; r < n.length; r++) {
-        const _ = n[r];
+      for (let r = 0; r < e.length; r++) {
+        const _ = e[r];
         if (!m.some(
           (C) => C.startsWith(".") ? _.name.toLowerCase().endsWith(C.toLowerCase()) : _.type === C
         )) {
@@ -90,72 +90,72 @@ import '../../assets/CompactFileUpload.css';const G = "_inputContainer_84wrd_1",
           return;
         }
       }
-    if (I)
-      for (let r = 0; r < n.length; r++) {
-        const _ = n[r];
-        if (_.size > I) {
+    if (x)
+      for (let r = 0; r < e.length; r++) {
+        const _ = e[r];
+        if (_.size > x) {
           console.warn(`File ${_.name} exceeds maximum size`);
           return;
         }
       }
-    const s = n ? n[0] : null;
-    N(s), await (p == null ? void 0 : p(
+    const s = e ? e[0] : null;
+    I(s), await (p == null ? void 0 : p(
       s ? (() => {
         const r = new DataTransfer();
         return r.items.add(s), r.files;
       })() : null
     ));
-  }, V = () => {
+  }, U = () => {
     !d && h.current && h.current.click();
-  }, M = async () => {
-    await (p == null ? void 0 : p(null)), N(null), h.current && (h.current.value = "");
-  }, l = !i && f && !o && !c && !a, S = [
+  }, V = async () => {
+    await (p == null ? void 0 : p(null)), I(null), h.current && (h.current.value = "");
+  }, M = [
     t.compactFileUploadContainer,
-    B && t.fullWidth,
-    t[`variant_${T}`],
-    l ? t.warning : "",
-    i && a ? t.error : "",
-    i && !a && o ? t.loading : "",
+    W && t.fullWidth,
+    t[`variant_${D}`],
+    !i && v ? t.warning : "",
+    i && !o && !c && a ? t.error : "",
+    i && !a && !c && o ? t.loading : "",
     i && !a && !o && c ? t.success : "",
     d ? t.disabled : "",
-    $ ? t.inverted : "",
-    E ? t.dragOver : ""
+    k ? t.inverted : "",
+    j ? t.dragOver : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: t.inputContainer, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ n("div", { className: t.inputContainer, children: /* @__PURE__ */ l(
     "div",
     {
-      className: S,
-      onDragEnter: L,
-      onDragLeave: O,
-      onDragOver: j,
-      onDrop: R,
+      className: M,
+      onDragEnter: B,
+      onDragLeave: E,
+      onDragOver: L,
+      onDrop: O,
       onClick: i ? () => {
-      } : V,
+      } : U,
       style: { cursor: d ? "not-allowed" : "pointer" },
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ n(
           "input",
           {
             ref: h,
             type: "file",
             className: t.hiddenInput,
-            onChange: U,
+            onChange: R,
             disabled: d,
             accept: m == null ? void 0 : m.join(",")
           }
         ),
-        /* @__PURE__ */ e("div", { className: t.uploadContent, children: i || l ? (
+        /* @__PURE__ */ n("div", { className: t.uploadContent, children: i ? (
           // Compact layout - simple text with left icon
-          /* @__PURE__ */ u("div", { className: t.compactFileContent, children: [
-            /* @__PURE__ */ e("div", { className: t.compactFileIcon, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ l("div", { className: t.compactFileContent, children: [
+            /* @__PURE__ */ n("div", { className: t.compactFileIcon, children: /* @__PURE__ */ n(
               "div",
               {
                 className: t.compactIconBackground,
                 style: {
-                  background: a ? "#DC2626" : o ? "#2054A5" : c ? "#65A30D" : f ? "#EA580C" : "#2054A5",
-                  borderRadius: W
+                  background: a && !o ? "#DC2626" : o ? "#2054A5" : c ? "#65A30D" : "#2054A5",
+                  borderRadius: N
                 },
-                children: o ? /* @__PURE__ */ e(
+                children: o ? /* @__PURE__ */ n(
                   "div",
                   {
                     style: {
@@ -164,8 +164,8 @@ import '../../assets/CompactFileUpload.css';const G = "_inputContainer_84wrd_1",
                       alignItems: "center",
                       margin: "4px"
                     },
-                    children: /* @__PURE__ */ e(
-                      H,
+                    children: /* @__PURE__ */ n(
+                      q,
                       {
                         size: 10,
                         color: "primary",
@@ -175,7 +175,7 @@ import '../../assets/CompactFileUpload.css';const G = "_inputContainer_84wrd_1",
                       }
                     )
                   }
-                ) : /* @__PURE__ */ e(
+                ) : /* @__PURE__ */ n(
                   "div",
                   {
                     style: {
@@ -183,10 +183,10 @@ import '../../assets/CompactFileUpload.css';const G = "_inputContainer_84wrd_1",
                       justifyContent: "center",
                       alignItems: "center"
                     },
-                    children: /* @__PURE__ */ e(
-                      g,
+                    children: /* @__PURE__ */ n(
+                      u,
                       {
-                        name: a ? "CancelIcon" : c ? "CheckIcon" : f ? "AlertIcon" : "Documentos",
+                        name: a ? "CancelIcon" : c ? "CheckIcon" : "Documentos",
                         fill: "white",
                         height: 20,
                         width: 20
@@ -196,12 +196,12 @@ import '../../assets/CompactFileUpload.css';const G = "_inputContainer_84wrd_1",
                 )
               }
             ) }),
-            /* @__PURE__ */ u("div", { className: t.compactFileText, children: [
-              !a && !o && !c && !l && /* @__PURE__ */ u(b, { 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 })
+            /* @__PURE__ */ l("div", { className: t.compactFileText, children: [
+              !a && !o && !c && /* @__PURE__ */ l(y, { children: [
+                f && /* @__PURE__ */ n("span", { className: `small1Medium ${t.compactLabel}`, children: f }),
+                /* @__PURE__ */ n("span", { className: `small3Regular ${t.compactFileName}`, children: i == null ? void 0 : i.name })
               ] }),
-              (a || l || o || c) && /* @__PURE__ */ e(
+              (a || o || c) && /* @__PURE__ */ n(
                 "span",
                 {
                   className: `
@@ -209,24 +209,22 @@ import '../../assets/CompactFileUpload.css';const G = "_inputContainer_84wrd_1",
         ${t.compactFileName}
         ${a && t.error}
         ${c && t.success}
-        ${l && t.warning}
         ${o && t.loading}
       `,
-                  children: l ? v : i == null ? void 0 : i.name
+                  children: i == null ? void 0 : i.name
                 }
               ),
-              a && /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactStatusText}`, children: a }),
-              l && /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactStatusText}`, children: f }),
-              c && !o && /* @__PURE__ */ e("span", { className: `small3Regular ${t.compactStatusText}`, children: c })
+              a && /* @__PURE__ */ n("span", { className: `small3Regular ${t.compactStatusText}`, children: a }),
+              c && !o && /* @__PURE__ */ n("span", { className: `small3Regular ${t.compactStatusText}`, children: c })
             ] }),
-            /* @__PURE__ */ u("div", { className: t.compactActions, children: [
-              !a && !o && !c && !l && /* @__PURE__ */ e(
+            /* @__PURE__ */ l("div", { className: t.compactActions, children: [
+              !a && !o && !c && /* @__PURE__ */ n(
                 "div",
                 {
                   className: t.compactVisibilityIcon,
                   onClick: A,
-                  children: /* @__PURE__ */ e(
-                    g,
+                  children: /* @__PURE__ */ n(
+                    u,
                     {
                       name: "Visibility",
                       fill: "#2054A5",
@@ -236,48 +234,88 @@ import '../../assets/CompactFileUpload.css';const G = "_inputContainer_84wrd_1",
                   )
                 }
               ),
-              (a || c || o) && /* @__PURE__ */ e(
-                D,
+              (a || c || o) && /* @__PURE__ */ n(
+                T,
                 {
                   variant: c ? "ghost" : "outline",
                   icon: {
                     name: "CancelIcon",
                     position: "before"
                   },
-                  onClick: M,
+                  onClick: V,
                   children: a ? "Eliminar" : o ? "Cancelar" : ""
                 }
-              ),
-              l && /* @__PURE__ */ e(
-                D,
+              )
+            ] })
+          ] })
+        ) : v ? /* @__PURE__ */ l("div", { className: t.compactFileContent, children: [
+          /* @__PURE__ */ n("div", { className: t.compactFileIcon, children: /* @__PURE__ */ n(
+            "div",
+            {
+              className: t.compactIconBackground,
+              style: {
+                background: "#EA580C",
+                borderRadius: N
+              },
+              children: /* @__PURE__ */ n(
+                "div",
                 {
-                  variant: "outline",
-                  icon: {
-                    name: "Upload",
-                    position: "before"
+                  style: {
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center"
                   },
-                  children: "Subir doc"
+                  children: /* @__PURE__ */ n(
+                    u,
+                    {
+                      name: "AlertIcon",
+                      fill: "white",
+                      height: 20,
+                      width: 20
+                    }
+                  )
                 }
               )
-            ] })
-          ] })
-        ) : /* @__PURE__ */ e(b, { children: /* @__PURE__ */ u("div", { className: t.textContent, children: [
-          /* @__PURE__ */ e(
+            }
+          ) }),
+          /* @__PURE__ */ l("div", { className: t.compactFileText, children: [
+            /* @__PURE__ */ n(
+              "span",
+              {
+                className: ` small1Medium  ${t.compactFileName} ${t.warning}`,
+                children: f
+              }
+            ),
+            /* @__PURE__ */ n("span", { className: `small3Regular ${t.compactStatusText}`, children: v })
+          ] }),
+          /* @__PURE__ */ n("div", { className: t.compactActions, children: /* @__PURE__ */ n(
+            T,
+            {
+              variant: "outline",
+              icon: {
+                name: "Upload",
+                position: "before"
+              },
+              children: "Subir doc"
+            }
+          ) })
+        ] }) : /* @__PURE__ */ n(y, { children: /* @__PURE__ */ l("div", { className: t.textContent, children: [
+          /* @__PURE__ */ n(
             "div",
             {
               className: t.addIconWrapper,
               style: {
                 background: "#2054A5"
               },
-              children: /* @__PURE__ */ e("div", { style: { marginTop: "3px" }, children: /* @__PURE__ */ e(g, { name: "Add", fill: "white", height: 27, width: 27 }) })
+              children: /* @__PURE__ */ n("div", { style: { marginTop: "3px" }, children: /* @__PURE__ */ n(u, { name: "Add", fill: "white", height: 27, width: 27 }) })
             }
           ),
-          /* @__PURE__ */ e("span", { className: `small1Medium ${t.browseText}`, children: k })
+          /* @__PURE__ */ n("span", { className: `small1Medium ${t.browseText}`, children: $ })
         ] }) }) })
       ]
     }
   ) });
 };
 export {
-  Dt as CompactFileUpload
+  bt as CompactFileUpload
 };

package/dist/components/Input/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export type InputSize = "small" | "medium" | "large";
+export type InputSize = "small" | "medium" | "large" | "extraLarge";
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
     size?: InputSize;
     label?: string;
@@ -8,5 +8,6 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     required?: boolean;
     error?: string;
     inverted?: boolean;
+    btc?: boolean;
 }
 export declare const Checkbox: React.FC<CheckboxProps>;