@telefonica/mistica 15.19.0 → 15.20.1

package/dist-es/navigation-breadcrumbs.js

@@ -53,33 +53,34 @@ function _object_spread_props(target, source) {
 }
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { Text1 as t } from "./text.js";
-import { getPrefixedDataAttributes as p } from "./utils/dom.js";
-import f from "./text-link.js";
-import { useIsInverseVariant as h } from "./theme-variant-context.js";
-import { list as v, listItem as l, link as x, current as g } from "./navigation-breadcrumbs.css-mistica.js";
+import { getPrefixedDataAttributes as f } from "./utils/dom.js";
+import h from "./text-link.js";
+import { useIsInverseVariant as v } from "./theme-variant-context.js";
+import { list as x, listItem as l, link as g, current as N } from "./navigation-breadcrumbs.css-mistica.js";
 import { vars as e } from "./skins/skin-contract.css-mistica.js";
-const N = " / ", b = (param)=>{
+const b = " / ", B = (param)=>{
     let { title: s, breadcrumbs: n, dataAttributes: c, "aria-label": m = "Breadcrumb" } = param;
-    const i = h();
+    const i = v();
     return /* @__PURE__ */ r("nav", _object_spread_props(_object_spread({
         "aria-label": m
-    }, p(c, "NavigationBreadcrumbs")), {
+    }, f(c, "NavigationBreadcrumbs")), {
         children: /* @__PURE__ */ o("ol", {
-            className: v,
+            className: x,
             children: [
-                n.map((param, u)=>{
-                    let { title: a, url: d } = param;
+                n.map((param, p)=>{
+                    let { title: a, url: d, onNavigate: u } = param;
                     return /* @__PURE__ */ o("li", {
                         className: l,
                         children: [
                             /* @__PURE__ */ r(t, {
                                 regular: !0,
-                                children: /* @__PURE__ */ r(f, {
+                                children: /* @__PURE__ */ r(h, {
                                     to: d,
                                     style: {
                                         color: i ? e.colors.textPrimaryInverse : e.colors.textPrimary
                                     },
-                                    className: x,
+                                    className: g,
+                                    onNavigate: u,
                                     children: a
                                 })
                             }),
@@ -87,18 +88,18 @@ const N = " / ", b = (param)=>{
                                 role: "presentation",
                                 children: /* @__PURE__ */ r(t, {
                                     regular: !0,
-                                    children: N
+                                    children: b
                                 })
                             })
                         ]
-                    }, u);
+                    }, p);
                 }),
                 /* @__PURE__ */ r("li", {
                     className: l,
                     children: /* @__PURE__ */ r("a", {
                         "aria-current": "page",
                         href: "#",
-                        className: g,
+                        className: N,
                         onClick: (a)=>{
                             a.preventDefault();
                         },
@@ -112,5 +113,5 @@ const N = " / ", b = (param)=>{
             ]
         })
     }));
-}, D = b;
-export { D as default };
+}, S = B;
+export { S as default };

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "15.19.0";
+const o = "15.20.1";
 export { o as PACKAGE_VERSION };

package/dist-es/snackbar.js

@@ -58,7 +58,7 @@ import N from "classnames";
 import { isWebViewBridgeAvailable as _, nativeMessage as b } from "@tef-novum/webview-bridge";
 import { useTheme as w, useElementDimensions as A, useScreenSize as x } from "./hooks.js";
 import { Text2 as W, Text3 as y } from "./text.js";
-import { TRANSITION_TIME_IN_MS as P, snackbarContainer as L, snackbar as V, snackbarOpen as z, wrapper as F, wrapperCritical as H, wrapperInfo as j, wrapperOpen as X, content as Y, button as $, longButton as q, dismissButton as G, dismissIcon as J } from "./snackbar.css-mistica.js";
+import { TRANSITION_TIME_IN_MS as L, snackbarContainer as P, snackbar as V, snackbarOpen as z, wrapper as F, wrapperCritical as H, wrapperInfo as j, wrapperOpen as X, content as Y, button as $, longButton as q, dismissButton as G, dismissIcon as J } from "./snackbar.css-mistica.js";
 import { sprinkles as U } from "./sprinkles.css-mistica.js";
 import { vars as O } from "./skins/skin-contract.css-mistica.js";
 import { getPrefixedDataAttributes as K } from "./utils/dom.js";
@@ -70,39 +70,39 @@ const ee = [
     "CONSECUTIVE",
     "BUTTON"
 ], re = 5e3, te = 1e4, ne = /*#__PURE__*/ e.forwardRef((param, g)=>{
-    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: d, duration: t, onClose: o, type: c, withDismiss: p = !1, dataAttributes: R } = param;
-    const { texts: T } = w(), [a, s] = e.useState(!1), { width: I, ref: v } = A(), { isDesktopOrBigger: i } = x(), l = I > (i ? 160 : 128), B = e.useRef(null), E = t === 1 / 0 && !n || p, h = e.useRef(o);
+    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: I, duration: t, onClose: o, type: c, withDismiss: d = !1, dataAttributes: R } = param;
+    const { texts: T } = w(), [a, s] = e.useState(!1), { width: p, ref: v } = A(), { isDesktopOrBigger: i } = x(), l = p > (i ? 160 : 128), k = e.useRef(null), E = t === 1 / 0 && !n || d, h = e.useRef(o);
     e.useEffect(()=>{
         h.current = o;
     }, [
         o
     ]);
-    const f = e.useCallback((k)=>{
+    const f = e.useCallback((B)=>{
         s(!1), setTimeout(()=>{
             var S;
-            (S = h.current) == null || S.call(h, k);
-        }, process.env.NODE_ENV === "test" ? 0 : P);
+            (S = h.current) == null || S.call(h, B);
+        }, process.env.NODE_ENV === "test" ? 0 : L);
     }, []);
-    return e.useImperativeHandle(g, ()=>_object_spread_props(_object_spread({}, B), {
+    return e.useImperativeHandle(g, ()=>_object_spread_props(_object_spread({}, k), {
             close: f
         }), [
         f
     ]), e.useEffect(()=>{
-        const k = setTimeout(()=>{
+        const B = setTimeout(()=>{
             s(!0);
         }, 50), S = t !== 1 / 0 ? setTimeout(()=>f({
                 action: "TIMEOUT"
             }), t) : void 0;
         return ()=>{
-            clearTimeout(k), clearTimeout(S);
+            clearTimeout(B), clearTimeout(S);
         };
     }, [
         f,
         t
     ]), /* @__PURE__ */ r(Q, {
-        className: L,
+        className: P,
         children: /* @__PURE__ */ r("div", {
-            ref: B,
+            ref: k,
             className: N(V, {
                 [z]: a
             }),
@@ -168,7 +168,7 @@ const ee = [
                                 action: "DISMISS"
                             });
                         },
-                        "aria-label": d !== null && d !== void 0 ? d : T.closeButtonLabel,
+                        "aria-label": I !== null && I !== void 0 ? I : T.closeButtonLabel,
                         className: G[l ? "topRight" : "centered"],
                         style: {
                             display: "flex",
@@ -188,24 +188,22 @@ const ee = [
         })
     });
 }), oe = /*#__PURE__*/ e.forwardRef((param, g)=>{
-    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: d, duration: t, onClose: o = ()=>{}, type: c = "INFORMATIVE", withDismiss: p, dataAttributes: R } = param;
+    let { message: m, buttonText: n, buttonAccessibilityLabel: u, closeButtonLabel: I, duration: t, onClose: o = ()=>{}, type: c = "INFORMATIVE", withDismiss: d, dataAttributes: R } = param;
     const T = n ? te : re;
     t = Math.max(t !== null && t !== void 0 ? t : T, T);
-    const a = _(), s = e.useRef(o), I = e.useRef(!1);
+    const a = _(), s = e.useRef(o), p = e.useRef(!1);
     return e.useEffect(()=>{
         s.current = o;
     }, [
         o
     ]), e.useEffect(()=>{
-        a && !I.current && (I.current = !0, b({
+        a && !p.current && (p.current = !0, b({
             message: m,
-            // @ts-expect-error duration can be 'PERSISTENT' in new webview-bridge lib versions, and old apps will ignore it
             duration: t === 1 / 0 ? "PERSISTENT" : void 0,
             buttonText: n,
             buttonAccessibilityLabel: u,
-            closeButtonLabel: d,
             type: c,
-            withDismiss: p
+            withDismiss: d
         }).then((v)=>{
             const i = v;
             i != null && i.action && ee.includes(i.action) ? s.current({
@@ -214,27 +212,27 @@ const ee = [
                 action: "DISMISS"
             });
         }).finally(()=>{
-            I.current = !1;
+            p.current = !1;
         }));
     }, [
         u,
-        d,
+        I,
         n,
         t,
         m,
         a,
         c,
-        p
+        d
     ]), a ? null : /* @__PURE__ */ r(ne, {
         ref: g,
         message: m,
         duration: t,
         buttonText: n,
         buttonAccessibilityLabel: u,
-        closeButtonLabel: d,
+        closeButtonLabel: I,
         type: c,
         onClose: s.current,
-        withDismiss: p,
+        withDismiss: d,
         dataAttributes: R
     });
 }), Se = oe;