@telefonica/mistica 14.25.0 → 14.26.0

package/dist-es/touchable.js

@@ -52,7 +52,7 @@ function _object_spread_props(target, source) {
 }
 import { jsxs as I, jsx as l } from "react/jsx-runtime";
 import * as c from "react";
-import b from "classnames";
+import s from "classnames";
 import A from "./screen-reader-only.js";
 import { notTouchable as _, touchable as H, base as K } from "./touchable.css-mistica.js";
 import { useTheme as j } from "./hooks.js";
@@ -75,13 +75,14 @@ const L = function(e) {
         style: e.style,
         role: e.role,
         "aria-checked": e["aria-checked"],
+        "aria-disabled": e.disabled ? !0 : void 0,
         "aria-controls": e["aria-controls"],
         "aria-expanded": e["aria-expanded"],
         "aria-hidden": e["aria-hidden"],
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, W(e.dataAttributes, "Touchable")), u = e.type ? e.type : "button", r = !!e.href && !!e.newTab, m = !r && !!e.href && !!e.loadOnTop, s = (a)=>{
+    }, W(e.dataAttributes, "Touchable")), u = e.type ? e.type : "button", r = !!e.href && !!e.newTab, m = !r && !!e.href && !!e.loadOnTop, b = (a)=>{
         e.stopPropagation && a.stopPropagation();
     }, h = (a)=>{
         e.onPress && e.onPress(a);
@@ -90,15 +91,15 @@ const L = function(e) {
             f.current = !1, a();
         }));
     }, x = (a)=>{
-        if (s(a), !i.length) {
+        if (b(a), !i.length) {
             h(a);
             return;
         }
         g(()=>h(a));
     }, R = (a)=>{
-        s(a), i.length && (a.preventDefault(), g(()=>L(k(), r, m)));
+        b(a), i.length && (a.preventDefault(), g(()=>L(k(), r, m)));
     }, D = (a)=>{
-        s(a), y();
+        b(a), y();
     }, w = (a)=>{
         (a.keyCode === S || a.keyCode === V) && (a.preventDefault(), a.currentTarget.click());
     };
@@ -153,14 +154,14 @@ const L = function(e) {
     }
     return /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, n), {
         ref: t,
-        className: b(n.className, _),
+        className: s(n.className, _),
         children: o
     }));
 }), $ = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ l(T, _object_spread_props(_object_spread({}, e), {
-        className: b(H, e.className),
+        className: s(H, e.className),
         ref: t
     }))), X = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ l(T, _object_spread_props(_object_spread({}, e), {
-        className: b(K, e.className),
+        className: s(K, e.className),
         ref: t
     }))), Y = $;
 export { X as BaseTouchable, Y as default };

package/dist-es/video.js

@@ -25,7 +25,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsx as d, jsxs as G } from "react/jsx-runtime";
+import { jsx as l, jsxs as G } from "react/jsx-runtime";
 import * as n from "react";
 import { useMediaBorderRadius as J, ImageContent as M, ImageError as O } from "./image.js";
 import { AspectRatioContainer as P } from "./utils/aspect-ratio-support.js";
@@ -80,8 +80,8 @@ const q = {
         "aspectRatio",
         "dataAttributes"
     ]);
-    const [a, l] = n.useReducer(D, "loading"), s = n.useRef(null), C = n.useRef(), f = n.useRef(null), w = J(), g = typeof c == "number" ? c : K[c], v = n.useCallback(()=>{
-        a === "loading" && (l("fail"), h == null || h());
+    const [a, d] = n.useReducer(D, "loading"), s = n.useRef(null), C = n.useRef(), f = n.useRef(null), w = J(), g = typeof c == "number" ? c : K[c], v = n.useCallback(()=>{
+        a === "loading" && (d("fail"), h == null || h());
     }, [
         h,
         a
@@ -89,9 +89,8 @@ const q = {
     n.useEffect(()=>{
         var e;
         if (C.current !== r) {
-            C.current = r;
-            const t = setTimeout(v, T);
-            return l("reset"), (e = s.current) == null || e.load(), ()=>{
+            let t;
+            return C.current = r, d("reset"), r ? (t = setTimeout(v, T), (e = s.current) == null || e.load()) : d("fail"), ()=>{
                 clearTimeout(t);
             };
         }
@@ -103,12 +102,12 @@ const q = {
     const I = ()=>{
         y == null || y();
         const e = s.current, t = p && !Q();
-        l("finishLoad"), e && t && e.paused && e.play();
+        d("finishLoad"), e && t && e.paused && e.play();
     }, U = (Array.isArray(r) ? r : [
         r
     ]).map((e)=>typeof e == "string" ? {
             src: e
-        } : e), m = a === "error" || a === "loading" || a === "loaded", V = /* @__PURE__ */ d("video", {
+        } : e), m = a === "error" || a === "loading" || a === "loaded", V = /* @__PURE__ */ l("video", {
         ref: s,
         playsInline: !0,
         disablePictureInPicture: !0,
@@ -119,11 +118,11 @@ const q = {
         preload: k,
         onError: v,
         onPause: ()=>{
-            R == null || R(), l("pause");
+            R == null || R(), d("pause");
         },
         onTimeUpdate: ()=>{
             var e;
-            a !== "playing" && ((e = s.current) == null ? void 0 : e.currentTime) !== 0 && (b == null || b(), l("play"));
+            a !== "playing" && ((e = s.current) == null ? void 0 : e.currentTime) !== 0 && (b == null || b(), d("play"));
         },
         onCanPlay: ()=>{
             p === "streaming" && I();
@@ -142,23 +141,23 @@ const q = {
         },
         children: U.map((param, i)=>/* @__PURE__ */ {
             let { src: e , type: t  } = param;
-            return d("source", {
+            return l("source", {
                 src: e,
                 type: t
             }, i);
         })
-    }), E = !!(g !== 0 || o.width && o.height), F = a === "error", j = n.useMemo(()=>u ? /* @__PURE__ */ d(M, {
+    }), E = !!(g !== 0 || o.width && o.height), F = a === "error", j = n.useMemo(()=>u ? /* @__PURE__ */ l(M, {
             aspectRatio: c,
             width: o.width,
             height: o.height,
             src: u
-        }) : E ? /* @__PURE__ */ d("div", {
+        }) : E ? /* @__PURE__ */ l("div", {
             style: {
                 position: "absolute",
                 width: "100%",
                 height: "100%"
             },
-            children: /* @__PURE__ */ d(O, {
+            children: /* @__PURE__ */ l(O, {
                 noBorderRadius: !w,
                 withIcon: F
             })
@@ -180,7 +179,7 @@ const q = {
         height: o.height,
         dataAttributes: $(B, "Video"),
         children: [
-            /* @__PURE__ */ d("div", {
+            /* @__PURE__ */ l("div", {
                 style: {
                     position: "absolute",
                     width: "100%",
@@ -198,7 +197,7 @@ const q = {
                         var i;
                         (i = f.current) != null && i.style && (f.current.style.width = "100%", f.current.style.height = "100%"), setTimeout(()=>{
                             var S;
-                            l("reset"), (S = s.current) == null || S.load();
+                            d("reset"), (S = s.current) == null || S.load();
                         }, 100);
                     }, t.setCurrentTime = (i)=>{
                         s.current && (s.current.currentTime = i);
@@ -206,7 +205,7 @@ const q = {
                 }
             }),
             V,
-            /* @__PURE__ */ d("div", {
+            /* @__PURE__ */ l("div", {
                 ref: f,
                 style: {
                     position: g !== 0 ? "absolute" : "static",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "14.25.0",
+    "version": "14.26.0",
     "license": "MIT",
     "repository": {
         "type": "git",