@telefonica/mistica 16.69.0 → 16.70.0

package/dist-es/select.js

@@ -51,9 +51,9 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { jsx as n, jsxs as C, Fragment as De } from "react/jsx-runtime";
+import { jsx as n, jsxs as A, Fragment as De } from "react/jsx-runtime";
 import * as t from "react";
-import A from "classnames";
+import P from "classnames";
 import { useForm as He } from "./form-context.js";
 import { useTheme as Fe } from "./hooks.js";
 import { SPACE as te, ENTER as ne, ESC as Be, TAB as We, DOWN as Ge, UP as Le } from "./utils/keys.js";
@@ -62,19 +62,19 @@ import re from "./generated/mistica-icons/icon-chevron-down-regular.js";
 import { TextFieldBaseAutosuggest as je } from "./text-field-base.js";
 import Ke from "./overlay.js";
 import { isAndroid as Ue, isIos as Xe } from "./utils/platform.js";
-import { cancelEvent as m } from "./utils/dom.js";
+import { cancelEvent as p } from "./utils/dom.js";
 import { Text3 as Je } from "./text.js";
-import { selectVariants as Qe, arrowDown as Ye, iconContainer as oe, selectContainerVariants as et, selectTextVariants as tt, menuItem as nt, menuItemSelected as rt, optionsContainer as ot, optionsAnimationsVariants as se, vars as R } from "./select.css-mistica.js";
+import { selectVariants as Qe, arrowDown as Ye, iconContainer as oe, selectContainerVariants as et, selectTextVariants as tt, menuItem as nt, menuItemSelected as rt, optionsContainer as ot, optionsAnimationsVariants as se, vars as y } from "./select.css-mistica.js";
 import { inputWithLabel as ie, inputWithoutLabel as ae } from "./text-field-base.css-mistica.js";
 import { Portal as st } from "./portal.js";
 import { pxToRem as it, applyCssVars as at } from "./utils/css.js";
 import { ThemeVariant as lt } from "./theme-variant-context.js";
 import { vars as le } from "./skins/skin-contract.css-mistica.js";
 const Nt = (param)=>{
-    let { id: ce, label: c, helperText: ue, value: de, defaultValue: fe, onChangeValue: pe, name: s, fullWidth: P, options: u, optional: _, showOptionalLabel: me, disabled: he, error: Se, onBlur: ge, autoFocus: $ = !1, native: ve, dataAttributes: q } = param;
+    let { id: ce, label: c, helperText: ue, value: de, defaultValue: fe, onChangeValue: me, name: s, fullWidth: _, options: u, optional: E, showOptionalLabel: pe, disabled: he, error: Se, onBlur: ge, autoFocus: $ = !1, native: ve, dataAttributes: q } = param;
     var _h_current;
-    const h = t.useRef(null), d = t.useRef(null), y = t.useRef(null), S = t.useRef(null), b = t.useRef(/* @__PURE__ */ new Map()), [Te, Ie] = t.useState(!0), [g, we] = t.useState(fe), [k, z] = t.useState(!1), [j, K] = t.useState(!1), [U, E] = t.useState(!1), [a, M] = t.useState({}), [v, D] = t.useState(), H = t.useRef(null), Ee = t.useId(), F = ce || Ee, { rawValues: xe, setRawValue: B, setValue: W, formStatus: Oe, formErrors: X, setFormError: Re, register: G } = He(), { platformOverrides: J } = Fe(), ye = Ze(), be = ve || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Ue(J) || Xe(J), T = he || Oe === "sending", N = Se || !!X[s], Q = X[s] || ue, l = de !== null && de !== void 0 ? de : xe[s], Y = (e)=>{
-        pe === null || pe === void 0 ? void 0 : pe(e), Re({
+    const h = t.useRef(null), d = t.useRef(null), b = t.useRef(null), S = t.useRef(null), N = t.useRef(/* @__PURE__ */ new Map()), [Te, Ie] = t.useState(!0), [g, we] = t.useState(fe), [k, z] = t.useState(!1), [j, K] = t.useState(!1), [U, x] = t.useState(!1), [a, M] = t.useState({}), [v, D] = t.useState(), H = t.useRef(null), Ee = t.useId(), F = ce || Ee, { rawValues: xe, setRawValue: B, setValue: W, formStatus: Oe, formErrors: X, setFormError: Re, register: G } = He(), { platformOverrides: J } = Fe(), ye = Ze(), be = ve || process.env.NODE_ENV === "test" && !process.env.SSR_TEST || Ue(J) || Xe(J), T = he || Oe === "sending", V = Se || !!X[s], Q = X[s] || ue, l = de !== null && de !== void 0 ? de : xe[s], Y = (e)=>{
+        me === null || me === void 0 ? void 0 : me(e), Re({
             name: s,
             error: ""
         }), B({
@@ -86,31 +86,31 @@ const Nt = (param)=>{
         });
     }, I = (e)=>{
         if (e) {
-            if (y === null || y === void 0 ? void 0 : y.current) {
-                const f = y.current.getBoundingClientRect(), p = f.top, x = f.width, Z = f.left, _e = f.height, O = p + _e, V = Math.min(u.length, 8) * 48 + 16;
-                if (O + V + 12 > window.innerHeight) {
-                    const ke = window.innerHeight - O;
-                    if (p > ke) {
-                        const Me = p - V;
+            if (b === null || b === void 0 ? void 0 : b.current) {
+                const f = b.current.getBoundingClientRect(), m = f.top, O = f.width, Z = f.left, _e = f.height, R = m + _e, C = Math.min(u.length, 8) * 48 + 16;
+                if (R + C + 12 > window.innerHeight) {
+                    const ke = window.innerHeight - R;
+                    if (m > ke) {
+                        const Me = m - C;
                         M({
-                            minWidth: x,
+                            minWidth: O,
                             left: Z,
                             top: Math.max(Me, 12),
-                            maxHeight: Math.min(p - 12, V),
+                            maxHeight: Math.min(m - 12, C),
                             transformOrigin: "center bottom"
                         });
                     } else M({
-                        minWidth: x,
-                        top: O,
+                        minWidth: O,
+                        top: R,
                         left: Z,
-                        maxHeight: window.innerHeight - O - 12,
+                        maxHeight: window.innerHeight - R - 12,
                         transformOrigin: "center top"
                     });
                 } else M({
-                    minWidth: x,
-                    top: O,
+                    minWidth: O,
+                    top: R,
                     left: Z,
-                    maxHeight: V,
+                    maxHeight: C,
                     transformOrigin: "center top"
                 });
             }
@@ -124,8 +124,8 @@ const Nt = (param)=>{
     }, Ne = (e)=>{
         var _S_current;
         const r = (_S_current = S.current) === null || _S_current === void 0 ? void 0 : _S_current.getBoundingClientRect();
-        if (r && e && b.current.has(e)) {
-            const o = b.current.get(e), i = o === null || o === void 0 ? void 0 : o.getBoundingClientRect();
+        if (r && e && N.current.has(e)) {
+            const o = N.current.get(e), i = o === null || o === void 0 ? void 0 : o.getBoundingClientRect();
             if (i && i.top + i.height / 2 >= r.top + r.height) {
                 o === null || o === void 0 ? void 0 : o.scrollIntoView();
                 return;
@@ -149,7 +149,8 @@ const Nt = (param)=>{
     ]), t.useEffect(()=>(G(s, {
             input: h.current,
             focusableElement: d.current,
-            label: c
+            label: c,
+            required: !E
         }), ()=>{
             G(s, {
                 input: null,
@@ -163,7 +164,8 @@ const Nt = (param)=>{
         h,
         Ve,
         Ce,
-        c
+        c,
+        E
     ]), t.useEffect(()=>{
         const e = (o)=>{
             const f = {
@@ -172,25 +174,25 @@ const Nt = (param)=>{
             }[o.key];
             if (f) {
                 var _u_;
-                m(o);
+                p(o);
                 var _u__value;
-                const p = (_u__value = (_u_ = u[u.findIndex((param)=>{
-                    let { value: x } = param;
-                    return x === v;
+                const m = (_u__value = (_u_ = u[u.findIndex((param)=>{
+                    let { value: O } = param;
+                    return O === v;
                 }) + f]) === null || _u_ === void 0 ? void 0 : _u_.value) !== null && _u__value !== void 0 ? _u__value : v;
-                D(p), Ne(p);
+                D(m), Ne(m);
             }
         }, r = (o)=>{
             if (k) switch(o.key){
                 case We:
-                    m(o);
+                    p(o);
                     break;
                 case Be:
                     I(!1);
                     break;
                 case ne:
                 case te:
-                    m(o), u.findIndex((param)=>{
+                    p(o), u.findIndex((param)=>{
                         let { value: i } = param;
                         return i === v;
                     }) !== -1 && v !== g && L(v), I(!1);
@@ -216,50 +218,50 @@ const Nt = (param)=>{
         })) === null || _u_find === void 0 ? void 0 : _u_find.text : "";
     }, Pe = {
         tabIndex: 0,
-        onFocus: ()=>E(!0),
-        onBlur: ()=>E(!1),
+        onFocus: ()=>x(!0),
+        onBlur: ()=>x(!1),
         onClick: ()=>{
-            I(!0), E(!0);
+            I(!0), x(!0);
         },
         onKeyDown: (e)=>{
-            !k && (e.key === te || e.key === ne) && (m(e), I(!0));
+            !k && (e.key === te || e.key === ne) && (p(e), I(!0));
         }
     }, ee = it(20), w = g !== null && g !== void 0 ? g : l;
     var _a_transformOrigin;
     return /* @__PURE__ */ n(lt, {
         variant: "default",
-        children: be || Te ? /* @__PURE__ */ C($e, {
+        children: be || Te ? /* @__PURE__ */ A($e, {
             disabled: T,
             helperText: /* @__PURE__ */ n(ze, {
-                error: N,
+                error: V,
                 leftText: Q
             }),
-            fieldRef: y,
-            fullWidth: P,
+            fieldRef: b,
+            fullWidth: _,
             dataAttributes: _object_spread({
                 testid: "Select"
             }, q),
             children: [
                 c && /* @__PURE__ */ n(qe, {
-                    error: N,
+                    error: V,
                     forId: F,
                     inputState: U ? "focused" : (w !== null && w !== void 0 ? w : (_h_current = h.current) === null || _h_current === void 0 ? void 0 : _h_current.value) ? "filled" : "default",
-                    showOptional: _ && me,
+                    showOptional: E && pe,
                     children: c
                 }),
-                /* @__PURE__ */ C("select", {
-                    className: A(Qe[T ? "disabled" : "default"], c ? ie : ae),
+                /* @__PURE__ */ A("select", {
+                    className: P(Qe[T ? "disabled" : "default"], c ? ie : ae),
                     id: F,
-                    "aria-invalid": !!N,
+                    "aria-invalid": !!V,
                     value: w,
-                    required: !_,
+                    required: !E,
                     disabled: T,
                     onChange: (e)=>{
                         L(e.target.value);
                     },
-                    onFocus: ()=>E(!0),
+                    onFocus: ()=>x(!0),
                     onBlur: (e)=>{
-                        E(!1), ge === null || ge === void 0 ? void 0 : ge(e);
+                        x(!1), ge === null || ge === void 0 ? void 0 : ge(e);
                     },
                     ref: (e)=>{
                         [
@@ -321,10 +323,10 @@ const Nt = (param)=>{
                     })
                 })
             ]
-        }) : /* @__PURE__ */ C(De, {
+        }) : /* @__PURE__ */ A(De, {
             children: [
-                /* @__PURE__ */ C("div", _object_spread_props(_object_spread({
-                    className: et[P ? "fullWidth" : "default"],
+                /* @__PURE__ */ A("div", _object_spread_props(_object_spread({
+                    className: et[_ ? "fullWidth" : "default"],
                     role: "button",
                     "aria-haspopup": "listbox",
                     ref: d
@@ -335,7 +337,7 @@ const Nt = (param)=>{
                             style: {
                                 visibility: "hidden"
                             },
-                            fullWidth: P,
+                            fullWidth: _,
                             endIcon: /* @__PURE__ */ n("div", {
                                 className: oe,
                                 children: /* @__PURE__ */ n(re, {
@@ -349,38 +351,38 @@ const Nt = (param)=>{
                             shrinkLabel: !!(l || g),
                             name: s,
                             helperText: Q,
-                            required: !_,
+                            required: !E,
                             disabled: T,
                             id: F,
-                            error: N,
+                            error: V,
                             inputRef: h,
-                            fieldRef: y,
+                            fieldRef: b,
                             dataAttributes: _object_spread({
                                 testid: "Select"
                             }, q)
                         }),
                         /* @__PURE__ */ n("div", {
-                            className: A(tt[T ? "disabled" : "default"], c ? ie : ae),
+                            className: P(tt[T ? "disabled" : "default"], c ? ie : ae),
                             children: Ae(w)
                         })
                     ]
                 })),
                 k && /* @__PURE__ */ n(Ke, {
                     onPress: (e)=>{
-                        I(!1), m(e);
+                        I(!1), p(e);
                     },
                     disableScroll: !0,
                     children: /* @__PURE__ */ n(st, {
                         children: /* @__PURE__ */ n("ul", {
                             style: at({
-                                [R.top]: a.top ? `${a.top}px` : "",
-                                [R.left]: a.left ? `${a.left}px` : "",
-                                [R.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
-                                [R.minWidth]: a.minWidth ? `${a.minWidth}px` : "",
-                                [R.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
+                                [y.top]: a.top ? `${a.top}px` : "",
+                                [y.left]: a.left ? `${a.left}px` : "",
+                                [y.maxHeight]: a.maxHeight ? `${a.maxHeight}px` : "",
+                                [y.minWidth]: a.minWidth ? `${a.minWidth}px` : "",
+                                [y.transformOrigin]: (_a_transformOrigin = a.transformOrigin) !== null && _a_transformOrigin !== void 0 ? _a_transformOrigin : ""
                             }),
-                            onPointerDown: m,
-                            className: A(ot, j ? se.show : se.hide),
+                            onPointerDown: p,
+                            className: P(ot, j ? se.show : se.hide),
                             role: "listbox",
                             ref: S,
                             children: u.map((param)=>{
@@ -389,13 +391,13 @@ const Nt = (param)=>{
                                     role: "option",
                                     "aria-selected": e === (g !== null && g !== void 0 ? g : l),
                                     "data-value": e,
-                                    className: A(nt, {
+                                    className: P(nt, {
                                         [rt]: e === v || e === (g !== null && g !== void 0 ? g : l)
                                     }),
-                                    onPointerDown: m,
+                                    onPointerDown: p,
                                     onClick: ()=>L(e),
                                     ref: (o)=>{
-                                        o ? b.current.set(e, o) : b.current.delete(e);
+                                        o ? N.current.set(e, o) : N.current.delete(e);
                                     },
                                     children: /* @__PURE__ */ n(Je, {
                                         regular: !0,

package/dist-es/sheet-action-row.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                            */ var n = "v16_69_4k81wx1 v16_69_4k81wx0 v16_69_1y2v1nfgc v16_69_1y2v1nfhl v16_69_1y2v1nfiu v16_69_1y2v1nfk3 v16_69_1y2v1nfq4 v16_69_1y2v1nfsh v16_69_1y2v1nfqj";
+/* empty css                                     */ /* empty css                                            */ var n = "v16_70_4k81wx1 v16_70_4k81wx0 v16_70_1y2v1nfgc v16_70_1y2v1nfhl v16_70_1y2v1nfiu v16_70_1y2v1nfk3 v16_70_1y2v1nfq4 v16_70_1y2v1nfsh v16_70_1y2v1nfqj";
 export { n as sheetActionRow };

package/dist-es/sheet-common.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                        */ var f = 400, n = "v16_69_pidemf4 v16_69_pidemf3 v16_69_1y2v1nfq0 v16_69_1y2v1nftt v16_69_1y2v1nfu8 v16_69_1y2v1nfun", e = "v16_69_pidemf6 v16_69_pidemf5 v16_69_1y2v1nf7y", y = "v16_69_pidemf7", i = "v16_69_pidemf9 v16_69_pidemf8 v16_69_1y2v1nfgl v16_69_1y2v1nfq4 v16_69_1y2v1nfqa", r = "v16_69_pidemfa v16_69_1y2v1nftd v16_69_1y2v1nfqq v16_69_1y2v1nfq4 v16_69_1y2v1nfqa", t = "v16_69_pidemfc v16_69_pidemfb v16_69_1y2v1nfg6 v16_69_1y2v1nfhf v16_69_1y2v1nfpz v16_69_1y2v1nfte v16_69_1y2v1nfrl v16_69_1y2v1nfqr v16_69_1y2v1nfq4 v16_69_1y2v1nfqd", d = "v16_69_pidemfe v16_69_pidemfd v16_69_1y2v1nfq3", p = "v16_69_pidemff v16_69_1y2v1nfbk v16_69_1y2v1nfr0 v16_69_1y2v1nfrb v16_69_1y2v1nfsp", a = "v16_69_pidemfi v16_69_pidemfh v16_69_1y2v1nfq0 v16_69_1y2v1nf8e v16_69_1y2v1nfte v16_69_1y2v1nftt v16_69_1y2v1nfu8 v16_69_1y2v1nfun", m = "v16_69_pidemfj", o = "v16_69_pidemfl v16_69_pidemfk v16_69_1y2v1nfpz", q = "v16_69_pidemfn v16_69_pidemfm v16_69_1y2v1nfq2 v16_69_1y2v1nfte v16_69_1y2v1nf7y", l = "v16_69_pidemfp v16_69_pidemfo v16_69_1y2v1nfq2 v16_69_1y2v1nfun v16_69_1y2v1nf7y", s = "v16_69_pidemfq";
+/* empty css                                     */ /* empty css                                        */ var f = 400, n = "v16_70_pidemf4 v16_70_pidemf3 v16_70_1y2v1nfq0 v16_70_1y2v1nftt v16_70_1y2v1nfu8 v16_70_1y2v1nfun", e = "v16_70_pidemf6 v16_70_pidemf5 v16_70_1y2v1nf7y", y = "v16_70_pidemf7", i = "v16_70_pidemf9 v16_70_pidemf8 v16_70_1y2v1nfgl v16_70_1y2v1nfq4 v16_70_1y2v1nfqa", r = "v16_70_pidemfa v16_70_1y2v1nftd v16_70_1y2v1nfqq v16_70_1y2v1nfq4 v16_70_1y2v1nfqa", t = "v16_70_pidemfc v16_70_pidemfb v16_70_1y2v1nfg6 v16_70_1y2v1nfhf v16_70_1y2v1nfpz v16_70_1y2v1nfte v16_70_1y2v1nfrl v16_70_1y2v1nfqr v16_70_1y2v1nfq4 v16_70_1y2v1nfqd", d = "v16_70_pidemfe v16_70_pidemfd v16_70_1y2v1nfq3", p = "v16_70_pidemff v16_70_1y2v1nfbk v16_70_1y2v1nfr0 v16_70_1y2v1nfrb v16_70_1y2v1nfsp", a = "v16_70_pidemfi v16_70_pidemfh v16_70_1y2v1nfq0 v16_70_1y2v1nf8e v16_70_1y2v1nfte v16_70_1y2v1nftt v16_70_1y2v1nfu8 v16_70_1y2v1nfun", m = "v16_70_pidemfj", o = "v16_70_pidemfl v16_70_pidemfk v16_70_1y2v1nfpz", q = "v16_70_pidemfn v16_70_pidemfm v16_70_1y2v1nfq2 v16_70_1y2v1nfte v16_70_1y2v1nf7y", l = "v16_70_pidemfp v16_70_pidemfo v16_70_1y2v1nfq2 v16_70_1y2v1nfun v16_70_1y2v1nf7y", s = "v16_70_pidemfq";
 export { e as Sheet, n as SheetContainer, i as SheetContent, s as bodyContent, r as children, m as closingOverlay, y as closingSheet, o as dismissButton, p as handleBar, d as handleContainer, a as overlay, t as sheetTopDraggingArea, l as stickyButtons, q as stickyTitle, f as transitionDuration };

package/dist-es/sheet-info.css-mistica.js

@@ -1,2 +1,2 @@
-/* empty css                                     */ /* empty css                                      */ var n = "v16_69_12pggsm0 v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nfrg", f = "v16_69_12pggsm1 v16_69_1y2v1nfr8 v16_69_1y2v1nfq4", r = "v16_69_12pggsm2 v16_69_1y2v1nfgc v16_69_1y2v1nfhl v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nfsh";
+/* empty css                                     */ /* empty css                                      */ var n = "v16_70_12pggsm0 v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfrg", f = "v16_70_12pggsm1 v16_70_1y2v1nfr8 v16_70_1y2v1nfq4", r = "v16_70_12pggsm2 v16_70_1y2v1nfgc v16_70_1y2v1nfhl v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfsh";
 export { n as infoItemIcon, f as infoItemIconContainer, r as itemContainer };

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

@@ -1,8 +1,8 @@
 /* empty css                                     */ /* empty css                                     */ var o = {
-    default: "v16_69_zopolw5 v16_69_zopolw0 v16_69_1y2v1nf8f",
-    alternative: "v16_69_zopolw6 v16_69_zopolw1 v16_69_1y2v1nf8f",
-    brand: "v16_69_zopolw7 v16_69_zopolw2 v16_69_1y2v1nf8i",
-    negative: "v16_69_zopolw8 v16_69_zopolw3 v16_69_1y2v1nf8h",
-    media: "v16_69_zopolw9 v16_69_zopolw4 v16_69_1y2v1nf8h"
-}, l = "v16_69_zopolwc v16_69_zopolwb v16_69_1y2v1nfq6", n = "v16_69_zopolwd v16_69_1y2v1nfq4 v16_69_1y2v1nfqj v16_69_1y2v1nfqd", p = "v16_69_zopolwe v16_69_1y2v1nfqm v16_69_1y2v1nfqo", w = "v16_69_zopolwg v16_69_zopolwf v16_69_1y2v1nfqn";
+    default: "v16_70_zopolw5 v16_70_zopolw0 v16_70_1y2v1nf8f",
+    alternative: "v16_70_zopolw6 v16_70_zopolw1 v16_70_1y2v1nf8f",
+    brand: "v16_70_zopolw7 v16_70_zopolw2 v16_70_1y2v1nf8i",
+    negative: "v16_70_zopolw8 v16_70_zopolw3 v16_70_1y2v1nf8h",
+    media: "v16_70_zopolw9 v16_70_zopolw4 v16_70_1y2v1nf8h"
+}, l = "v16_70_zopolwc v16_70_zopolwb v16_70_1y2v1nfq6", n = "v16_70_zopolwd v16_70_1y2v1nfq4 v16_70_1y2v1nfqj v16_70_1y2v1nfqd", p = "v16_70_zopolwe v16_70_1y2v1nfqm v16_70_1y2v1nfqo", w = "v16_70_zopolwg v16_70_zopolwf v16_70_1y2v1nfqn";
 export { l as animation, o as background, p as circle, w as line, n as row };