@telefonica/mistica 14.15.0 → 14.16.0

package/dist-es/radio-button.js

@@ -86,40 +86,40 @@ import { Text3 as k } from "./text.js";
 import j from "./inline.js";
 import P from "classnames";
 import { useAriaId as F, useTheme as K } from "./hooks.js";
-import { getPrefixedDataAttributes as A } from "./utils/dom.js";
-import { outerCircleVariants as I, outerCircleCheckedVariants as $, disabled as N, innerCircle as H, innerCircleChecked as L, radioButton as U, radioButtonContainerDisabled as W } from "./radio-button.css-mistica.js";
-const D = /*#__PURE__*/ i.createContext({
+import { getPrefixedDataAttributes as D } from "./utils/dom.js";
+import { outerCircleVariants as I, outerCircleCheckedVariants as $, disabled as A, innerCircle as H, innerCircleChecked as L, radioButtonContainerDisabled as U, radioButton as W } from "./radio-button.css-mistica.js";
+const N = /*#__PURE__*/ i.createContext({
     disabled: !1,
     selectedValue: null,
     focusableValue: null,
     select: ()=>{},
     selectNext: ()=>{},
     selectPrev: ()=>{}
-}), z = ()=>i.useContext(D), J = (_param)=>{
+}), z = ()=>i.useContext(N), J = (_param)=>{
     var { value: e , id: s , dataAttributes: C , "aria-labelledby": R  } = _param, d = _object_without_properties(_param, [
         "value",
         "id",
         "dataAttributes",
         "aria-labelledby"
     ]);
-    const { disabled: r , selectedValue: p , focusableValue: v , select: u , selectNext: f , selectPrev: g  } = z(), m = F(R), o = i.useRef(null), c = e === p, y = v === e ? 0 : -1, { isIos: h  } = K(), t = (l)=>{
-        switch(l.keyCode){
+    const { disabled: l , selectedValue: v , focusableValue: p , select: u , selectNext: f , selectPrev: g  } = z(), m = F(R), r = i.useRef(null), c = e === v, y = p === e ? 0 : -1, { isIos: h  } = K(), t = (o)=>{
+        switch(o.keyCode){
             case w:
-                u(e), l.preventDefault(), l.stopPropagation();
+                u(e), o.preventDefault(), o.stopPropagation();
                 break;
             case T:
             case E:
-                f(), l.preventDefault(), l.stopPropagation();
+                f(), o.preventDefault(), o.stopPropagation();
                 break;
             case q:
             case B:
-                g(), l.preventDefault(), l.stopPropagation();
+                g(), o.preventDefault(), o.stopPropagation();
                 break;
         }
     }, a = /* @__PURE__ */ n("div", {
         className: P(h ? I.ios : I.default, {
             [$[h ? "ios" : "default"]]: c,
-            [N]: r
+            [A]: l
         }),
         children: !h && /* @__PURE__ */ n("div", {
             className: P(H, {
@@ -129,26 +129,27 @@ const D = /*#__PURE__*/ i.createContext({
     });
     return(// eslint-disable-next-line jsx-a11y/interactive-supports-focus
     /* @__PURE__ */ n("span", _object_spread_props(_object_spread({
-        ref: o,
+        ref: r,
         id: s,
-        tabIndex: r ? void 0 : y,
+        tabIndex: l ? void 0 : y,
         role: "radio",
         "data-value": e,
         "aria-checked": c,
-        "aria-disabled": r,
+        "aria-disabled": l,
         "aria-labelledby": m,
-        onClick: r ? void 0 : ()=>u(e),
-        onKeyDown: r ? void 0 : t,
-        className: U
-    }, A(C, "RadioButton")), {
+        onClick: (o)=>{
+            o.stopPropagation(), l || u(e);
+        },
+        onKeyDown: l ? void 0 : t,
+        className: l ? U : W
+    }, D(C, "RadioButton")), {
         children: d.render ? d.render({
             controlElement: a,
-            disabled: !!r,
+            disabled: !!l,
             checked: c,
             labelId: m
         }) : /* @__PURE__ */ S(j, {
             space: 16,
-            className: r ? W : "",
             children: [
                 /* @__PURE__ */ n(k, {
                     regular: !0,
@@ -166,7 +167,7 @@ const D = /*#__PURE__*/ i.createContext({
                     as: "div",
                     id: m,
                     children: /* @__PURE__ */ n("span", {
-                        className: r ? N : "",
+                        className: l ? A : "",
                         children: d.children
                     })
                 })
@@ -175,53 +176,53 @@ const D = /*#__PURE__*/ i.createContext({
     })));
 }, re = (e)=>{
     var _ref;
-    const { value: s , defaultValue: C , onChange: R , focusableRef: d , disabled: r  } = G({
+    const { value: s , defaultValue: C , onChange: R , focusableRef: d , disabled: l  } = G({
         name: e.name,
         value: e.value,
         defaultValue: e.defaultValue,
         onChange: e.onChange,
         disabled: e.disabled
-    }), p = typeof s < "u", [v, u] = i.useState((_ref = s !== null && s !== void 0 ? s : C) !== null && _ref !== void 0 ? _ref : "");
+    }), v = typeof s < "u", [p, u] = i.useState((_ref = s !== null && s !== void 0 ? s : C) !== null && _ref !== void 0 ? _ref : "");
     i.useEffect(()=>{
         s !== void 0 && u(s);
     }, [
         s
     ]);
     const f = (t)=>{
-        p || u(t), R(t);
-    }, [g, m] = i.useState(null), o = i.useRef(null), c = ()=>{
-        if (o.current) {
-            const t = o.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(o.current.querySelectorAll("[role=radio]"));
+        v || u(t), R(t);
+    }, [g, m] = i.useState(null), r = i.useRef(null), c = ()=>{
+        if (r.current) {
+            const t = r.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(r.current.querySelectorAll("[role=radio]"));
             if (a.length === 0) return;
             const V = ((t ? a.indexOf(t) : 0) + 1) % a.length, b = a[V], x = b.dataset.value;
             x && (b.focus(), f(x));
         }
     }, y = ()=>{
-        if (o.current) {
-            const t = o.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(o.current.querySelectorAll("[role=radio]"));
+        if (r.current) {
+            const t = r.current.querySelector("[role=radio][aria-checked=true]"), a = Array.from(r.current.querySelectorAll("[role=radio]"));
             if (a.length === 0) return;
-            const l = t ? a.indexOf(t) : 0, V = (a.length + l - 1) % a.length, b = a[V], x = b.dataset.value;
+            const o = t ? a.indexOf(t) : 0, V = (a.length + o - 1) % a.length, b = a[V], x = b.dataset.value;
             x && (b.focus(), f(x));
         }
     };
     i.useEffect(()=>{
-        if (o.current) {
-            const t = o.current.querySelector("[role=radio]");
+        if (r.current) {
+            const t = r.current.querySelector("[role=radio]");
             var _t_dataset_value;
             t && m((_t_dataset_value = t.dataset.value) !== null && _t_dataset_value !== void 0 ? _t_dataset_value : null);
         }
     }, []);
     var _ref1;
-    const h = (_ref1 = v !== null && v !== void 0 ? v : g) !== null && _ref1 !== void 0 ? _ref1 : null;
+    const h = (_ref1 = p !== null && p !== void 0 ? p : g) !== null && _ref1 !== void 0 ? _ref1 : null;
     return /* @__PURE__ */ n("div", _object_spread_props(_object_spread({
-        ref: O(o, d),
+        ref: O(r, d),
         role: "radiogroup",
         "aria-labelledby": e["aria-labelledby"]
-    }, A(e.dataAttributes, "RadioGroup")), {
-        children: /* @__PURE__ */ n(D.Provider, {
+    }, D(e.dataAttributes, "RadioGroup")), {
+        children: /* @__PURE__ */ n(N.Provider, {
             value: {
-                disabled: r,
-                selectedValue: v !== null && v !== void 0 ? v : C,
+                disabled: l,
+                selectedValue: p !== null && p !== void 0 ? p : C,
                 focusableValue: h,
                 select: f,
                 selectNext: c,

package/dist-es/search-field.js

@@ -81,14 +81,14 @@ import { jsx as c } from "react/jsx-runtime";
 import * as r from "react";
 import { useFieldProps as k } from "./form-context.js";
 import { TextFieldBaseAutosuggest as T } from "./text-field-base.js";
-import j from "./icons/icon-search.js";
+import j from "./generated/mistica-icons/icon-search-regular.js";
 import z from "./generated/mistica-icons/icon-close-regular.js";
 import A from "./icon-button.js";
 import { useTheme as E } from "./hooks.js";
 import { createChangeEvent as V } from "./utils/dom.js";
 import { combineRefs as $ } from "./utils/common.js";
 const q = /*#__PURE__*/ r.forwardRef((_param, y)=>{
-    var { disabled: m , error: u , helperText: d , name: p , optional: n , validate: I , onChange: e , onChangeValue: t , onBlur: R , value: f , defaultValue: S  } = _param, x = _object_without_properties(_param, [
+    var { disabled: m , error: u , helperText: d , name: p , optional: n , validate: R , onChange: e , onChangeValue: t , onBlur: I , value: a , defaultValue: S  } = _param, x = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -101,7 +101,7 @@ const q = /*#__PURE__*/ r.forwardRef((_param, y)=>{
         "value",
         "defaultValue"
     ]);
-    const b = E(), o = r.useRef(), [F, P] = r.useState(S || ""), i = typeof f < "u", a = i ? f : F, l = r.useCallback((s, B)=>{
+    const b = E(), o = r.useRef(), [F, P] = r.useState(S || ""), i = typeof a < "u", f = i ? a : F, l = r.useCallback((s, B)=>{
         i || P(s), t == null || t(s, B);
     }, [
         i,
@@ -113,22 +113,22 @@ const q = /*#__PURE__*/ r.forwardRef((_param, y)=>{
         e
     ]), v = k({
         name: p,
-        value: a,
+        value: f,
         defaultValue: void 0,
         processValue: (s)=>s,
         helperText: d,
         optional: n,
         error: u,
         disabled: m,
-        onBlur: R,
-        validate: I,
+        onBlur: I,
+        validate: R,
         onChange: e,
         onChangeValue: l
     });
     return /* @__PURE__ */ c(T, _object_spread_props(_object_spread({
         ref: $(o, y),
         startIcon: /* @__PURE__ */ c(j, {}),
-        endIcon: a ? /* @__PURE__ */ c(A, {
+        endIcon: f ? /* @__PURE__ */ c(A, {
             size: 48,
             style: {
                 display: "flex",

package/dist-es/select.css-mistica.js

@@ -1,14 +1,14 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./select.css.ts.vanilla.css-mistica.js";
-var n = "_1sqpivvo _1y2v1nf60 _1y2v1nfbt", f = "_1sqpivvq _1y2v1nf7q _1y2v1nf85 _1y2v1nf6u _1y2v1nf79 _1y2v1nf1w _1y2v1nf64 _1y2v1nf6j _1y2v1nfar _1y2v1nf97", a = "_1y2v1nf3e", i = {
+var n = "_1sqpivvo _1y2v1nf60 _1y2v1nfbt", f = "_1sqpivvq _1y2v1nf7q _1y2v1nf85 _1y2v1nf6u _1y2v1nf79 _1y2v1nf1w _1y2v1nf64 _1y2v1nf6j _1y2v1nfar _1y2v1nf97", i = "_1y2v1nf3e", a = {
     show: "_1sqpivv7",
     hide: "_1sqpivv8"
-}, y = "_1sqpivv6 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf60 _1y2v1nfai _1y2v1nf31", s = {
+}, y = "_1sqpivv6 _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf61 _1y2v1nfai _1y2v1nf31", s = {
     default: "_1sqpivvd _1sqpivvc _1y2v1nf5z _1y2v1nfar",
     fullWidth: "_1sqpivve _1sqpivvc _1y2v1nf5z _1y2v1nfar"
 }, r = {
-    default: "_1sqpivvl _1sqpivvk _1y2v1nf60 _1y2v1nfas _1y2v1nfa7 _1y2v1nf1w",
-    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf60 _1y2v1nfas _1y2v1nfa7 _1y2v1nf1w"
+    default: "_1sqpivvl _1sqpivvk _1y2v1nf60 _1y2v1nfa7 _1y2v1nf1w",
+    disabled: "_1sqpivvm _1sqpivvk _1y2v1nf60 _1y2v1nfa7 _1y2v1nf1w"
 }, t = {
     default: "_1sqpivvh _1sqpivvg _1y2v1nfaa _1y2v1nf1w _1y2v1nf5y _1y2v1nf8f _1y2v1nf8w",
     disabled: "_1sqpivvi _1sqpivvg _1y2v1nfaa _1y2v1nf1w _1y2v1nf5y _1y2v1nf8f _1y2v1nf8w"
@@ -19,4 +19,4 @@ var n = "_1sqpivvo _1y2v1nf60 _1y2v1nfbt", f = "_1sqpivvq _1y2v1nf7q _1y2v1nf85
     minWidth: "var(--_1sqpivv3)",
     maxHeight: "var(--_1sqpivv4)"
 };
-export { n as arrowDown, f as menuItem, a as menuItemSelected, i as optionsAnimationsVariants, y as optionsContainer, s as selectContainerVariants, r as selectTextVariants, t as selectVariants, p as vars };
+export { n as arrowDown, f as menuItem, i as menuItemSelected, a as optionsAnimationsVariants, y as optionsContainer, s as selectContainerVariants, r as selectTextVariants, t as selectVariants, p as vars };