bmi-next-brokers 2.6.0 → 2.6.1

package/dist/components/SearchableInputGroup/index.js

@@ -1,157 +1,176 @@
-import { jsxs as Q, jsx as c } from "react/jsx-runtime";
-import { useState as N, useRef as S, useMemo as U, useEffect as B } from "react";
-import { createPortal as X } from "react-dom";
-import { Input as Y } from "../Input/Input.js";
-import { s as t } from "../../Select.module-D_7bjq9u.js";
-import { useBTC as Z } from "../../hooks/btcContext/useBtcContext.js";
-import { useDropdownPosition as z } from "../../hooks/useDropdownPosition.js";
-import '../../assets/index4.css';const R = "_container_1kajw_1", nn = "_inputs_1kajw_7", rn = "_inputWrapper_1kajw_13", _ = {
-  container: R,
-  inputs: nn,
-  inputWrapper: rn
-}, ln = ({
+import { jsxs as O, jsx as i } from "react/jsx-runtime";
+import { useState as N, useRef as w, useMemo as Y, useEffect as _ } from "react";
+import { createPortal as Z } from "react-dom";
+import { Input as z } from "../Input/Input.js";
+import { s as e } from "../../Select.module-D_7bjq9u.js";
+import { useBTC as I } from "../../hooks/btcContext/useBtcContext.js";
+import { useDropdownPosition as R } from "../../hooks/useDropdownPosition.js";
+import '../../assets/index4.css';const rr = "_container_1kajw_1", nr = "_inputs_1kajw_7", tr = "_inputWrapper_1kajw_13", $ = {
+  container: rr,
+  inputs: nr,
+  inputWrapper: tr
+}, lr = ({
   fields: u,
-  selectedItem: s = null,
-  options: l = [],
+  selectedItem: c = null,
+  options: a = [],
   onSearch: d,
-  onSelect: k,
-  onReset: a,
-  noResultMessage: O = "No se encontraron resultados",
-  disabled: $ = !1,
+  onSelect: S,
+  onReset: s,
+  noResultMessage: W = "No se encontraron resultados",
+  disabled: C = !1,
   btc: F = !1,
-  size: p = "medium",
-  className: C,
+  size: m = "medium",
+  className: E,
   containerClassName: L,
   ...P
 }) => {
-  const { btc: T } = Z(), W = F ?? T, j = !!d, [w, y] = N(!1), [K, M] = N(
+  const { btc: T } = I(), M = F ?? T, K = !!d, [x, g] = N(!1), [j, V] = N(
     {}
-  ), [o, g] = N(null), f = S(null), h = S(null), b = S({}), V = w && !$, i = o ? K[o] ?? "" : "", A = z({
-    isOpen: w,
-    containerRef: f,
-    dropdownRef: h,
-    size: p,
-    optionsLength: l.length,
+  ), [o, f] = N(null), h = w(null), v = w(null), b = w({}), D = w({}), q = x && !C, l = o ? j[o] ?? "" : "", A = R({
+    isOpen: x,
+    containerRef: h,
+    dropdownRef: v,
+    size: m,
+    optionsLength: a.length,
     isSearchable: !0
-  }), D = (n) => typeof n == "string" ? n.normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/\s+/g, "").toLowerCase() : "", v = U(() => {
-    if (!o || !i || j) return l;
-    const n = u.find((e) => e.key === o);
-    if (!n) return l;
-    const r = n.columnKey ?? n.key;
-    return l.filter(
-      (e) => D(String(e[r] ?? "")).includes(D(i))
+  }), Q = (r) => typeof r == "string" ? r.normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/\s+/g, "").toLowerCase() : "", k = Y(() => {
+    if (!o || !l || K) return a;
+    const r = u.find((t) => t.key === o);
+    if (!r) return a;
+    const n = r.columnKey ?? r.key;
+    return a.filter(
+      (t) => Q(String(t[n] ?? "")).includes(Q(l))
     );
-  }, [l, i, o, j]);
-  B(() => {
-    const n = (r) => {
-      f.current && !f.current.contains(r.target) && h.current && !h.current.contains(r.target) && (y(!1), g(null));
+  }, [a, l, o, K]);
+  _(() => {
+    const r = (n) => {
+      h.current && !h.current.contains(n.target) && v.current && !v.current.contains(n.target) && (g(!1), f(null));
     };
-    return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-  }, []), B(() => {
+    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+  }, []), _(() => {
     if (!o) return;
-    const n = i.trim(), r = (b.current[o] ?? "").trim();
-    s && n.length > 0 && (v.some(
-      (x) => u.every((m) => {
-        const E = m.columnKey ?? m.key;
-        return String(x[E] ?? "") === String(s[E] ?? "");
+    const r = l.trim(), n = (b.current[o] ?? "").trim();
+    c && r.length > 0 && (k.some(
+      (p) => u.every((y) => {
+        const B = y.columnKey ?? y.key;
+        return String(p[B] ?? "") === String(c[B] ?? "");
       })
-    ) || a == null || a()), n === "" && r.length > 0 && s && (a == null || a()), b.current = {
+    ) || s == null || s()), r === "" && n.length > 0 && c && (s == null || s()), b.current = {
       ...b.current,
-      [o]: i
+      [o]: l
     };
-  }, [i, o, s, v]);
-  const G = (n, r) => {
-    M((e) => ({ ...e, [n]: r })), g(n), y(!0), d == null || d(n, r);
-  }, q = (n) => {
-    g(n), w || y(!0);
-  }, H = (n) => {
-    k == null || k(n), y(!1), g(null);
-  }, I = (n) => s ? u.every((r) => {
-    const e = r.columnKey ?? r.key;
-    return String(n[e] ?? "") === String(s[e] ?? "");
-  }) : !1, J = (n) => {
-    if (o === n.key)
-      return K[n.key] ?? "";
-    if (s) {
-      const r = n.columnKey ?? n.key;
-      return String(s[r] ?? "");
+  }, [l, o, c, k]), _(() => {
+    if (!c) return;
+    a.some(
+      (n) => u.every((t) => {
+        const p = t.columnKey ?? t.key;
+        return String(n[p] ?? "") === String(c[p] ?? "");
+      })
+    ) || s == null || s();
+  }, [a]);
+  const G = (r, n) => {
+    V((t) => ({ ...t, [r]: n })), f(r), g(!0), d == null || d(r, n);
+  }, H = (r) => {
+    f(r), x || g(!0);
+  }, J = (r) => {
+    var n, t;
+    S == null || S(r), g(!1), f(null), o && ((t = (n = D.current[o]) == null ? void 0 : n.querySelector("input")) == null || t.blur());
+  }, U = (r) => c ? u.every((n) => {
+    const t = n.columnKey ?? n.key;
+    return String(r[t] ?? "") === String(c[t] ?? "");
+  }) : !1, X = (r) => {
+    if (o === r.key)
+      return j[r.key] ?? "";
+    if (c) {
+      const n = r.columnKey ?? r.key;
+      return String(c[n] ?? "");
     }
     return "";
   };
-  return /* @__PURE__ */ Q(
+  return /* @__PURE__ */ O(
     "div",
     {
-      ref: f,
-      className: [_.container, L].filter(Boolean).join(" "),
+      ref: h,
+      className: [$.container, L].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ i(
           "div",
           {
-            className: `${_.inputs} ${C || ""}`,
+            className: `${$.inputs} ${E || ""}`,
             ...P,
-            children: u.map((n) => /* @__PURE__ */ c("div", { className: _.inputWrapper, children: /* @__PURE__ */ c(
-              Y,
+            children: u.map((r) => /* @__PURE__ */ i(
+              "div",
               {
-                label: n.label,
-                placeholder: n.placeholder,
-                value: J(n),
-                onChange: (r) => G(n.key, r.target.value),
-                onFocus: () => q(n.key),
-                icon: "SearchIcon",
-                size: p,
-                disabled: $,
-                btc: W
-              }
-            ) }, n.key))
+                className: $.inputWrapper,
+                ref: (n) => {
+                  D.current[r.key] = n;
+                },
+                children: /* @__PURE__ */ i(
+                  z,
+                  {
+                    label: r.label,
+                    placeholder: r.placeholder,
+                    value: X(r),
+                    onChange: (n) => G(r.key, n.target.value),
+                    onFocus: () => H(r.key),
+                    icon: "SearchIcon",
+                    size: m,
+                    disabled: C,
+                    btc: M
+                  }
+                )
+              },
+              r.key
+            ))
           }
         ),
-        V && X(
-          /* @__PURE__ */ c(
+        q && Z(
+          /* @__PURE__ */ i(
             "div",
             {
-              ref: h,
+              ref: v,
               className: [
-                t.dropdown,
-                t[p],
-                t.dropdownPortal,
-                t.dropdownTable
+                e.dropdown,
+                e[m],
+                e.dropdownPortal,
+                e.dropdownTable
               ].join(" "),
               style: A,
-              children: v.length > 0 ? v.map((n, r) => /* @__PURE__ */ c(
+              children: k.length > 0 ? k.map((r, n) => /* @__PURE__ */ i(
                 "div",
                 {
-                  className: `${t.option} ${t.optionTable} ${I(n) ? t.optionSelected : ""}`,
-                  onMouseDown: (e) => {
-                    e.preventDefault(), e.stopPropagation(), H(n);
+                  className: `${e.option} ${e.optionTable} ${U(r) ? e.optionSelected : ""}`,
+                  onMouseDown: (t) => {
+                    t.preventDefault(), t.stopPropagation(), J(r);
                   },
                   style: { padding: 0, gap: 0 },
-                  children: u.map(({ key: e, columnKey: x, columnHeader: m }) => /* @__PURE__ */ Q(
+                  children: u.map(({ key: t, columnKey: p, columnHeader: y }) => /* @__PURE__ */ O(
                     "div",
                     {
-                      className: t.tableColumn,
+                      className: e.tableColumn,
                       style: { padding: "8px 12px 8px 18px" },
                       children: [
-                        m && /* @__PURE__ */ c(
+                        y && /* @__PURE__ */ i(
                           "div",
                           {
-                            className: `${t.columnHeader} ${t[p]}`,
-                            children: m
+                            className: `${e.columnHeader} ${e[m]}`,
+                            children: y
                           }
                         ),
-                        /* @__PURE__ */ c(
+                        /* @__PURE__ */ i(
                           "div",
                           {
-                            className: `${t.columnValue} ${t[p]}`,
-                            children: String(n[x ?? e] ?? "")
+                            className: `${e.columnValue} ${e[m]}`,
+                            children: String(r[p ?? t] ?? "")
                           }
                         )
                       ]
                     },
-                    e
+                    t
                   ))
                 },
-                r
-              )) : /* @__PURE__ */ c("span", { className: t.noResults, children: O })
+                n
+              )) : /* @__PURE__ */ i("span", { className: e.noResults, children: W })
             }
           ),
           document.getElementById("root") || document.body
@@ -161,5 +180,5 @@ import '../../assets/index4.css';const R = "_container_1kajw_1", nn = "_inputs_1
   );
 };
 export {
-  ln as SearchableInputGroup
+  lr as SearchableInputGroup
 };

package/package.json

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