bmi-next-brokers 1.3.2 → 1.3.3

package/dist/components/Select/Select.js

@@ -1,176 +1,176 @@
-import { jsxs as s, jsx as l, Fragment as C } from "react/jsx-runtime";
-import { useState as M, useRef as N, useEffect as S } from "react";
-import { r as H } from "../../index-CGDUIzcq.js";
-import { Icon as v } from "../../icons/Icon.js";
-import '../../assets/Select.css';const A = "_selectContainer_rm5cq_3", F = "_selectContainer_medium_rm5cq_9", G = "_selectContainer_large_rm5cq_13", J = "_selectContainer_extraLarge_rm5cq_14", K = "_label_rm5cq_18", Q = "_label_large_rm5cq_26", U = "_label_extraLarge_rm5cq_27", X = "_label_disabled_rm5cq_31", Y = "_selectWrapper_rm5cq_35", Z = "_select_rm5cq_3", z = "_medium_rm5cq_57", ee = "_small_rm5cq_58", re = "_btc_rm5cq_76", ne = "_open_rm5cq_87", te = "_disabled_rm5cq_91", le = "_placeholder_rm5cq_99", _e = "_selectValue_rm5cq_103", oe = "_chevron_rm5cq_112", ce = "_chevronOpen_rm5cq_117", ae = "_large_rm5cq_134", se = "_extraLarge_rm5cq_140", de = "_error_rm5cq_147", ie = "_errorShake_rm5cq_1", me = "_errorMessage_rm5cq_187", pe = "_errorMessageSlide_rm5cq_1", ue = "_errorMessage_medium_rm5cq_195", he = "_errorMessage_small_rm5cq_196", qe = "_errorMessage_large_rm5cq_200", ge = "_errorMessage_extraLarge_rm5cq_201", be = "_errorMessage_inverted_rm5cq_205", ve = "_helperText_rm5cq_209", xe = "_helperText_medium_rm5cq_215", $e = "_helperText_small_rm5cq_216", we = "_helperText_large_rm5cq_220", Te = "_helperText_extraLarge_rm5cq_221", fe = "_helperText_disabled_rm5cq_225", Le = "_iconLabel_rm5cq_229", Ce = "_icon_rm5cq_229", Me = "_icon_disabled_rm5cq_245", Ne = "_required_rm5cq_250", Se = "_required_inverted_rm5cq_255", Ee = "_required_disabled_rm5cq_259", Oe = "_required_inverted_disabled_rm5cq_263", Pe = "_dropdown_rm5cq_268", Ve = "_dropdownPortal_rm5cq_282", Ie = "_option_rm5cq_290", ke = "_optionSelected_rm5cq_334", Re = "_optionIcon_rm5cq_353", We = "_inverted_rm5cq_360", je = "_label_inverted_rm5cq_378", De = "_helperText_inverted_rm5cq_382", ye = "_icon_inverted_rm5cq_386", Be = "_dropdown_inverted_rm5cq_390", He = "_option_inverted_rm5cq_395", Ae = "_dropdownTable_rm5cq_438", Fe = "_optionTable_rm5cq_443", Ge = "_tableColumn_rm5cq_451", Je = "_columnHeader_rm5cq_459", Ke = "_columnValue_rm5cq_470", Qe = "_label_inverted_disabled_rm5cq_532", Ue = "_helperText_inverted_disabled_rm5cq_536", Xe = "_icon_inverted_disabled_rm5cq_540", e = {
-  selectContainer: A,
-  selectContainer_medium: F,
-  selectContainer_large: G,
-  selectContainer_extraLarge: J,
-  label: K,
-  label_large: Q,
-  label_extraLarge: U,
-  label_disabled: X,
-  selectWrapper: Y,
-  select: Z,
-  medium: z,
-  small: ee,
-  btc: re,
-  open: ne,
-  disabled: te,
-  placeholder: le,
-  selectValue: _e,
-  chevron: oe,
-  chevronOpen: ce,
-  large: ae,
-  extraLarge: se,
-  error: de,
-  errorShake: ie,
-  errorMessage: me,
-  errorMessageSlide: pe,
-  errorMessage_medium: ue,
-  errorMessage_small: he,
-  errorMessage_large: qe,
-  errorMessage_extraLarge: ge,
-  errorMessage_inverted: be,
-  helperText: ve,
-  helperText_medium: xe,
-  helperText_small: $e,
-  helperText_large: we,
-  helperText_extraLarge: Te,
-  helperText_disabled: fe,
-  iconLabel: Le,
-  icon: Ce,
-  icon_disabled: Me,
-  required: Ne,
-  required_inverted: Se,
-  required_disabled: Ee,
-  required_inverted_disabled: Oe,
-  dropdown: Pe,
-  dropdownPortal: Ve,
-  option: Ie,
-  optionSelected: ke,
-  optionIcon: Re,
-  inverted: We,
-  label_inverted: je,
-  helperText_inverted: De,
-  icon_inverted: ye,
-  dropdown_inverted: Be,
-  option_inverted: He,
-  dropdownTable: Ae,
-  optionTable: Fe,
-  tableColumn: Ge,
-  columnHeader: Je,
-  columnValue: Ke,
-  label_inverted_disabled: Qe,
-  helperText_inverted_disabled: Ue,
-  icon_inverted_disabled: Xe
-}, rr = ({
+import { jsxs as s, jsx as l, Fragment as N } from "react/jsx-runtime";
+import { useState as S, useRef as x, useEffect as E } from "react";
+import { r as A } from "../../index-CGDUIzcq.js";
+import { Icon as $ } from "../../icons/Icon.js";
+import '../../assets/Select.css';const F = "_selectContainer_rm5cq_3", G = "_selectContainer_medium_rm5cq_9", J = "_selectContainer_large_rm5cq_13", K = "_selectContainer_extraLarge_rm5cq_14", Q = "_label_rm5cq_18", U = "_label_large_rm5cq_26", X = "_label_extraLarge_rm5cq_27", Y = "_label_disabled_rm5cq_31", Z = "_selectWrapper_rm5cq_35", z = "_select_rm5cq_3", ee = "_medium_rm5cq_57", re = "_small_rm5cq_58", ne = "_btc_rm5cq_76", te = "_open_rm5cq_87", le = "_disabled_rm5cq_91", _e = "_placeholder_rm5cq_99", oe = "_selectValue_rm5cq_103", ce = "_chevron_rm5cq_112", ae = "_chevronOpen_rm5cq_117", se = "_large_rm5cq_134", de = "_extraLarge_rm5cq_140", ie = "_error_rm5cq_147", me = "_errorShake_rm5cq_1", pe = "_errorMessage_rm5cq_187", ue = "_errorMessageSlide_rm5cq_1", he = "_errorMessage_medium_rm5cq_195", qe = "_errorMessage_small_rm5cq_196", ge = "_errorMessage_large_rm5cq_200", be = "_errorMessage_extraLarge_rm5cq_201", ve = "_errorMessage_inverted_rm5cq_205", xe = "_helperText_rm5cq_209", $e = "_helperText_medium_rm5cq_215", we = "_helperText_small_rm5cq_216", Te = "_helperText_large_rm5cq_220", fe = "_helperText_extraLarge_rm5cq_221", Le = "_helperText_disabled_rm5cq_225", Ce = "_iconLabel_rm5cq_229", Me = "_icon_rm5cq_229", Ne = "_icon_disabled_rm5cq_245", Se = "_required_rm5cq_250", Ee = "_required_inverted_rm5cq_255", Oe = "_required_disabled_rm5cq_259", Pe = "_required_inverted_disabled_rm5cq_263", Ve = "_dropdown_rm5cq_268", Ie = "_dropdownPortal_rm5cq_282", ke = "_option_rm5cq_290", Re = "_optionSelected_rm5cq_334", We = "_optionIcon_rm5cq_353", je = "_inverted_rm5cq_360", De = "_label_inverted_rm5cq_378", ye = "_helperText_inverted_rm5cq_382", Be = "_icon_inverted_rm5cq_386", He = "_dropdown_inverted_rm5cq_390", Ae = "_option_inverted_rm5cq_395", Fe = "_dropdownTable_rm5cq_438", Ge = "_optionTable_rm5cq_443", Je = "_tableColumn_rm5cq_451", Ke = "_columnHeader_rm5cq_459", Qe = "_columnValue_rm5cq_470", Ue = "_label_inverted_disabled_rm5cq_532", Xe = "_helperText_inverted_disabled_rm5cq_536", Ye = "_icon_inverted_disabled_rm5cq_540", e = {
+  selectContainer: F,
+  selectContainer_medium: G,
+  selectContainer_large: J,
+  selectContainer_extraLarge: K,
+  label: Q,
+  label_large: U,
+  label_extraLarge: X,
+  label_disabled: Y,
+  selectWrapper: Z,
+  select: z,
+  medium: ee,
+  small: re,
+  btc: ne,
+  open: te,
+  disabled: le,
+  placeholder: _e,
+  selectValue: oe,
+  chevron: ce,
+  chevronOpen: ae,
+  large: se,
+  extraLarge: de,
+  error: ie,
+  errorShake: me,
+  errorMessage: pe,
+  errorMessageSlide: ue,
+  errorMessage_medium: he,
+  errorMessage_small: qe,
+  errorMessage_large: ge,
+  errorMessage_extraLarge: be,
+  errorMessage_inverted: ve,
+  helperText: xe,
+  helperText_medium: $e,
+  helperText_small: we,
+  helperText_large: Te,
+  helperText_extraLarge: fe,
+  helperText_disabled: Le,
+  iconLabel: Ce,
+  icon: Me,
+  icon_disabled: Ne,
+  required: Se,
+  required_inverted: Ee,
+  required_disabled: Oe,
+  required_inverted_disabled: Pe,
+  dropdown: Ve,
+  dropdownPortal: Ie,
+  option: ke,
+  optionSelected: Re,
+  optionIcon: We,
+  inverted: je,
+  label_inverted: De,
+  helperText_inverted: ye,
+  icon_inverted: Be,
+  dropdown_inverted: He,
+  option_inverted: Ae,
+  dropdownTable: Fe,
+  optionTable: Ge,
+  tableColumn: Je,
+  columnHeader: Ke,
+  columnValue: Qe,
+  label_inverted_disabled: Ue,
+  helperText_inverted_disabled: Xe,
+  icon_inverted_disabled: Ye
+}, nr = ({
   size: _ = "medium",
-  label: x,
+  label: w,
   error: d,
-  helperText: $,
+  helperText: T,
   icon: p,
-  className: E,
-  required: O,
-  placeholder: P = "Seleccionar...",
-  options: w = [],
-  value: T,
-  onChange: f,
+  className: O,
+  required: P,
+  placeholder: V = "Seleccionar...",
+  options: f = [],
+  value: L,
+  onChange: C,
   disabled: t = !1,
   inverted: n = !1,
-  dynamicIcon: V = !1,
-  showPlaceholderIcon: I = !1,
-  btc: k = !1,
+  dynamicIcon: I = !1,
+  showPlaceholderIcon: k = !1,
+  btc: R = !1,
   columnHeaders: u,
-  ...R
+  ...W
 }) => {
-  const [o, h] = M(!1), [i, W] = M(null), q = N(null), g = N(null), c = w.find((r) => r.value === T), b = () => {
+  const [o, h] = S(!1), [i, j] = S(null), q = x(null), g = x(null), b = x(null), a = f.find((r) => r.value === L), v = () => {
     if (g.current) {
       const r = g.current.getBoundingClientRect();
-      W({
+      j({
         top: r.bottom + 10,
         left: r.left,
         width: r.width
       });
     }
   };
-  S(() => {
-    const r = (a) => {
-      q.current && !q.current.contains(a.target) && h(!1);
+  E(() => {
+    const r = (c) => {
+      q.current && !q.current.contains(c.target) && b.current && !b.current.contains(c.target) && h(!1);
     };
     return document.addEventListener("mousedown", r), () => {
       document.removeEventListener("mousedown", r);
     };
-  }, []), S(() => {
+  }, []), E(() => {
     if (o) {
-      b();
+      v();
       const r = () => {
-        o && b();
-      }, a = () => {
-        o && b();
+        o && v();
+      }, c = () => {
+        o && v();
       };
-      return window.addEventListener("scroll", r, !0), window.addEventListener("resize", a), () => {
-        window.removeEventListener("scroll", r, !0), window.removeEventListener("resize", a);
+      return window.addEventListener("scroll", r, !0), window.addEventListener("resize", c), () => {
+        window.removeEventListener("scroll", r, !0), window.removeEventListener("resize", c);
       };
     }
   }, [o]);
-  const j = [
+  const D = [
     e.select,
-    k && e.btc,
+    R && e.btc,
     e[_],
     d ? e.error : "",
     t ? e.disabled : "",
     o ? e.open : "",
     n ? e.inverted : "",
-    E
-  ].filter(Boolean).join(" "), m = _ === "small" ? 16 : _ === "large" ? 20 : _ === "extraLarge" ? 24 : 18, L = V && (c != null && c.icon) ? c.icon : p, D = () => {
+    O
+  ].filter(Boolean).join(" "), m = _ === "small" ? 16 : _ === "large" ? 20 : _ === "extraLarge" ? 24 : 18, M = I && (a != null && a.icon) ? a.icon : p, y = () => {
     t || h(!o);
-  }, y = (r) => {
-    f && f(r), h(!1);
+  }, B = (r) => {
+    C && C(r), h(!1);
   };
   return /* @__PURE__ */ s(
     "div",
     {
       className: `${e.selectContainer} ${_ === "medium" ? e.selectContainer_medium : _ === "large" ? e.selectContainer_large : _ === "extraLarge" ? e.selectContainer_extraLarge : ""}`,
-      ...R,
+      ...W,
       children: [
-        x && /* @__PURE__ */ s(
+        w && /* @__PURE__ */ s(
           "label",
           {
             className: `${e.label} ${_ === "large" ? e.label_large : ""} ${_ === "extraLarge" ? e.label_extraLarge : ""} ${t && !n ? e.label_disabled : ""} ${n && !t ? e.label_inverted : ""} ${n && t ? e.label_inverted_disabled : ""}`,
             children: [
-              x,
+              w,
               /* @__PURE__ */ l(
                 "span",
                 {
                   className: `${e.required} ${t && !n ? e.required_disabled : ""} ${n && !t ? e.required_inverted : ""} ${n && t ? e.required_inverted_disabled : ""}`,
-                  children: O && "*"
+                  children: P && "*"
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ s("div", { className: e.selectWrapper, ref: g, children: [
-          /* @__PURE__ */ s("div", { className: j, onClick: D, ref: q, children: [
+          /* @__PURE__ */ s("div", { className: D, onClick: y, ref: q, children: [
             /* @__PURE__ */ s("div", { className: e.iconLabel, children: [
-              L && I && /* @__PURE__ */ l(
+              M && k && /* @__PURE__ */ l(
                 "div",
                 {
                   className: `${e.icon} ${t && !n ? e.icon_disabled : ""} ${n && !t ? e.icon_inverted : ""} ${n && t ? e.icon_inverted_disabled : ""}`,
-                  children: /* @__PURE__ */ l(v, { name: L, width: m, height: m })
+                  children: /* @__PURE__ */ l($, { name: M, width: m, height: m })
                 }
               ),
               /* @__PURE__ */ l(
                 "span",
                 {
-                  className: `${e.selectValue} ${c ? "" : e.placeholder}`,
-                  children: c ? c.label : P
+                  className: `${e.selectValue} ${a ? "" : e.placeholder}`,
+                  children: a ? a.label : V
                 }
               )
             ] }),
             /* @__PURE__ */ l(
-              v,
+              $,
               {
                 name: "ArrowDown",
                 width: 16,
@@ -179,27 +179,28 @@ import '../../assets/Select.css';const A = "_selectContainer_rm5cq_3", F = "_sel
               }
             )
           ] }),
-          o && !t && i && H.createPortal(
+          o && !t && i && A.createPortal(
             /* @__PURE__ */ l(
               "div",
               {
+                ref: b,
                 className: `${e.dropdown} ${e.dropdownPortal} ${n ? e.dropdown_inverted : ""} ${u ? e.dropdownTable : ""}`,
                 style: {
                   top: `${i.top}px`,
                   left: `${i.left}px`,
                   width: `${i.width}px`
                 },
-                children: w.map((r) => /* @__PURE__ */ l(
+                children: f.map((r) => /* @__PURE__ */ l(
                   "div",
                   {
-                    className: `${e.option} ${T === r.value ? e.optionSelected : ""} ${n ? e.option_inverted : ""} ${r.columns ? e.optionTable : ""}`,
-                    onClick: () => y(r.value),
-                    children: r.columns ? /* @__PURE__ */ l(C, { children: u && Object.entries(u).map(([a, B]) => /* @__PURE__ */ s("div", { className: e.tableColumn, children: [
-                      /* @__PURE__ */ l("div", { className: e.columnHeader, children: B }),
-                      /* @__PURE__ */ l("div", { className: e.columnValue, children: r.columns[a] || "" })
-                    ] }, a)) }) : /* @__PURE__ */ s(C, { children: [
+                    className: `${e.option} ${L === r.value ? e.optionSelected : ""} ${n ? e.option_inverted : ""} ${r.columns ? e.optionTable : ""}`,
+                    onClick: () => B(r.value),
+                    children: r.columns ? /* @__PURE__ */ l(N, { children: u && Object.entries(u).map(([c, H]) => /* @__PURE__ */ s("div", { className: e.tableColumn, children: [
+                      /* @__PURE__ */ l("div", { className: e.columnHeader, children: H }),
+                      /* @__PURE__ */ l("div", { className: e.columnValue, children: r.columns[c] || "" })
+                    ] }, c)) }) : /* @__PURE__ */ s(N, { children: [
                       (r.icon || p) && /* @__PURE__ */ l("div", { className: e.optionIcon, children: /* @__PURE__ */ l(
-                        v,
+                        $,
                         {
                           name: r.icon || p,
                           width: m,
@@ -223,11 +224,11 @@ import '../../assets/Select.css';const A = "_selectContainer_rm5cq_3", F = "_sel
             children: d
           }
         ),
-        $ && !d && /* @__PURE__ */ l(
+        T && !d && /* @__PURE__ */ l(
           "span",
           {
             className: `${e.helperText} ${e[`helperText_${_}`]} ${t && !n ? e.helperText_disabled : ""} ${n && !t ? e.helperText_inverted : ""} ${n && t ? e.helperText_inverted_disabled : ""}`,
-            children: $
+            children: T
           }
         )
       ]
@@ -235,5 +236,5 @@ import '../../assets/Select.css';const A = "_selectContainer_rm5cq_3", F = "_sel
   );
 };
 export {
-  rr as Select
+  nr as Select
 };

package/package.json

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