prometeo-design-system 2.5.0 → 2.5.2

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { S as f } from "./Select-CxJFcGuQ.js";
+import { S as f } from "./Select-B32JqJIS.js";
 export {
   f as default
 };

package/dist/SelectFormik.es.js

@@ -1,6 +1,6 @@
 import { j as m } from "./jsx-runtime-DKDX3adD.js";
 import { useField as c } from "formik";
-import { S as f } from "./Select-CxJFcGuQ.js";
+import { S as f } from "./Select-B32JqJIS.js";
 import { useRef as d, useEffect as v } from "react";
 function n(r) {
   return Array.isArray(r) && r.every(

package/dist/SelectSearch.es.js

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

package/dist/components/FAB/FAButton.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { ColorVariant, ButtonVariant } from '../Shared/types';
+import { IconComponent } from '../../Icons/Icons';
+export interface FAButtonProps {
+    icon?: IconComponent;
+    label?: string;
+    attachToParent?: boolean;
+    position?: {
+        left?: number | string;
+        top?: number | string;
+        right?: number | string;
+        bottom?: number | string;
+    };
+    color?: ColorVariant;
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    className?: string;
+    onClick: () => void;
+}
+declare const FAButton: React.MemoExoticComponent<(props: FAButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export default FAButton;

package/dist/components/OtpInput/OtpInput.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 export interface OtpInputProps {
     value?: string;
-    onChange?: (value: string) => void;
+    onChange?: (value: string, name?: string) => void;
     onComplete?: (value: string) => void;
     onBlur?: () => void;
     maxLength?: number;
@@ -23,5 +23,8 @@ export interface OtpInputProps {
     name?: string;
     variant?: 'default' | 'error' | 'success';
 }
-declare const OtpInputComponent: ({ value, name, onChange, onComplete, onBlur, maxLength, placeholder, disabled, className, autoFocus, pasteTransformer, errorComponent, hasError, helperComponent, helperAlignment, slotClassName, variant, hideSlotsMiddleSeparator }: OtpInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const OtpInputComponent: {
+    ({ value, name, onChange, onComplete, onBlur, maxLength, placeholder, disabled, className, autoFocus, pasteTransformer, errorComponent, hasError, helperComponent, helperAlignment, slotClassName, variant, hideSlotsMiddleSeparator }: OtpInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default OtpInputComponent;

package/dist/exports/FAButton.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/FAB/FAButton';

package/dist/index.d.ts

@@ -37,6 +37,7 @@ export { default as Toast } from './components/Toaster/Toaster';
 export { default as ToastProvider } from './components/Toaster/ToastProvider';
 export { toastpyrion } from './components/Toaster/Toaster';
 export { default as SelectSearch } from './components/SelectSearch/SelectSearch';
+export { default as FAButton } from './components/FAB/FAButton';
 export * from './components/Sidebar';
 export { SecondaryBar } from './components/Sidebar/SecondaryBar/SecondaryBar';
 export { Badge } from './components/Sidebar/components/badge';
@@ -99,4 +100,5 @@ export type { CustomSelectionDisplayProps } from './components/Select/Select';
 export type { CustomSelectOptionRendererProps } from './components/Select/Select';
 export type { SelectOptionType } from './components/Select/Select';
 export type { SelectSearchProps } from './components/SelectSearch/SelectSearch';
+export type { FAButtonProps } from './components/FAB/FAButton';
 export { Icons } from './Icons/Icons';

package/dist/pages/ButtonsPage.d.ts

@@ -0,0 +1,2 @@
+declare const ButtonsPage: () => import("react/jsx-runtime").JSX.Element;
+export default ButtonsPage;

package/dist/pages/OtpPage.d.ts

@@ -0,0 +1,2 @@
+declare const OtpPage: () => import("react/jsx-runtime").JSX.Element;
+export default OtpPage;

package/dist/preview/FABPreview.d.ts

@@ -0,0 +1,2 @@
+declare const FABPreview: () => import("react/jsx-runtime").JSX.Element;
+export default FABPreview;

package/dist/preview/OTPPreview.d.ts

@@ -0,0 +1,2 @@
+declare const OTPPreview: () => import("react/jsx-runtime").JSX.Element;
+export default OTPPreview;

package/dist/preview/SegmentedButtonPreview.d.ts

@@ -0,0 +1,2 @@
+declare const SegmentedButtonPreview: () => import("react/jsx-runtime").JSX.Element;
+export default SegmentedButtonPreview;