prometeo-design-system 3.1.0 → 3.1.1

package/dist/SelectSearch.es.js

@@ -1,97 +1,99 @@
 import { j as X } from "./jsx-runtime-DKDX3adD.js";
 import { g as i, S as Y } from "./Select-mdLPyy7g.js";
-import { useState as w, useRef as T, useEffect as m, useMemo as Z, useCallback as ee } from "react";
-function re(e) {
+import { useState as k, useRef as j, useEffect as m, useMemo as Z, useCallback as ee } from "react";
+function le(e) {
   const {
-    options: y,
-    fetcher: a,
-    asyncMode: p = "fetch_in_open",
-    disabled: O = !1,
-    debounceDelay: I = 500,
-    minCharacters: C = 3,
-    optionLabel: f,
+    options: p,
+    fetcher: u,
+    asyncMode: C = "fetch_in_open",
+    disabled: V = !1,
+    debounceDelay: R = 500,
+    minCharacters: L = 3,
+    optionLabel: h,
     optionValue: s,
-    controlledValue: b,
-    isOpen: F,
-    inputRef: k,
-    name: v
-  } = e || {}, j = y ? y.filter((t) => t != null) : [], [V, R] = w(j || []), [M, x] = w(j || []), [c, A] = w(""), [l, d] = w(!1), [g, P] = w(!1), E = T(null), N = T(null), z = T(!1), J = T(a), U = e?.multiple === !0 || !1, L = T(U ? [] : void 0), [h, D] = w(U ? [] : void 0);
+    controlledValue: c,
+    isOpen: P,
+    inputRef: x,
+    name: S
+  } = e || {}, A = p ? p.filter((t) => t != null) : [], [v, _] = k(A || []), [D, y] = k(A || []), [d, E] = k(""), [J, l] = k(!1), [O, b] = k(!1), g = j(null), N = j(null), z = j(!1), U = j(u), F = e?.multiple === !0 || !1, w = j(F ? [] : void 0), [f, M] = k(F ? [] : void 0);
   m(() => {
-    J.current = a;
-  }, [a]), m(() => {
-    if (b !== void 0) {
-      const t = $(b, "value");
-      D(t);
-    }
-  }, [b]), m(() => {
-    L.current = b !== void 0 ? b : h;
-  }, [b, h]), m(() => {
+    U.current = u;
+  }, [u]), m(() => {
+    if (c !== void 0)
+      if (F) {
+        const t = $(c, "value");
+        M(t);
+      } else
+        c != null && M(c);
+  }, [c]), m(() => {
+    w.current = c !== void 0 ? c : f;
+  }, [c, f]), m(() => {
     if (e?.options) {
       const t = e.options.filter((n) => n != null);
-      R(t), x(t);
+      _(t), y(t);
     }
   }, [e?.options]);
   const B = Z(() => (t, n) => new Promise((o, r) => {
-    E.current && clearTimeout(E.current), E.current = setTimeout(() => t(c).then(o).catch(r), n);
-  }), [c]), te = (t) => {
-    const n = b !== void 0, o = (r) => s ? i(r, s) : i(r, "id");
+    g.current && clearTimeout(g.current), g.current = setTimeout(() => t(d).then(o).catch(r), n);
+  }), [d]), te = (t) => {
+    const n = c !== void 0, o = (r) => s ? i(r, s) : i(r, "id");
     if (e?.multiple === !0) {
-      const r = L.current || [];
-      let u;
-      r.some((_) => o(_) === o(t)) ? u = r.filter((_) => o(_) !== o(t)) : u = [...r, t], n ? (L.current = u, e?.onChange?.(u, v)) : (L.current = u, D(u), e?.onChange?.(u, v));
+      const r = w.current || [];
+      let a;
+      r.some((I) => o(I) === o(t)) ? a = r.filter((I) => o(I) !== o(t)) : a = [...r, t], n ? (w.current = a, e?.onChange?.(a, S)) : (w.current = a, M(a), e?.onChange?.(a, S));
     } else
-      n ? (L.current = t, e?.onChange?.(t, v)) : (L.current = t, D(t), e?.onChange?.(t, v));
-  }, q = (t) => (e?.onFetchingStart?.(), J.current?.(t) || Promise.resolve([])), $ = (t, n) => Array.isArray(t) ? (t.some((o) => typeof o != "object" || o === null) && console.debug(`El valor del ${n || "resultado del fetcher"} contiene elementos no válidos (null,undefined, no-object)`, t), t?.filter((o) => o != null) || []) : (console.debug(`El valor del ${n || "resultado del fetcher"} no es un Array (tipo de dato obtenido: ${typeof t})`), []), K = ee((t, n) => t.length === 0 ? n : s ? n.filter((o) => !t.some((r) => i(r, s) === i(o, s))) : n.filter((o) => !t.some((r) => i(r, "id") === i(o, "id"))), [s]);
+      n ? (w.current = t, e?.onChange?.(t, S)) : (w.current = t, M(t), e?.onChange?.(t, S));
+  }, q = (t) => (e?.onFetchingStart?.(), U.current?.(t) || Promise.resolve([])), $ = (t, n) => Array.isArray(t) ? (t.some((o) => typeof o != "object" || o === null) && console.debug(`El valor del ${n || "resultado del fetcher"} contiene elementos no válidos (null,undefined, no-object)`, t), t?.filter((o) => o != null) || []) : (console.debug(`El valor del ${n || "resultado del fetcher"} no es un Array (tipo de dato obtenido: ${typeof t})`), []), K = ee((t, n) => t.length === 0 ? n : s ? n.filter((o) => !t.some((r) => i(r, s) === i(o, s))) : n.filter((o) => !t.some((r) => i(r, "id") === i(o, "id"))), [s]);
   m(() => {
     const t = e?.subscribeOpenChange;
     if (!t) return;
     const n = t((o) => {
-      P(o);
+      b(o);
     });
     return () => {
       n && n();
     };
   }, [e?.subscribeOpenChange]);
-  const G = F !== void 0 ? F : g;
+  const G = P !== void 0 ? P : O;
   m(() => {
-    if (!O && J.current && p === "fetch_on_type") {
-      if (!c || c === "" || c.length < C) {
-        E.current && clearTimeout(E.current), d(!1);
+    if (!V && U.current && C === "fetch_on_type") {
+      if (!d || d === "" || d.length < L) {
+        g.current && clearTimeout(g.current), l(!1);
         return;
       }
-      const t = B(q, I);
-      d(!0), t.then((n) => {
+      const t = B(q, R);
+      l(!0), t.then((n) => {
         const o = $(n);
-        R(o);
+        _(o);
       }).finally(() => {
-        d(!1), e?.onFetchingEnd?.();
+        l(!1), e?.onFetchingEnd?.();
       });
     }
-  }, [p, c, O, I, B, C]), m(() => {
-    if (!O)
+  }, [C, d, V, R, B, L]), m(() => {
+    if (!V)
       if (G) {
-        if (e?.onOpen?.(), p === "fetch_in_open") {
-          if (!J.current)
+        if (e?.onOpen?.(), C === "fetch_in_open") {
+          if (!U.current)
             return;
-          d(!0), q().then((t) => {
+          l(!0), q().then((t) => {
             const n = $(t);
-            R(() => {
+            _(() => {
               const o = n.filter((r) => {
                 if (s)
                   return i(r, s) !== void 0;
               });
-              return U && h.length > 0 ? [...K(h, o), ...h] : o;
+              return F && f.length > 0 ? [...K(f, o), ...f] : o;
             });
           }).finally(() => {
-            d(!1), e?.onFetchingEnd?.();
+            l(!1), e?.onFetchingEnd?.();
           });
         }
       } else
         e?.onClose?.();
-  }, [G, p, O]);
+  }, [G, C, V]);
   const H = (t, n) => t?.filter((o) => {
-    if (f)
-      return i(o, f)?.toLowerCase().includes(n.toLowerCase());
+    if (h)
+      return i(o, h)?.toLowerCase().includes(n.toLowerCase());
     {
       const r = o;
       switch (typeof r) {
@@ -100,24 +102,24 @@ function re(e) {
         case "number":
           return r.toString().includes(n);
         case "object":
-          return Object.values(r).some((S) => S.toString()?.toLowerCase().includes(n.toLowerCase()));
+          return Object.values(r).some((T) => T.toString()?.toLowerCase().includes(n.toLowerCase()));
         default:
           return !1;
       }
     }
   }) || [], ne = (t) => t?.sort((n, o) => {
-    if (f)
-      return i(n, f) < i(o, f) ? -1 : 1;
+    if (h)
+      return i(n, h) < i(o, h) ? -1 : 1;
     {
-      const u = ["label", "name", "value"].find((W) => typeof n == "object" && Object.keys(n).includes(W)), S = n, _ = o;
-      switch (typeof S) {
+      const a = ["label", "name", "value"].find((W) => typeof n == "object" && Object.keys(n).includes(W)), T = n, I = o;
+      switch (typeof T) {
         case "string":
-          return S < _ ? -1 : 1;
+          return T < I ? -1 : 1;
         case "number":
-          return S < _ ? -1 : 1;
+          return T < I ? -1 : 1;
         case "object":
-          if (u) {
-            const W = i(n, u), oe = i(o, u);
+          if (a) {
+            const W = i(n, a), oe = i(o, a);
             return W < oe ? -1 : 1;
           } else
             return 1;
@@ -126,82 +128,87 @@ function re(e) {
       }
     }
   }) || [], Q = (t) => {
-    const n = typeof k == "function" ? k() : k;
+    const n = typeof x == "function" ? x() : x;
     t.target === n?.current && (N.current && clearTimeout(N.current), z.current || (z.current = !0, e?.onTypeStart?.()), N.current = setTimeout(() => {
       z.current = !1;
-    }, I));
+    }, R));
   };
   return m(() => {
-    if (c === "")
-      x(ne(V));
-    else if (U) {
-      const t = K(h, V);
-      x([...H(t, c), ...h]);
+    if (d === "")
+      y(ne(v));
+    else if (F) {
+      const t = K(f, v);
+      y([...H(t, d), ...f]);
     } else {
-      const t = K([h], V);
-      x([...H(t, c), h]);
+      const t = K([f], v);
+      y([...H(t, d), f]);
     }
-  }, [V]), m(() => (document.addEventListener("keydown", Q), () => {
+  }, [v]), m(() => (document.addEventListener("keydown", Q), () => {
     document.removeEventListener("keydown", Q);
   }), []), {
-    inputValue: c,
-    setInputValue: A,
+    inputValue: d,
+    setInputValue: E,
     cleanInputValue: () => {
-      A("");
+      E("");
+    },
+    cleanOptions: () => {
+      _(f);
     },
-    filteredOptions: M,
-    isLoading: l,
-    value: h,
-    setValue: D,
+    filteredOptions: D,
+    isLoading: J,
+    value: f,
+    setValue: M,
     onOptionClick: te
   };
 }
-const ae = (e) => {
-  const y = T(null);
+const de = (e) => {
+  const p = j(null);
   m(() => {
-    e.controls && (e.controls.current = y.current);
+    e.controls && (e.controls.current = p.current);
   }, [e.controls]);
-  const { asyncMode: a = "fetch_in_open" } = e, p = (l, d, g) => {
-    const P = {
+  const { asyncMode: u = "fetch_in_open" } = e, C = (l, O, b) => {
+    const g = {
       options: l.options,
       fetcher: l.fetcher,
-      asyncMode: d,
+      asyncMode: O,
       debounceDelay: l.debounceDelay,
       minCharacters: l.minCharacters,
       disabled: l.disabled,
       optionValue: l.optionValue,
       optionLabel: l.optionLabel,
       onFetchingStart: () => {
-        d === "fetch_on_type" && g.current?.open();
+        O === "fetch_on_type" && b.current?.open();
       },
       onTypeStart: () => {
-        !l?.fetcher && g.current?.open();
+        !l?.fetcher && b.current?.open();
       },
-      inputRef: () => g.current?.searchInputRef,
-      subscribeOpenChange: g.current?.subscribeOpenChange,
+      inputRef: () => b.current?.searchInputRef,
+      subscribeOpenChange: b.current?.subscribeOpenChange,
       name: l.name
     };
     return l.multiple ? {
-      ...P,
+      ...g,
       multiple: !0,
       controlledValue: l.value,
       onChange: l.onChange
     } : {
-      ...P,
+      ...g,
       multiple: !1,
       controlledValue: l.value,
       onChange: l.onChange
     };
-  }, { inputValue: O, setInputValue: I, filteredOptions: C, isLoading: f, value: s, onOptionClick: b, cleanInputValue: F } = re(p(e, a, y)), k = ee(() => a === "fetch_on_type" ? f : !1, [a, f]), v = Z(() => e.multiple ? s.map((l) => i(l, e.optionValue)) : s ? i(s, e.optionValue) : void 0, [s, e.optionValue, e.multiple]), j = (l) => {
-    const d = C.find((g) => i(g, e.optionValue) === l.id);
-    d && b(d);
-  }, { displayMode: V = e.multiple ? "chips" : "compact", dropdownOptions: R, overflow: M = "scroll", onChange: x, ...c } = e.selectComponentProps || {}, A = {
-    controledSearchValue: O,
-    onSearchValueChange: a === "fetch_on_type" ? I : void 0,
-    onSearchClear: a === "fetch_on_type" ? F : void 0,
+  }, { inputValue: V, setInputValue: R, filteredOptions: L, isLoading: h, value: s, onOptionClick: c, cleanInputValue: P, cleanOptions: x } = le(C(e, u, p)), S = ee(() => u === "fetch_on_type" ? h : !1, [u, h]), A = Z(() => e.multiple ? s.map((l) => i(l, e.optionValue)) : s ? i(s, e.optionValue) : void 0, [s, e.optionValue, e.multiple]), v = (l) => {
+    const O = L.find((b) => i(b, e.optionValue) === l.id);
+    O && c(O);
+  }, { displayMode: _ = e.multiple ? "chips" : "compact", dropdownOptions: D, overflow: y = "scroll", onChange: d, ...E } = e.selectComponentProps || {}, J = {
+    controledSearchValue: V,
+    onSearchValueChange: u === "fetch_on_type" ? R : void 0,
+    onSearchClear: u === "fetch_on_type" ? () => {
+      P(), x();
+    } : void 0,
     inputSearchPlaceholder: e.inputSearchPlaceholder,
-    isLoading: k(),
-    ...R || {}
+    isLoading: S(),
+    ...D || {}
   };
   return e.multiple ? /* @__PURE__ */ X.jsx(
     Y,
@@ -209,46 +216,46 @@ const ae = (e) => {
       disabled: e.disabled,
       className: e.className,
       name: e.name,
-      overflow: M,
-      ...c,
+      overflow: y,
+      ...E,
       multiple: !0,
-      value: v,
+      value: A,
       label: e.label || "",
-      options: C,
+      options: L,
       optionValue: e.optionValue,
       optionLabel: e.optionLabel,
       renderOption: e.renderOption,
-      onOptionClick: j,
-      displayMode: V,
-      controls: y,
+      onOptionClick: v,
+      displayMode: _,
+      controls: p,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
-      dropdownOptions: A,
-      isLoading: a === "fetch_in_open" ? f : !1
+      dropdownOptions: J,
+      isLoading: u === "fetch_in_open" ? h : !1
     }
   ) : /* @__PURE__ */ X.jsx(
     Y,
     {
       disabled: e.disabled,
-      ...c,
+      ...E,
       className: e.className,
-      overflow: M,
+      overflow: y,
       name: e.name,
       multiple: !1,
-      value: v,
+      value: A,
       label: e.label || "",
-      options: C,
+      options: L,
       optionValue: e.optionValue,
       optionLabel: e.optionLabel,
       renderOption: e.renderOption,
-      onOptionClick: j,
+      onOptionClick: v,
       displayMode: "compact",
-      controls: y,
+      controls: p,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
-      dropdownOptions: A,
-      isLoading: a === "fetch_in_open" ? f : !1
+      dropdownOptions: J,
+      isLoading: u === "fetch_in_open" ? h : !1
     }
   );
 };
 export {
-  ae as default
+  de as default
 };

package/dist/components/Autocomplete/useAutocomplete.d.ts

@@ -33,6 +33,7 @@ export declare function useAutocomplete<T extends object>(options?: UseAutocompl
     inputValue: string;
     setInputValue: import('react').Dispatch<import('react').SetStateAction<string>>;
     cleanInputValue: () => void;
+    cleanOptions: () => void;
     filteredOptions: T[];
     isLoading: boolean;
     value: T | T[] | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "3.1.0",
+  "version": "3.1.1",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",