prometeo-design-system 2.5.2 → 2.5.4

package/dist/SelectSearch.es.js

@@ -1,6 +1,6 @@
-import { j as z } from "./jsx-runtime-DKDX3adD.js";
-import { g as i, S as ee } from "./Select-B32JqJIS.js";
-import { useState as y, useRef as O, useEffect as a, useMemo as G, useCallback as H } from "react";
+import { j as $ } from "./jsx-runtime-DKDX3adD.js";
+import { g as s, S as ee } from "./Select-C-aLaiJu.js";
+import { useState as y, useRef as O, useEffect as a, useMemo as q, useCallback as z } from "react";
 function te(e) {
   const {
     options: f,
@@ -8,15 +8,15 @@ function te(e) {
     fetcher: C,
     asyncMode: g = "fetch_in_open",
     disabled: v = !1,
-    debounceDelay: p = 500,
+    debounceDelay: m = 500,
     minCharacters: S = 3,
-    optionLabel: m,
+    optionLabel: p,
     optionValue: d,
     controlledValue: u,
     isOpen: j,
     inputRef: L,
     name: k
-  } = e || {}, [V, _] = y(f || []), [P, w] = y(f || []), [c, T] = y(""), [M, I] = y(!1), [h, A] = y([]), [N, Q] = y(!1), R = O(null), D = O(null), J = O(!1), x = O(C), F = O([]);
+  } = e || {}, [V, _] = y(f || []), [P, w] = y(f || []), [c, T] = y(""), [M, I] = y(!1), [h, A] = y([]), [G, H] = y(!1), R = O(null), D = O(null), J = O(!1), x = O(C), F = O([]);
   a(() => {
     x.current = C;
   }, [C]), a(() => {
@@ -26,100 +26,100 @@ function te(e) {
   }, [u, h]), a(() => {
     e?.options && (_(e.options), w(e.options));
   }, [e?.options]);
-  const K = G(() => (t, n) => new Promise((r, o) => {
+  const K = q(() => (t, n) => new Promise((r, o) => {
     R.current && clearTimeout(R.current), R.current = setTimeout(() => t(c).then(r).catch(o), n);
-  }), [c]), X = (t) => {
+  }), [c]), Q = (t) => {
     const n = u !== void 0, r = F.current;
     let o;
-    const s = (E) => d ? i(E, d) : i(E, "id");
-    l ? r.some((b) => s(b) === s(t)) ? o = r.filter((b) => s(b) !== s(t)) : o = [...r, t] : o = [t], n ? (F.current = o, e?.onChange?.(o, k)) : (F.current = o, A(o), e?.onChange?.(o, k));
-  }, B = (t) => (e?.onFetchingStart?.(), x.current?.(t) || Promise.resolve([])), U = H((t, n) => t.length === 0 ? n : d ? n.filter((r) => !t.some((o) => i(o, d) === i(r, d))) : n.filter((r) => !t.some((o) => i(o, "id") === i(r, "id"))), [d]);
+    const i = (E) => d ? s(E, d) : s(E, "id");
+    l ? r.some((b) => i(b) === i(t)) ? o = r.filter((b) => i(b) !== i(t)) : o = [...r, t] : o = [t], n ? (F.current = o, e?.onChange?.(o, k)) : (F.current = o, A(o), e?.onChange?.(o, k));
+  }, N = (t) => (e?.onFetchingStart?.(), x.current?.(t) || Promise.resolve([])), B = z((t, n) => t.length === 0 ? n : d ? n.filter((r) => !t.some((o) => s(o, d) === s(r, d))) : n.filter((r) => !t.some((o) => s(o, "id") === s(r, "id"))), [d]);
   a(() => {
     const t = e?.subscribeOpenChange;
     if (!t) return;
     const n = t((r) => {
-      Q(r);
+      H(r);
     });
     return () => {
       n && n();
     };
   }, [e?.subscribeOpenChange]);
-  const W = j !== void 0 ? j : N;
+  const U = j !== void 0 ? j : G;
   a(() => {
     if (!v && x.current && g === "fetch_on_type") {
       if (!c || c === "" || c.length < S) {
         R.current && clearTimeout(R.current), I(!1);
         return;
       }
-      const t = K(B, p);
+      const t = K(N, m);
       I(!0), t.then((n) => {
         _(n);
       }).finally(() => {
         I(!1), e?.onFetchingEnd?.();
       });
     }
-  }, [g, c, v, p, K, S]), a(() => {
-    if (W) {
+  }, [g, c, v, m, K, S]), a(() => {
+    if (U) {
       if (e?.onOpen?.(), g === "fetch_in_open") {
         if (!x.current)
           return;
-        I(!0), B().then((t) => {
-          _(() => h.length > 0 ? [...U(h, t), ...h] : t);
+        I(!0), N().then((t) => {
+          _(() => h.length > 0 ? [...B(h, t), ...h] : t);
         }).finally(() => {
           I(!1), e?.onFetchingEnd?.();
         });
       }
     } else
       e?.onClose?.();
-  }, [W, g]);
-  const Y = (t, n) => t.filter((r) => {
-    if (m)
-      return i(r, m).toLowerCase().includes(n.toLowerCase());
+  }, [U, g]);
+  const X = (t, n) => t.filter((r) => {
+    if (p)
+      return s(r, p).toLowerCase().includes(n.toLowerCase());
     switch (typeof r) {
       case "string":
         return r.toLowerCase().includes(n.toLowerCase());
       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((i) => i.toString().toLowerCase().includes(n.toLowerCase()));
       default:
         return !1;
     }
-  }), Z = (t) => t.sort((n, r) => {
-    if (m)
-      return i(n, m) < i(r, m) ? -1 : 1;
+  }), Y = (t) => t.sort((n, r) => {
+    if (p)
+      return s(n, p) < s(r, p) ? -1 : 1;
     {
-      const s = ["label", "name", "value"].find((b) => typeof n == "object" && Object.keys(n).includes(b));
+      const i = ["label", "name", "value"].find((b) => typeof n == "object" && Object.keys(n).includes(b));
       switch (typeof n) {
         case "string":
           return n < r ? -1 : 1;
         case "number":
           return n < r ? -1 : 1;
         case "object":
-          if (s) {
-            const b = i(n, s), $ = i(r, s);
-            return b < $ ? -1 : 1;
+          if (i) {
+            const b = s(n, i), Z = s(r, i);
+            return b < Z ? -1 : 1;
           } else
             return 1;
         default:
           return 1;
       }
     }
-  }), q = (t) => {
+  }), W = (t) => {
     const n = typeof L == "function" ? L() : L;
     t.target === n?.current && (D.current && clearTimeout(D.current), J.current || (J.current = !0, e?.onTypeStart?.()), D.current = setTimeout(() => {
       J.current = !1;
-    }, p));
+    }, m));
   };
   return a(() => {
     if (c === "")
-      w(Z(V));
+      w(Y(V));
     else {
-      const t = U(h, V);
-      w([...Y(t, c), ...h]);
+      const t = B(h, V);
+      w([...X(t, c), ...h]);
     }
-  }, [V]), a(() => (document.addEventListener("keydown", q), () => {
-    document.removeEventListener("keydown", q);
+  }, [V]), a(() => (document.addEventListener("keydown", W), () => {
+    document.removeEventListener("keydown", W);
   }), []), {
     inputValue: c,
     setInputValue: T,
@@ -130,11 +130,11 @@ function te(e) {
     isLoading: M,
     value: h,
     setValue: A,
-    onOptionClick: X
+    onOptionClick: Q
   };
 }
-const ie = (e) => {
-  const f = O(null), { asyncMode: l = "fetch_in_open" } = e, { inputValue: C, setInputValue: g, filteredOptions: v, isLoading: p, value: S, onOptionClick: m, cleanInputValue: d } = te({
+const se = (e) => {
+  const f = O(null), { asyncMode: l = "fetch_in_open" } = e, { inputValue: C, setInputValue: g, filteredOptions: v, isLoading: m, value: S, onOptionClick: p, cleanInputValue: d } = te({
     options: e.options,
     fetcher: e.fetcher,
     asyncMode: l,
@@ -156,9 +156,9 @@ const ie = (e) => {
     subscribeOpenChange: f.current?.subscribeOpenChange,
     onChange: e.onChange,
     name: e.name
-  }), u = G(() => S.map((c) => i(c, e.optionValue)), [S, e.optionValue]), j = H(() => l === "fetch_on_type" ? p : !1, [l, p]), L = (c) => {
-    const T = v.find((M) => i(M, e.optionValue) === c.id);
-    T && m(T);
+  }), u = q(() => S.map((c) => s(c, e.optionValue)), [S, e.optionValue]), j = z(() => l === "fetch_on_type" ? m : !1, [l, m]), L = (c) => {
+    const T = v.find((M) => s(M, e.optionValue) === c.id);
+    T && p(T);
   }, { displayMode: k = "chips", dropdownOptions: V, overflow: _ = "scroll", ...P } = e.selectComponentProps || {}, w = {
     controledSearchValue: C,
     onSearchValueChange: l === "fetch_on_type" ? g : void 0,
@@ -167,9 +167,10 @@ const ie = (e) => {
     isLoading: j(),
     ...V || {}
   };
-  return /* @__PURE__ */ z.jsx("div", { children: /* @__PURE__ */ z.jsx(
+  return /* @__PURE__ */ $.jsx(
     ee,
     {
+      className: e.className,
       name: e.name,
       overflow: _,
       ...P,
@@ -185,10 +186,10 @@ const ie = (e) => {
       controls: f,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
       dropdownOptions: w,
-      isLoading: l === "fetch_in_open" ? p : !1
+      isLoading: l === "fetch_in_open" ? m : !1
     }
-  ) });
+  );
 };
 export {
-  ie as default
+  se as default
 };

package/dist/components/Drawer/DrawerMobile.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-export interface DrawerMobileProps {
-    children?: React.ReactNode;
+export interface DrawerMobileProps<TContext = unknown> {
+    children?: React.ReactNode | ((context: TContext | null) => React.ReactNode);
     defaultOpen?: boolean;
-    onClose?: () => void;
+    onClose?: (context: TContext | null) => void;
     snap?: string | number | null;
     snapPoints?: (string | number)[];
     setSnap?: (snap: string | number) => void;
@@ -12,10 +12,11 @@ export interface DrawerMobileProps {
     modal?: boolean;
     closeOnOverlayClick?: boolean;
 }
-export interface DrawerMobileHandle {
-    open: (snap?: string | number) => void;
+export interface DrawerMobileHandle<TContext = unknown> {
+    open: (snap?: string | number, context?: TContext) => void;
     close: () => void;
     isOpen: boolean;
+    getContext: () => TContext | null;
 }
-declare const DrawerMobile: React.ForwardRefExoticComponent<DrawerMobileProps & React.RefAttributes<DrawerMobileHandle>>;
+declare const DrawerMobile: React.ForwardRefExoticComponent<DrawerMobileProps<any> & React.RefAttributes<DrawerMobileHandle<any>>>;
 export default DrawerMobile;

package/dist/components/Drawer/useDrawerMobile.d.ts

@@ -1,7 +1,8 @@
 import { DrawerMobileHandle } from './DrawerMobile';
-export declare const useDrawerMobile: () => {
+export declare const useDrawerMobile: <TContext = unknown>() => {
     isOpen: () => boolean;
-    open: (snap?: string | number) => void;
+    open: (snap?: string | number, context?: TContext) => void;
     close: () => void;
-    drawerRef: import('react').RefObject<DrawerMobileHandle | null>;
+    drawerRef: import('react').RefObject<DrawerMobileHandle<TContext> | null>;
+    getContext: () => NonNullable<TContext> | null;
 };

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -16,6 +16,7 @@ export interface SelectSearchProps<T> {
     inputSearchPlaceholder?: string;
     labelVariant?: 'static' | 'default';
     disabled?: boolean;
+    className?: string;
     renderOption?: ComponentType<CustomSelectOptionRendererProps<T>>;
     renderSelection?: ComponentType<CustomSelectionDisplayProps<T>>;
     selectComponentProps?: Partial<SelectProps<T>>;