bmi-next-brokers 2.5.7 → 2.5.9

package/dist/components/SearchableInputGroup/index.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { SelectSize } from '../Select';
 export interface SearchableInputGroupField {
     key: string;
@@ -8,7 +9,7 @@ export interface SearchableInputGroupField {
     /** Cabecera de la columna en el dropdown. */
     columnHeader?: string;
 }
-export interface SearchableInputGroupProps {
+export interface SearchableInputGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
     fields: SearchableInputGroupField[];
     /** Valores controlados que se muestran en los inputs. */
     values?: Record<string, string>;
@@ -25,5 +26,6 @@ export interface SearchableInputGroupProps {
     disabled?: boolean;
     size?: SelectSize;
     btc?: boolean;
+    containerClassName?: string;
 }
-export declare const SearchableInputGroup: ({ fields, values, options, onSearch, onSelect, noResultMessage, loading, disabled, btc, size, }: SearchableInputGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchableInputGroup: ({ fields, values, options, onSearch, onSelect, noResultMessage, loading, disabled, btc, size, className, containerClassName, ...rest }: SearchableInputGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SearchableInputGroup/index.js

@@ -1,103 +1,120 @@
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { useState as S, useRef as v, useEffect as T } from "react";
-import { createPortal as W } from "react-dom";
-import { Input as y } from "../Input/Input.js";
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import { useState as W, useRef as N, useEffect as y } from "react";
+import { createPortal as L } from "react-dom";
+import { Input as O } from "../Input/Input.js";
 import { s as n } from "../../Select.module-D_7bjq9u.js";
-import { useBTC as B } from "../../hooks/btcContext/useBtcContext.js";
-import { useDropdownPosition as L } from "../../hooks/useDropdownPosition.js";
-import '../../assets/index4.css';const O = "_container_1kajw_1", k = "_inputs_1kajw_7", F = "_inputWrapper_1kajw_13", p = {
-  container: O,
-  inputs: k,
-  inputWrapper: F
-}, K = ({
+import { useBTC as k } from "../../hooks/btcContext/useBtcContext.js";
+import { useDropdownPosition as F } from "../../hooks/useDropdownPosition.js";
+import '../../assets/index4.css';const G = "_container_1kajw_1", M = "_inputs_1kajw_7", V = "_inputWrapper_1kajw_13", p = {
+  container: G,
+  inputs: M,
+  inputWrapper: V
+}, X = ({
   fields: m,
-  values: N = {},
+  values: _ = {},
   options: a = [],
-  onSearch: _,
+  onSearch: b,
   onSelect: u,
-  noResultMessage: b = "No se encontraron resultados",
-  loading: C = !1,
+  noResultMessage: $ = "No se encontraron resultados",
+  loading: j = !1,
   disabled: f = !1,
-  btc: j = !1,
-  size: s = "medium"
+  btc: C = !1,
+  size: s = "medium",
+  className: h,
+  containerClassName: I,
+  ...R
 }) => {
-  const { btc: I } = B(), $ = j ?? I, [h, c] = S(!1), l = v(null), i = v(null), R = h && !f, x = L({
-    isOpen: h,
+  const { btc: x } = k(), B = C ?? x, [w, c] = W(!1), l = N(null), i = N(null), D = w && !f, E = F({
+    isOpen: w,
     containerRef: l,
     dropdownRef: i,
     size: s,
     optionsLength: a.length,
     isSearchable: !0
   });
-  T(() => {
+  y(() => {
     const e = (t) => {
       l.current && !l.current.contains(t.target) && i.current && !i.current.contains(t.target) && c(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, []);
-  const D = (e, t) => {
-    _(e, t), t.trim() ? c(!0) : c(!1);
-  }, E = (e) => {
+  const P = (e, t) => {
+    b(e, t), t.trim() ? c(!0) : c(!1);
+  }, S = (e) => {
     u == null || u(e), c(!1);
-  }, P = !C && a.length === 0;
-  return /* @__PURE__ */ g("div", { ref: l, className: p.container, children: [
-    /* @__PURE__ */ o("div", { className: p.inputs, children: m.map(({ key: e, label: t, placeholder: r }) => /* @__PURE__ */ o("div", { className: p.inputWrapper, children: /* @__PURE__ */ o(
-      y,
-      {
-        label: t,
-        placeholder: r,
-        value: N[e] ?? "",
-        onChange: (d) => D(e, d.target.value),
-        icon: "SearchIcon",
-        size: s,
-        disabled: f,
-        btc: $
-      }
-    ) }, e)) }),
-    R && W(
-      /* @__PURE__ */ o(
-        "div",
-        {
-          ref: i,
-          className: [
-            n.dropdown,
-            n[s],
-            n.dropdownPortal,
-            n.dropdownTable
-          ].join(" "),
-          style: x,
-          children: a.length > 0 ? a.map((e, t) => /* @__PURE__ */ o(
+  }, T = !j && a.length === 0;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      ref: l,
+      className: [p.container, I].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: `${p.inputs} ${h || ""}`,
+            ...R,
+            children: m.map(({ key: e, label: t, placeholder: r }) => /* @__PURE__ */ o("div", { className: p.inputWrapper, children: /* @__PURE__ */ o(
+              O,
+              {
+                label: t,
+                placeholder: r,
+                value: _[e] ?? "",
+                onChange: (d) => P(e, d.target.value),
+                icon: "SearchIcon",
+                size: s,
+                disabled: f,
+                btc: B
+              }
+            ) }, e))
+          }
+        ),
+        D && L(
+          /* @__PURE__ */ o(
             "div",
             {
-              className: `${n.option} ${n.optionTable}`,
-              onMouseDown: (r) => {
-                r.preventDefault(), r.stopPropagation(), E(e);
-              },
-              children: m.map(({ key: r, columnKey: d, columnHeader: w }) => /* @__PURE__ */ g("div", { className: n.tableColumn, children: [
-                w && /* @__PURE__ */ o(
-                  "div",
-                  {
-                    className: `${n.columnHeader} ${n[s]}`,
-                    children: w
-                  }
-                ),
-                /* @__PURE__ */ o(
-                  "div",
-                  {
-                    className: `${n.columnValue} ${n[s]}`,
-                    children: String(e[d ?? r] ?? "")
-                  }
-                )
-              ] }, r))
-            },
-            t
-          )) : P && /* @__PURE__ */ o("span", { className: n.noResults, children: b })
-        }
-      ),
-      document.getElementById("root") || document.body
-    )
-  ] });
+              ref: i,
+              className: [
+                n.dropdown,
+                n[s],
+                n.dropdownPortal,
+                n.dropdownTable
+              ].join(" "),
+              style: E,
+              children: a.length > 0 ? a.map((e, t) => /* @__PURE__ */ o(
+                "div",
+                {
+                  className: `${n.option} ${n.optionTable}`,
+                  onMouseDown: (r) => {
+                    r.preventDefault(), r.stopPropagation(), S(e);
+                  },
+                  children: m.map(({ key: r, columnKey: d, columnHeader: g }) => /* @__PURE__ */ v("div", { className: n.tableColumn, children: [
+                    g && /* @__PURE__ */ o(
+                      "div",
+                      {
+                        className: `${n.columnHeader} ${n[s]}`,
+                        children: g
+                      }
+                    ),
+                    /* @__PURE__ */ o(
+                      "div",
+                      {
+                        className: `${n.columnValue} ${n[s]}`,
+                        children: String(e[d ?? r] ?? "")
+                      }
+                    )
+                  ] }, r))
+                },
+                t
+              )) : T && /* @__PURE__ */ o("span", { className: n.noResults, children: $ })
+            }
+          ),
+          document.getElementById("root") || document.body
+        )
+      ]
+    }
+  );
 };
 export {
-  K as SearchableInputGroup
+  X as SearchableInputGroup
 };

package/dist/components/Select/Select.js

@@ -1,13 +1,13 @@
 import { jsxs as p, jsx as l, Fragment as G } from "react/jsx-runtime";
-import { useState as J, useRef as D, useEffect as K, useMemo as de } from "react";
+import { useState as J, useRef as C, useEffect as K, useMemo as de } from "react";
 import { createPortal as Re } from "react-dom";
 import { s as e } from "../../Select.module-D_7bjq9u.js";
 import { Icon as W } from "../../icons/Icon.js";
 import { HelperText as We } from "../helperText/index.js";
 import { FieldError as xe } from "../fieldError/index.js";
 import { useIsMediaQuery as Pe } from "../../hooks/useMediaQuery.js";
-import { Drawer as Fe } from "../drawer/index.js";
-import { useClose as Ve } from "../../hooks/useClose.js";
+import { Drawer as Ve } from "../drawer/index.js";
+import { useClose as Fe } from "../../hooks/useClose.js";
 import { Input as je } from "../Input/Input.js";
 import { useBTC as Me } from "../../hooks/btcContext/useBtcContext.js";
 import { useDropdownPosition as Be } from "../../hooks/useDropdownPosition.js";
@@ -16,23 +16,23 @@ const nr = ({
   label: x,
   error: U,
   helperText: P,
-  icon: C,
+  icon: L,
   className: ue,
   required: me,
-  placeholder: F = "Seleccionar...",
-  options: b = [],
-  value: h,
+  placeholder: V = "Seleccionar...",
+  options: y = [],
+  value: f,
   onChange: i,
-  onSearchInput: V,
-  disabled: S = !1,
+  onSearchInput: F,
+  disabled: v = !1,
   inverted: g = !1,
-  dynamicIcon: fe = !1,
-  showPlaceholderIcon: he = !1,
+  dynamicIcon: he = !1,
+  showPlaceholderIcon: fe = !1,
   btc: X,
-  columnHeaders: _,
+  columnHeaders: k,
   searchable: pe = !1,
   noSearchResult: Y = "No se encontraron resultados",
-  searchAndCheckbox: k = !1,
+  searchAndCheckbox: E = !1,
   customBorderColor: Z,
   responsive: ge = !1,
   title: $e,
@@ -40,60 +40,65 @@ const nr = ({
   highlightMatch: Ne = !1,
   ...Se
 }) => {
-  const j = !!V, { btc: ve } = Me(), be = X ?? ve, [a, v] = J(!1), [u, ye] = J(""), s = pe || k, $ = k, M = D(null), Oe = D(null), E = D(null), z = D(null), B = D(null), [y, w] = J([]), De = a && !S, Ce = Pe(`(max-width: ${we}px)`), A = ge && Ce && !S;
+  const j = !!F, { btc: ve } = Me(), be = X ?? ve, [a, b] = J(!1), [m, ye] = J(""), s = pe || E, $ = E, M = C(null), Oe = C(null), T = C(null), z = C(null), B = C(null), [O, w] = J([]), De = a && !v, Ce = Pe(`(max-width: ${we}px)`), A = ge && Ce && !v;
   K(() => {
     if ($)
-      if (Array.isArray(h) && h.length > 0) {
-        const r = b.filter((t) => h.includes(t.value)), n = r.map((t) => t.value);
-        w(r), (n.length !== h.length || !n.every((t) => h.includes(t))) && i && i(n);
+      if (Array.isArray(f) && f.length > 0) {
+        const r = y.filter((n) => f.includes(n.value)), t = r.map((n) => n.value);
+        w((n) => {
+          const u = n.map((S) => S.value);
+          return u.length === r.length && r.every((S) => u.includes(S.value)) ? n : r;
+        }), (t.length !== f.length || !t.every((n) => f.includes(n))) && i && i(t);
       } else
-        w([]);
-    else if (h) {
-      const r = b.find((n) => n.value === h);
-      r ? w([r]) : (w([]), i && i(""));
+        w((r) => r.length === 0 ? r : []);
+    else if (f) {
+      const r = y.find((t) => t.value === f);
+      r ? w(
+        (t) => t.length === 1 && t[0].value === r.value ? t : [r]
+      ) : (w((t) => t.length === 0 ? t : []), i && i(""));
     } else
-      w([]);
-  }, [h, b, $]);
-  const L = y.map((r) => r.value), o = y[0] ?? null, N = (r) => typeof r == "string" ? r.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "").toLowerCase() : "", ee = D("");
+      w((r) => r.length === 0 ? r : []);
+  }, [f, y, $]);
+  const I = O.map((r) => r.value), o = O[0] ?? null, N = (r) => typeof r == "string" ? r.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/\s+/g, "").toLowerCase() : "", ee = C("");
   K(() => {
     if (!s) return;
-    const r = u.trim(), n = ee.current.trim();
+    const r = m.trim(), t = ee.current.trim();
     if ($) {
       if (r.length > 0) {
-        const d = y.filter(
-          (m) => N(m.label).includes(N(r))
-        ), t = d.map((m) => m.value);
-        d.length !== y.length && (w(d), i && i(t));
+        const d = O.filter(
+          (u) => N(u.label).includes(N(r))
+        ), n = d.map((u) => u.value);
+        d.length !== O.length && (w(d), i && i(n));
       }
-      r === "" && n.length > 0 && (w([]), i && i([]));
+      r === "" && t.length > 0 && (w([]), i && i([]));
     } else
-      o && r.length > 0 && !N(o.label).includes(N(r)) && (w([]), i && i("")), r === "" && n.length > 0 && (w([]), i && i(""));
-    ee.current = u;
+      o && r.length > 0 && !N(o.label).includes(N(r)) && (w([]), i && i("")), r === "" && t.length > 0 && (w([]), i && i(""));
+    ee.current = m;
   }, [
-    u,
+    m,
     o,
-    y,
+    O,
     $,
     s,
     i
   ]);
-  const re = de(() => s ? a ? u : !$ && o ? o.label : $ && L.length > 0 ? `${L.length} ${L.length === 1 ? "seleccionado" : "seleccionados"}` : "" : "", [
+  const re = de(() => s ? a ? m : !$ && o ? o.label : $ && I.length > 0 ? `${I.length} ${I.length === 1 ? "seleccionado" : "seleccionados"}` : "" : "", [
     s,
     a,
-    u,
+    m,
     o,
-    L,
+    I,
     $
-  ]), te = (r) => y.some((n) => n.value === r), T = de(() => !s || !u || j ? b : b.filter(
-    (r) => N(r.label).includes(N(u))
-  ), [b, u, s, j]), I = (() => {
+  ]), te = (r) => O.some((t) => t.value === r), Q = de(() => !s || !m || j ? y : y.filter(
+    (r) => N(r.label).includes(N(m))
+  ), [y, m, s, j]), _ = (() => {
     if (U) return U;
-    if (s && u && u.trim().length > 0 && T.length === 0 && !a && !h)
+    if (s && m && m.trim().length > 0 && Q.length === 0 && !a && !f)
       return Y;
   })();
   K(() => {
-    const r = (n) => {
-      M.current && !M.current.contains(n.target) && E.current && !E.current.contains(n.target) && v(!1);
+    const r = (t) => {
+      M.current && !M.current.contains(t.target) && T.current && !T.current.contains(t.target) && b(!1);
     };
     return document.addEventListener("mousedown", r), () => {
       document.removeEventListener("mousedown", r);
@@ -103,130 +108,130 @@ const nr = ({
     e.select,
     be && e.btc,
     e[c],
-    I ? e.error : "",
-    S ? e.disabled : "",
+    _ ? e.error : "",
+    v ? e.disabled : "",
     a ? e.open : "",
     g ? e.inverted : "",
     ue
-  ].filter(Boolean).join(" "), O = c === "small" ? 16 : c === "large" ? 20 : c === "extraLarge" ? 24 : 18, ne = fe && (o != null && o.icon) && !(s && a) ? o.icon : C, Ie = () => {
+  ].filter(Boolean).join(" "), D = c === "small" ? 16 : c === "large" ? 20 : c === "extraLarge" ? 24 : 18, ne = he && (o != null && o.icon) && !(s && a) ? o.icon : L, Ie = () => {
     var r;
-    S || (v(!a), s && !a && (se(), (r = B.current) == null || r.focus()));
-  }, q = (r, n = !0) => {
+    v || (b(!a), s && !a && (se(), (r = B.current) == null || r.focus()));
+  }, q = (r, t = !0) => {
     if (i)
       if ($) {
-        const d = Array.isArray(h) ? h : [], m = d.includes(r) ? d.filter((f) => f !== r) : [...d, r];
-        i(m);
+        const d = Array.isArray(f) ? f : [], u = d.includes(r) ? d.filter((h) => h !== r) : [...d, r];
+        i(u);
       } else
-        i(r), n && v(!1);
+        i(r), t && b(!1);
   }, le = (r) => {
-    const n = r.target.value;
-    ye(n), a || v(!0), V && V(n);
+    const t = r.target.value;
+    ye(t), a || b(!0), F && F(t);
   }, se = () => {
-    a || v(!0);
+    a || b(!0);
   }, _e = (r) => {
-    A && (r.preventDefault(), r.stopPropagation()), s && (r.stopPropagation(), a || (v(!0), setTimeout(() => {
-      var n;
-      (n = B.current) == null || n.focus();
+    A && (r.preventDefault(), r.stopPropagation()), s && (r.stopPropagation(), a || (b(!0), setTimeout(() => {
+      var t;
+      (t = B.current) == null || t.focus();
     }, 0)));
-  }, H = (r, n) => {
-    if (!Ne || !n.trim()) return r;
-    const d = N(r), t = N(n.trim());
-    if (!d.includes(t)) return r;
-    const m = [], f = [];
+  }, H = (r, t) => {
+    if (!Ne || !t.trim()) return r;
+    const d = N(r), n = N(t.trim());
+    if (!d.includes(n)) return r;
+    const u = [], h = [];
     for (let R = 0; R < r.length; R++) {
       const Qe = N(r[R]);
       for (let oe = 0; oe < Qe.length; oe++)
-        f.push(R);
+        h.push(R);
     }
-    const Q = d.indexOf(t), Te = Q + t.length - 1, ie = f[Q], ae = f[Te] + 1;
-    return m.push(r.slice(0, ie)), m.push(
+    const S = d.indexOf(n), Te = S + n.length - 1, ie = h[S], ae = h[Te] + 1;
+    return u.push(r.slice(0, ie)), u.push(
       /* @__PURE__ */ l("mark", { className: e.highlight, children: r.slice(ie, ae) }, "highlight")
-    ), m.push(r.slice(ae)), /* @__PURE__ */ l(G, { children: m });
+    ), u.push(r.slice(ae)), /* @__PURE__ */ l(G, { children: u });
   }, ke = Be({
     isOpen: a,
     containerRef: z,
-    dropdownRef: E,
+    dropdownRef: T,
     size: c,
-    optionsLength: T.length,
+    optionsLength: Q.length,
     isSearchable: s,
     label: x,
     helperText: P,
-    displayError: I
+    displayError: _
   }), ce = ({
     insideDrawer: r = !1,
-    handleOptionClickProp: n
+    handleOptionClickProp: t
   }) => {
-    const d = (t) => {
-      n ? n(t) : q(t);
+    const d = (n) => {
+      t ? t(n) : q(n);
     };
-    return T.length > 0 ? T.map((t, m) => /* @__PURE__ */ p(
+    return Q.length > 0 ? Q.map((n, u) => /* @__PURE__ */ p(
       "div",
       {
-        className: `${e.option} ${r ? e.isDrawer : ""} ${te(t.value) ? e.optionSelected : ""} ${g ? e.option_inverted : ""} ${t.columns ? e.optionTable : ""} ${k ? e.optionWithCheckbox : ""}`,
-        onClick: (f) => {
-          f.stopPropagation(), d(t.value);
+        className: `${e.option} ${r ? e.isDrawer : ""} ${te(n.value) ? e.optionSelected : ""} ${g ? e.option_inverted : ""} ${n.columns ? e.optionTable : ""} ${E ? e.optionWithCheckbox : ""}`,
+        onClick: (h) => {
+          h.stopPropagation(), d(n.value);
         },
         children: [
-          k && /* @__PURE__ */ l(
+          E && /* @__PURE__ */ l(
             "input",
             {
               type: "checkbox",
-              checked: te(t.value),
-              onChange: () => q(t.value),
-              onClick: (f) => f.stopPropagation(),
+              checked: te(n.value),
+              onChange: () => q(n.value),
+              onClick: (h) => h.stopPropagation(),
               className: e.optionCheckbox
             }
           ),
-          t.columns ? /* @__PURE__ */ l(G, { children: _ && Object.entries(_).map(([f, Q]) => /* @__PURE__ */ p("div", { className: e.tableColumn, children: [
-            /* @__PURE__ */ l("div", { className: `${e.columnHeader} ${e[c]}`, children: Q }),
+          n.columns ? /* @__PURE__ */ l(G, { children: k && Object.entries(k).map(([h, S]) => /* @__PURE__ */ p("div", { className: e.tableColumn, children: [
+            /* @__PURE__ */ l("div", { className: `${e.columnHeader} ${e[c]}`, children: S }),
             /* @__PURE__ */ l("div", { className: `${e.columnValue} ${e[c]}`, children: H(
-              String(t.columns[f] ?? ""),
-              u
+              String(n.columns[h] ?? ""),
+              m
             ) })
-          ] }, f)) }) : (
+          ] }, h)) }) : (
             //opción tiene descripción
-            t.description ? /* @__PURE__ */ p("div", { className: e.optionWithDescriptionWrapper, children: [
-              (t.icon || C) && /* @__PURE__ */ l(
+            n.description ? /* @__PURE__ */ p("div", { className: e.optionWithDescriptionWrapper, children: [
+              (n.icon || L) && /* @__PURE__ */ l(
                 W,
                 {
-                  name: t.icon || C,
-                  width: O,
-                  height: O
+                  name: n.icon || L,
+                  width: D,
+                  height: D
                 }
               ),
               /* @__PURE__ */ p("div", { className: e.optionWithDescription, children: [
-                /* @__PURE__ */ l("span", { className: e.optionWithDescriptionLabel, children: H(t.label, u) }),
-                /* @__PURE__ */ l("span", { className: e.optionWithDescriptionValue, children: t.description })
+                /* @__PURE__ */ l("span", { className: e.optionWithDescriptionLabel, children: H(n.label, m) }),
+                /* @__PURE__ */ l("span", { className: e.optionWithDescriptionValue, children: n.description })
               ] })
             ] }) : /* @__PURE__ */ p(G, { children: [
-              (t.icon || C) && /* @__PURE__ */ l("div", { className: e.optionIcon, children: /* @__PURE__ */ l(
+              (n.icon || L) && /* @__PURE__ */ l("div", { className: e.optionIcon, children: /* @__PURE__ */ l(
                 W,
                 {
-                  name: t.icon || C,
-                  width: O,
-                  height: O
+                  name: n.icon || L,
+                  width: D,
+                  height: D
                 }
               ) }),
-              /* @__PURE__ */ l("div", { style: { whiteSpace: "pre-line", lineHeight: 1.25 }, children: H(t.label, u) })
+              /* @__PURE__ */ l("div", { style: { whiteSpace: "pre-line", lineHeight: 1.25 }, children: H(n.label, m) })
             ] })
           )
         ]
       },
-      m
+      u
     )) : /* @__PURE__ */ l("span", { className: e.noResults, children: Y });
   }, Ee = () => {
-    const r = Ve(), n = (d) => {
+    const r = Fe(), t = (d) => {
       q(d, !1), $ || r();
     };
     return /* @__PURE__ */ l(
       "div",
       {
-        className: `${e.dropdown} ${e.isDrawer} ${e[c]}  ${g ? e.dropdown_inverted : ""} ${_ ? e.dropdownTable : ""} ${s ? e.dropdownSearchable : ""}`,
+        className: `${e.dropdown} ${e.isDrawer} ${e[c]}  ${g ? e.dropdown_inverted : ""} ${k ? e.dropdownTable : ""} ${s ? e.dropdownSearchable : ""}`,
         children: /* @__PURE__ */ l(
           ce,
           {
             insideDrawer: !0,
-            handleOptionClickProp: n
+            handleOptionClickProp: t
           }
         )
       }
@@ -236,13 +241,13 @@ const nr = ({
     "div",
     {
       ref: z,
-      className: `${e.selectContainer} ${c === "medium" ? e.selectContainer_medium : c === "large" ? e.selectContainer_large : c === "extraLarge" ? e.selectContainer_extraLarge : ""} ${S ? e.disabled : ""}`,
+      className: `${e.selectContainer} ${c === "medium" ? e.selectContainer_medium : c === "large" ? e.selectContainer_large : c === "extraLarge" ? e.selectContainer_extraLarge : ""} ${v ? e.disabled : ""}`,
       ...Se,
       children: [
         x && /* @__PURE__ */ p(
           "label",
           {
-            className: `${e.label} ${c === "large" ? e.label_large : ""} ${c === "extraLarge" ? e.label_extraLarge : ""} ${g ? e.label_inverted : ""} ${S ? e.disabled : ""} `,
+            className: `${e.label} ${c === "large" ? e.label_large : ""} ${c === "extraLarge" ? e.label_extraLarge : ""} ${g ? e.label_inverted : ""} ${v ? e.disabled : ""} `,
             children: [
               x,
               /* @__PURE__ */ l(
@@ -265,7 +270,7 @@ const nr = ({
               style: Z ? { borderColor: Z } : void 0,
               children: [
                 /* @__PURE__ */ p("div", { className: e.iconLabel, children: [
-                  (s || ne && he) && /* @__PURE__ */ l(
+                  (s || ne && fe) && /* @__PURE__ */ l(
                     "div",
                     {
                       className: `${e.icon} ${g ? e.icon_inverted : ""}`,
@@ -273,8 +278,8 @@ const nr = ({
                         W,
                         {
                           name: s ? "SearchIcon" : ne,
-                          width: O,
-                          height: O
+                          width: D,
+                          height: D
                         }
                       )
                     }
@@ -284,19 +289,19 @@ const nr = ({
                     {
                       ref: B,
                       value: re,
-                      className: `${e.selectInput} ${!o && !a && L.length === 0 ? e.placeholder : ""}`,
-                      placeholder: F,
+                      className: `${e.selectInput} ${!o && !a && I.length === 0 ? e.placeholder : ""}`,
+                      placeholder: V,
                       onChange: le,
                       onFocus: se,
                       onClick: _e,
-                      disabled: S,
+                      disabled: v,
                       readOnly: A || !a
                     }
                   ) : /* @__PURE__ */ l(
                     "span",
                     {
                       className: `${e.selectValue} ${o ? "" : e.placeholder}`,
-                      children: o ? o.label : F
+                      children: o ? o.label : V
                     }
                   )
                 ] }),
@@ -313,19 +318,19 @@ const nr = ({
             }
           ),
           A ? /* @__PURE__ */ p(
-            Fe,
+            Ve,
             {
               className: e.drawerSelect,
               headerClassName: e.drawerSelectHeader,
               isOpen: a,
-              setIsOpen: v,
+              setIsOpen: b,
               title: $e,
               zIndex: 1,
               children: [
                 s && /* @__PURE__ */ l("div", { className: e.drawerSearchInput, children: /* @__PURE__ */ l(
                   je,
                   {
-                    placeholder: F,
+                    placeholder: V,
                     icon: "SearchIcon",
                     value: re,
                     onChange: le,
@@ -339,8 +344,8 @@ const nr = ({
             /* @__PURE__ */ l(
               "div",
               {
-                ref: E,
-                className: `${e.dropdown} ${e[c]} ${e.dropdownPortal} ${g ? e.dropdown_inverted : ""} ${_ ? e.dropdownTable : ""} ${s ? e.dropdownSearchable : ""}`,
+                ref: T,
+                className: `${e.dropdown} ${e[c]} ${e.dropdownPortal} ${g ? e.dropdown_inverted : ""} ${k ? e.dropdownTable : ""} ${s ? e.dropdownSearchable : ""}`,
                 style: ke,
                 children: /* @__PURE__ */ l(ce, {})
               }
@@ -348,8 +353,8 @@ const nr = ({
             document.getElementById("root") || document.body
           )
         ] }),
-        I && /* @__PURE__ */ l(xe, { message: I, size: c, inverted: g }),
-        P && !I && /* @__PURE__ */ l(We, { message: P, size: c, inverted: g })
+        _ && /* @__PURE__ */ l(xe, { message: _, size: c, inverted: g }),
+        P && !_ && /* @__PURE__ */ l(We, { message: P, size: c, inverted: g })
       ]
     }
   );

package/dist/main.d.ts

@@ -43,3 +43,4 @@ export type { SpinnerProps, SpinnerColor } from './components/Spinner';
 export type { Step } from './components/stepper';
 export type { ToastProps, ToastType, ToastPosition } from './components/Toast';
 export type { ModalProps } from './components/modal';
+export type { SearchableInputGroupProps, SearchableInputGroupField, } from './components/SearchableInputGroup';

package/package.json

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