@telefonica/mistica 16.1.1 → 16.3.0

package/dist-es/touchable.js

@@ -79,8 +79,8 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as C, jsx as n } from "react/jsx-runtime";
-import * as c from "react";
-import m from "classnames";
+import * as o from "react";
+import s from "classnames";
 import E from "./screen-reader-only.js";
 import { notTouchable as j, touchable as B, base as V, marginReset as L } from "./touchable.css-mistica.js";
 import { useTheme as $ } from "./hooks.js";
@@ -89,14 +89,14 @@ import { ENTER as z, SPACE as F } from "./utils/keys.js";
 import { getPrefixedDataAttributes as G } from "./utils/dom.js";
 import { redirect as J } from "./utils/browser.js";
 import { linkOpensInNewTab as M, linkOpensInCurrentPage as Q } from "./text-tokens.js";
-const I = /*#__PURE__*/ c.forwardRef((e, t)=>{
-    var w;
-    const { texts: o, analytics: R, platformOverrides: x, Link: D, useHrefDecorator: A, t: s } = $(), H = A(), u = c.useRef(!1);
-    let l = [];
-    e.trackingEvent && (Array.isArray(e.trackingEvent) ? l = e.trackingEvent : l = [
+const I = /*#__PURE__*/ o.forwardRef((e, t)=>{
+    var O;
+    const { texts: d, analytics: R, platformOverrides: x, Link: D, useHrefDecorator: A, t: h } = $(), H = A(), b = o.useRef(!1);
+    let r = [];
+    e.trackingEvent && (Array.isArray(e.trackingEvent) ? r = e.trackingEvent : r = [
         e.trackingEvent
     ]);
-    const d = e.children, i = _object_spread({
+    const f = e.children, i = _object_spread({
         className: e.className,
         disabled: e.disabled,
         style: e.style,
@@ -110,58 +110,58 @@ const I = /*#__PURE__*/ c.forwardRef((e, t)=>{
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, G(e.dataAttributes, "Touchable")), h = e.type ? e.type : "button", r = !!e.newTab, K = (w = e.href) == null ? void 0 : w.startsWith("#"), g = !r && !!e.href && !!e.loadOnTop, b = (a)=>{
+    }, G(e.dataAttributes, "Touchable")), g = e.type ? e.type : "button", l = !!e.newTab, K = (O = e.href) == null ? void 0 : O.startsWith("#"), k = !l && !!e.href && !!e.loadOnTop, m = (a)=>{
         e.stopPropagation && a.stopPropagation();
-    }, k = (a)=>{
+    }, v = (a)=>{
         e.onPress && e.onPress(a);
     }, y = ()=>{
         var _e_to_pathname;
         return e.href ? H(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
-    }, v = ()=>Promise.all(l.map((a)=>R.logEvent(a))), N = (a)=>{
-        u.current || (u.current = !0, v().finally(()=>{
-            u.current = !1, a();
+    }, N = ()=>Promise.all(r.map((a)=>R.logEvent(a))), T = (a)=>{
+        b.current || (b.current = !0, N().finally(()=>{
+            b.current = !1, a();
         }));
     }, S = (a)=>{
-        if (b(a), !l.length) {
-            k(a);
+        if (m(a), !r.length) {
+            v(a);
             return;
         }
-        N(()=>k(a));
+        T(()=>v(a));
     }, W = (a)=>{
-        var O;
-        b(a);
-        const f = !!(e.href && e.onNavigate);
-        !l.length && !f || (a.preventDefault(), Promise.resolve(f ? (O = e.onNavigate) == null ? void 0 : O.call(e) : void 0).finally(()=>{
-            N(()=>J(y(), r, g));
+        var c;
+        m(a);
+        const u = !!(e.href && e.onNavigate);
+        !r.length && !u || (a.preventDefault(), Promise.resolve(u ? (c = e.onNavigate) == null ? void 0 : c.call(e) : void 0).finally(()=>{
+            T(()=>J(y(), l, k));
         }));
     }, _ = (a)=>{
-        b(a), e.to && e.onNavigate && e.onNavigate(), v();
-    }, T = (a)=>{
+        m(a), e.to && e.onNavigate && e.onNavigate(), N();
+    }, P = (a)=>{
         (a.key === z || a.key === F) && (a.preventDefault(), a.currentTarget.click());
-    }, P = ()=>r ? /* @__PURE__ */ n(E, {
+    }, w = ()=>l ? /* @__PURE__ */ n(E, {
             children: /* @__PURE__ */ n("span", {
-                children: o.linkOpensInNewTab || s(M)
+                children: d.linkOpensInNewTab || h(M)
             })
         }) : K ? /* @__PURE__ */ n(E, {
             children: /* @__PURE__ */ n("span", {
-                children: o.linkOpensInCurrentPage || s(Q)
+                children: d.linkOpensInCurrentPage || h(Q)
             })
         }) : null;
     if (e.href || e.to && e.fullPageOnWebView && q(x)) return /* @__PURE__ */ C("a", _object_spread_props(_object_spread({}, i), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
         onClick: W,
-        onKeyDown: T,
+        onKeyDown: P,
         href: e.disabled ? void 0 : y(),
         target: (()=>{
-            if (r) return "_blank";
-            if (g) return "_top";
+            if (l) return "_blank";
+            if (k) return "_top";
         })(),
-        rel: r ? "noopener noreferrer" : void 0,
+        rel: l ? "noopener noreferrer" : void 0,
         ref: t,
         children: [
-            d,
-            P()
+            f,
+            w()
         ]
     }));
     if (e.to) return /* @__PURE__ */ C(D, _object_spread_props(_object_spread({}, i), {
@@ -172,47 +172,52 @@ const I = /*#__PURE__*/ c.forwardRef((e, t)=>{
         to: e.disabled ? "" : e.to,
         replace: e.replace,
         onClick: _,
-        onKeyDown: T,
+        onKeyDown: P,
         children: [
-            d,
-            P()
+            f,
+            w()
         ]
     }));
     if (e.onPress) {
         var _e_as, _i_role;
-        const a = (_e_as = e.as) !== null && _e_as !== void 0 ? _e_as : "button", f = (_i_role = i.role) !== null && _i_role !== void 0 ? _i_role : e.as === "a" ? "button" : void 0;
-        return /*#__PURE__*/ c.createElement(a, _object_spread_props(_object_spread({}, i), {
-            role: f,
+        const a = (_e_as = e.as) !== null && _e_as !== void 0 ? _e_as : "button", u = (_i_role = i.role) !== null && _i_role !== void 0 ? _i_role : e.as === "a" ? "button" : void 0;
+        return /*#__PURE__*/ o.createElement(a, _object_spread_props(_object_spread({}, i), {
+            role: u,
+            // When an <a/> is rendered without an href value, the element is not accesible
+            // by keyboard (using tab key). We add a fictional href to "#" to avoid this.
+            href: a === "a" ? "#" : void 0,
             // this "form" attribute is useful when the form's submit button
             // is located outside the <form> element, for example if you use
             // a ButtonFixedFooter layout inside a form with the submit
             // button located at the footer, which is redered using a Portal
-            form: h === "submit" && e.formId ? e.formId : void 0,
+            form: g === "submit" && e.formId ? e.formId : void 0,
             "aria-label": e["aria-label"],
             "aria-labelledby": e["aria-labelledby"],
-            type: h,
+            type: g,
             ref: t,
-            onClick: S,
-            children: d
+            onClick: (c)=>{
+                a === "a" && c.preventDefault(), S(c);
+            },
+            children: f
         }));
     }
     return /* @__PURE__ */ n("div", _object_spread_props(_object_spread({}, i), {
         ref: t,
-        className: m(i.className, j),
-        children: d
+        className: s(i.className, j),
+        children: f
     }));
-}), U = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ n(I, _object_spread_props(_object_spread({}, e), {
-        className: m(B, e.className),
+}), U = /*#__PURE__*/ o.forwardRef((e, t)=>/* @__PURE__ */ n(I, _object_spread_props(_object_spread({}, e), {
+        className: s(B, e.className),
         ref: t
-    }))), re = /*#__PURE__*/ c.forwardRef((_param, o)=>{
+    }))), le = /*#__PURE__*/ o.forwardRef((_param, d)=>{
     var { resetMargin: e = !0 } = _param, t = _object_without_properties(_param, [
         "resetMargin"
     ]);
     return /* @__PURE__ */ n(I, _object_spread_props(_object_spread({}, t), {
-        className: m(V, t.className, {
+        className: s(V, t.className, {
             [L]: e
         }),
-        ref: o
+        ref: d
     }));
 }), ce = U;
-export { re as BaseTouchable, ce as default };
+export { le as BaseTouchable, ce as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "16.1.1",
+    "version": "16.3.0",
     "license": "MIT",
     "repository": {
         "type": "git",
@@ -79,7 +79,7 @@
         "@swc/cli": "^0.1.62",
         "@swc/core": "^1.3.95",
         "@swc/jest": "^0.2.29",
-        "@telefonica/acceptance-testing": "5.0.0",
+        "@telefonica/acceptance-testing": "5.1.0",
         "@telefonica/eslint-config": "^2.2.0",
         "@telefonica/prettier-config": "^2.0.0",
         "@testing-library/dom": "^10.2.0",
@@ -123,7 +123,7 @@
         "lodash": "^4.17.21",
         "mini-css-extract-plugin": "^1.6.2",
         "node-fetch": "^2.6.7",
-        "playroom": "^0.38.0",
+        "playroom": "^0.39.0",
         "postcss": "^8.4.18",
         "postcss-loader": "^4.2.0",
         "prettier": "^3.3.2",