prometeo-design-system 4.4.0 → 4.4.1

package/dist/SelectSearch.es.js

@@ -4,19 +4,19 @@ import { useState as A, useRef as E, useEffect as b, useMemo as ee, useCallback
 import Z from "./Select.es.js";
 function re(e) {
   const {
-    options: C,
+    options: O,
     fetcher: d,
-    asyncMode: _ = "fetch_in_open",
-    disabled: w = !1,
-    debounceDelay: P = 500,
+    asyncMode: w = "fetch_in_open",
+    disabled: _ = !1,
+    debounceDelay: M = 500,
     minCharacters: T = 3,
     optionLabel: h,
     optionValue: c,
     controlledValue: f,
-    isOpen: F,
+    isOpen: P,
     inputRef: p,
     name: I
-  } = e || {}, M = C ? C.filter((n) => n != null) : [], [V, g] = A(M || []), [D, k] = A(M || []), [s, N] = A(""), [W, v] = A(!1), [J, U] = A(!1), o = E(null), O = E(null), m = E(!1), S = E(d), L = e?.multiple === !0 || !1, j = E(L ? [] : void 0), [a, y] = A(L ? [] : void 0);
+  } = e || {}, F = O ? O.filter((n) => n != null) : [], [V, g] = A(F || []), [D, k] = A(F || []), [s, N] = A(""), [W, C] = A(!1), [J, U] = A(!1), o = E(null), v = E(null), m = E(!1), S = E(d), L = e?.multiple === !0 || !1, j = E(L ? [] : void 0), [a, y] = A(L ? [] : void 0);
   b(() => {
     S.current = d;
   }, [d]), b(() => {
@@ -54,28 +54,28 @@ function re(e) {
       t && t();
     };
   }, [e?.subscribeOpenChange]);
-  const G = F !== void 0 ? F : J;
+  const G = P !== void 0 ? P : J;
   b(() => {
-    if (!w && S.current && _ === "fetch_on_type") {
+    if (!_ && S.current && w === "fetch_on_type") {
       if (!s || s === "" || s.length < T) {
-        o.current && clearTimeout(o.current), v(!1);
+        o.current && clearTimeout(o.current), C(!1);
         return;
       }
-      const n = B(q, P);
-      v(!0), n.then((t) => {
+      const n = B(q, M);
+      C(!0), n.then((t) => {
         const l = z(t);
         g(l);
       }).finally(() => {
-        v(!1), e?.onFetchingEnd?.();
+        C(!1), e?.onFetchingEnd?.();
       });
     }
-  }, [_, s, w, P, B, T]), b(() => {
-    if (!w)
+  }, [w, s, _, M, B, T]), b(() => {
+    if (!_)
       if (G) {
-        if (e?.onOpen?.(), _ === "fetch_in_open") {
+        if (e?.onOpen?.(), w === "fetch_in_open") {
           if (!S.current)
             return;
-          v(!0), q().then((n) => {
+          C(!0), q().then((n) => {
             const t = z(n);
             g(() => {
               const l = t.filter((r) => {
@@ -85,12 +85,12 @@ function re(e) {
               return L && a.length > 0 ? [...$(a, l), ...a] : l;
             });
           }).finally(() => {
-            v(!1), e?.onFetchingEnd?.();
+            C(!1), e?.onFetchingEnd?.();
           });
         }
       } else
         e?.onClose?.();
-  }, [G, _, w]);
+  }, [G, w, _]);
   const H = (n, t) => n?.filter((l) => {
     if (h)
       return i(l, h)?.toLowerCase().includes(t.toLowerCase());
@@ -129,9 +129,9 @@ function re(e) {
     }
   }) || [], Q = (n) => {
     const t = typeof p == "function" ? p() : p;
-    n.target === t?.current && (O.current && clearTimeout(O.current), m.current || (m.current = !0, e?.onTypeStart?.()), O.current = setTimeout(() => {
+    n.target === t?.current && (v.current && clearTimeout(v.current), m.current || (m.current = !0, e?.onTypeStart?.()), v.current = setTimeout(() => {
       m.current = !1;
-    }, P));
+    }, M));
   };
   b(() => {
     if (s === "")
@@ -173,18 +173,18 @@ function re(e) {
   };
 }
 const he = (e) => {
-  const C = E(null), { asyncMode: d = "fetch_in_open" } = e, _ = (o, O, m) => {
+  const O = E(null), { asyncMode: d = "fetch_in_open" } = e, w = (o, v, m) => {
     const S = {
       options: o.options,
       fetcher: o.fetcher,
-      asyncMode: O,
+      asyncMode: v,
       debounceDelay: o.debounceDelay,
       minCharacters: o.minCharacters,
       disabled: o.disabled,
       optionValue: o.optionValue,
       optionLabel: o.optionLabel,
       onFetchingStart: () => {
-        O === "fetch_on_type" && m.current?.open();
+        m.current?.open();
       },
       onTypeStart: () => {
         !o?.fetcher && m.current?.open();
@@ -204,29 +204,29 @@ const he = (e) => {
       controlledValue: o.value,
       onChange: o.onChange
     };
-  }, { inputValue: w, setInputValue: P, filteredOptions: T, isLoading: h, value: c, onOptionClick: f, cleanInputValue: F, cleanOptions: p, clearValue: I } = re(_(e, d, C));
+  }, { inputValue: _, setInputValue: M, filteredOptions: T, isLoading: h, value: c, onOptionClick: f, cleanInputValue: P, cleanOptions: p, clearValue: I } = re(w(e, d, O));
   b(() => {
-    !e.controls || !C.current || (e.controls.current = {
-      ...C.current,
+    !e.controls || !O.current || (e.controls.current = {
+      ...O.current,
       cleanOptions: () => {
         p();
       }
     });
   }, [e.controls, p]);
-  const M = ne(
+  const F = ne(
     () => d === "fetch_on_type" ? h : !1,
     [d, h]
   ), V = ee(() => e.multiple ? c.map((o) => i(o, e.optionValue)) : c ? i(c, e.optionValue) : void 0, [c, e.optionValue, e.multiple]), g = (o) => {
-    const O = T.find((m) => i(m, e.optionValue) === o.id);
-    O && f(O);
-  }, { displayMode: D = e.multiple ? "chips" : "compact", dropdownOptions: k, overflow: s = "scroll", onChange: N, onClear: W, ...v } = e.selectComponentProps || {}, J = {
-    controledSearchValue: w,
-    onSearchValueChange: d === "fetch_on_type" ? P : void 0,
+    const v = T.find((m) => i(m, e.optionValue) === o.id);
+    v && f(v);
+  }, { displayMode: D = e.multiple ? "chips" : "compact", dropdownOptions: k, overflow: s = "scroll", onChange: N, onClear: W, ...C } = e.selectComponentProps || {}, J = {
+    controledSearchValue: _,
+    onSearchValueChange: d === "fetch_on_type" ? M : void 0,
     onSearchClear: d === "fetch_on_type" ? () => {
-      F(), p();
+      P(), p();
     } : void 0,
     inputSearchPlaceholder: e.inputSearchPlaceholder,
-    isLoading: M(),
+    isLoading: F(),
     focusSearchInputOnOpen: !0,
     ...k || {}
   }, U = () => {
@@ -240,7 +240,7 @@ const he = (e) => {
       name: e.name,
       overflow: s,
       placeholder: e.placeholder,
-      ...v,
+      ...C,
       onClear: e?.selectComponentProps?.onClear && U,
       multiple: !0,
       value: V,
@@ -252,7 +252,7 @@ const he = (e) => {
       renderSelection: e.renderSelection,
       onOptionClick: g,
       displayMode: D,
-      controls: C,
+      controls: O,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
       dropdownOptions: J,
       isLoading: d === "fetch_in_open" ? h : !1
@@ -261,7 +261,7 @@ const he = (e) => {
     Z,
     {
       disabled: e.disabled,
-      ...v,
+      ...C,
       placeholder: e.placeholder,
       onClear: U,
       className: e.className,
@@ -277,7 +277,7 @@ const he = (e) => {
       renderSelection: e.renderSelection,
       onOptionClick: g,
       displayMode: "compact",
-      controls: C,
+      controls: O,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
       dropdownOptions: J,
       isLoading: d === "fetch_in_open" ? h : !1

package/dist/components/Input/Input.d.ts

@@ -1,5 +1,5 @@
 export type InputVariant = "default" | "error" | "success";
-export type InputSize = "small" | "medium" | "large";
+export type InputSize = "xsmall" | "small" | "medium" | "large";
 export type LabelVariant = "default" | "static";
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange"> {
     label: string;
@@ -31,5 +31,5 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onClickIcon?: (event: React.MouseEvent) => void;
 }
-declare const _default: import('react').NamedExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
-export default _default;
+declare const Input: import('react').NamedExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Input;

package/dist/components/Shared/Chip.d.ts

@@ -1,6 +1,6 @@
 import { ComponentVariant } from './types';
-type ChipProps = {
-    id: string | number;
+export type ChipProps = {
+    id?: string | number;
     label: string;
     onRemove?: (optionId: string | number) => void;
     className?: string;

package/dist/exports/Chip.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../components/Shared/Chip';
+export type { ChipProps } from '../components/Shared/Chip';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "4.4.0",
+  "version": "4.4.1",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",
@@ -202,6 +202,10 @@
       "types": "./dist/UserCard.d.ts",
       "import": "./dist/UserCard.es.js"
     },
+    "./Chip": {
+      "types": "./dist/Chip.d.ts",
+      "import": "./dist/Chip.es.js"
+    },
     "./styles": "./dist/styles.css",
     "./intellisense": "./src/styles/intellisense.css"
   },
@@ -305,6 +309,9 @@
     "ajv": "^8.17.1",
     "ajv-draft-04": {
       "ajv": "^8.17.1"
+    },
+    "ajv-formats": {
+      "ajv": "^8.17.1"
     }
   }
 }