@telefonica/mistica 14.32.0 → 14.33.0

package/dist-es/text-field-base.js

@@ -77,20 +77,20 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import { jsxs as te, jsx as i } from "react/jsx-runtime";
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
 import * as s from "react";
-import { FieldContainer as ie, HelperText as ne, Label as re } from "./text-field-components.js";
-import { LABEL_LEFT_POSITION as R, LABEL_SCALE_MOBILE as se, LABEL_SCALE_DESKTOP as le } from "./text-field-components.css-mistica.js";
+import { FieldContainer as V, HelperText as ee, Label as te } from "./text-field-components.js";
+import { LABEL_LEFT_POSITION as R, LABEL_SCALE_MOBILE as ie, LABEL_SCALE_DESKTOP as ne } from "./text-field-components.css-mistica.js";
 import { Text3 as I } from "./text.js";
-import { isSafari as oe, isRunningAcceptanceTest as q, isFirefox as ae } from "./utils/platform.js";
-import { useAriaId as O, useScreenSize as de, useTheme as B, useIsomorphicLayoutEffect as ce } from "./hooks.js";
+import { isSafari as re, isFirefox as se, isRunningAcceptanceTest as le } from "./utils/platform.js";
+import { useAriaId as F, useScreenSize as oe, useIsomorphicLayoutEffect as ae, useTheme as de } from "./hooks.js";
 import A from "classnames";
-import { combineRefs as j } from "./utils/common.js";
-import { startIcon as fe, prefix as he, prefixWithLabel as ge, prefixWithoutLabel as me, fullWidth as ue, textArea as Se, textAreaWithLabel as pe, textAreaWithoutLabel as be, input as ye, inputWithLabel as Le, inputWithoutLabel as xe, inputFirefoxStyles as Ce, endIcon as Ae, menuItem as Te, menuItemSelected as Ee, suggestionsContainer as Re } from "./text-field-base.css-mistica.js";
-import { sprinkles as We } from "./sprinkles.css-mistica.js";
-import { vars as Ie } from "./skins/skin-contract.css-mistica.js";
-const W = /*#__PURE__*/ s.forwardRef((_param, M)=>{
-    var { error: c , helperText: T , label: n , inputProps: m , inputRef: y , defaultValue: o , value: t , onFocus: u , onBlur: S , inputComponent: h , prefix: g , startIcon: e , endIcon: a , endIconOverlay: L , shrinkLabel: z , multiline: x = !1 , focus: C , fieldRef: D , maxLength: p , id: G , autoComplete: H , fullWidth: K  } = _param, r = _object_without_properties(_param, [
+import { combineRefs as q } from "./utils/common.js";
+import { startIcon as ce, prefix as fe, prefixWithLabel as ge, prefixWithoutLabel as he, fullWidth as me, textArea as ue, textAreaWithLabel as Se, textAreaWithoutLabel as pe, input as be, inputWithLabel as ye, inputWithoutLabel as Le, inputFirefoxStyles as xe, endIcon as Ce, menuItem as Ae, menuItemSelected as Te, suggestionsContainer as Ee } from "./text-field-base.css-mistica.js";
+import { sprinkles as Re } from "./sprinkles.css-mistica.js";
+import { vars as We } from "./skins/skin-contract.css-mistica.js";
+const W = /*#__PURE__*/ s.forwardRef((_param, H)=>{
+    var { error: c , helperText: T , label: n , inputProps: m , inputRef: y , defaultValue: o , value: t , onFocus: u , onBlur: S , inputComponent: g , prefix: h , startIcon: e , endIcon: a , endIconOverlay: L , shrinkLabel: B , multiline: x = !1 , focus: C , fieldRef: j , maxLength: p , id: z , autoComplete: D , fullWidth: G  } = _param, r = _object_without_properties(_param, [
         "error",
         "helperText",
         "label",
@@ -115,11 +115,11 @@ const W = /*#__PURE__*/ s.forwardRef((_param, M)=>{
         "fullWidth"
     ]);
     var _ref;
-    const F = O(G), [f, d] = s.useState(o != null && o.length || t != null && t.length ? "filled" : "default"), { isTabletOrSmaller: J  } = de(), [Q, N] = s.useState((_ref = o == null ? void 0 : o.length) !== null && _ref !== void 0 ? _ref : 0), E = !!n || !r.required, U = B(), w = z || (r.type === "date" || r.type === "datetime-local" || r.type === "month") && !r.required, [X, Y] = s.useState("baseline");
-    ce(()=>{
-        oe() && Y("initial");
+    const N = F(z), [f, d] = s.useState(o != null && o.length || t != null && t.length ? "filled" : "default"), { isTabletOrSmaller: K  } = oe(), [M, O] = s.useState((_ref = o == null ? void 0 : o.length) !== null && _ref !== void 0 ? _ref : 0), E = !!n || !r.required, w = B || (r.type === "date" || r.type === "datetime-local" || r.type === "month") && !r.required, [J, Q] = s.useState("baseline");
+    ae(()=>{
+        re() && Q("initial");
     }, []), s.useEffect(()=>{
-        f !== "focused" && t != null && t.length && (N(t.length), d("filled")), C && d("focused"), C === !1 && !(t != null && t.length) && d("default"), C === !1 && t != null && t.length && d("filled");
+        f !== "focused" && t != null && t.length && (O(t.length), d("filled")), C && d("focused"), C === !1 && !(t != null && t.length) && d("default"), C === !1 && t != null && t.length && d("filled");
     }, [
         f,
         t,
@@ -129,67 +129,67 @@ const W = /*#__PURE__*/ s.forwardRef((_param, M)=>{
     }, [
         r.autoFocus
     ]);
-    const Z = x ? "textarea" : "input", $ = h ? {
+    const U = x ? "textarea" : "input", X = g ? {
         inputRef: y
     } : {
-        ref: j(M, y)
+        ref: q(H, y)
     }, b = _object_spread(_object_spread_props(_object_spread({}, r), {
         maxLength: p,
-        autoComplete: H
-    }), m), P = w || f === "focused" || f === "filled", v = P ? J ? se : le : 1, V = {
+        autoComplete: D
+    }), m), P = w || f === "focused" || f === "filled", Y = P ? K ? ie : ne : 1, Z = {
         left: e ? 48 : R,
         // shrinking means applying a scale transformation, so width will be proportionally reduced.
         // Let's keep the original width.
-        width: `calc(((100% - ${R + (e ? 48 : R)}px)) / ${v})`,
+        width: `calc(((100% - ${R + (e ? 48 : R)}px)) / ${Y})`,
         paddingRight: a && !P ? 36 : 0
-    }, k = We({
+    }, k = Re({
         paddingRight: a ? 0 : 16,
-        paddingLeft: g ? 0 : e ? 48 : 12
-    }), ee = r.type === "password" && !q(U.platformOverrides) ? "Lucida Grande, Arial, sans-serif" : "inherit";
-    return /* @__PURE__ */ te(ie, {
+        paddingLeft: h ? 0 : e ? 48 : 12
+    }), $ = r.type === "password" ? "Lucida Grande, Arial, sans-serif" : "inherit";
+    return /* @__PURE__ */ v(V, {
         disabled: r.disabled,
-        helperText: /* @__PURE__ */ i(ne, {
+        helperText: /* @__PURE__ */ i(ee, {
             error: c,
             leftText: T,
-            rightText: x && p ? `${Q}/${p}` : void 0
+            rightText: x && p ? `${M}/${p}` : void 0
         }),
         multiline: x,
-        fullWidth: K,
-        fieldRef: D,
+        fullWidth: G,
+        fieldRef: j,
         readOnly: r.readOnly,
         children: [
             e && /* @__PURE__ */ i("div", {
-                className: fe,
+                className: ce,
                 children: e
             }),
-            g && /* @__PURE__ */ i("div", {
-                className: A(he, E ? ge : me),
+            h && /* @__PURE__ */ i("div", {
+                className: A(fe, E ? ge : he),
                 style: {
                     opacity: f === "default" ? 0 : 1,
-                    alignSelf: X
+                    alignSelf: J
                 },
                 children: /* @__PURE__ */ i(I, {
-                    color: Ie.colors.textSecondary,
+                    color: We.colors.textSecondary,
                     regular: !0,
                     wordBreak: !1,
-                    children: g
+                    children: h
                 })
             }),
             /* @__PURE__ */ i("div", {
-                className: ue,
+                className: me,
                 style: {
-                    alignSelf: g ? "baseline" : "initial"
+                    alignSelf: h ? "baseline" : "initial"
                 },
                 children: /* @__PURE__ */ i(I, {
                     as: "div",
                     regular: !0,
-                    children: /*#__PURE__*/ s.createElement(h || Z, _object_spread(_object_spread_props(_object_spread({}, $, b), {
-                        id: F,
+                    children: /*#__PURE__*/ s.createElement(g || U, _object_spread(_object_spread_props(_object_spread({}, X, b), {
+                        id: N,
                         style: _object_spread_props(_object_spread({}, b.style), {
-                            fontFamily: ee
+                            fontFamily: $
                         }),
-                        className: x ? A(Se, E ? pe : be, k) : A(ye, E ? Le : xe, k, {
-                            [Ce]: ae()
+                        className: x ? A(ue, E ? Se : pe, k) : A(be, E ? ye : Le, k, {
+                            [xe]: se()
                         }),
                         onFocus: (l)=>{
                             d("focused"), u == null || u(l);
@@ -199,7 +199,7 @@ const W = /*#__PURE__*/ s.forwardRef((_param, M)=>{
                         },
                         onChange: (l)=>{
                             var _;
-                            p === void 0 || l.target.value.length <= p ? (N(l.target.value.length), l.target.value.length > 0 && f !== "focused" && d("filled"), (_ = b.onChange) == null || _.call(b, l)) : (l.stopPropagation(), l.preventDefault());
+                            p === void 0 || l.target.value.length <= p ? (O(l.target.value.length), l.target.value.length > 0 && f !== "focused" && d("filled"), (_ = b.onChange) == null || _.call(b, l)) : (l.stopPropagation(), l.preventDefault());
                         },
                         defaultValue: o,
                         value: t
@@ -208,40 +208,40 @@ const W = /*#__PURE__*/ s.forwardRef((_param, M)=>{
                     }))
                 })
             }),
-            n && /* @__PURE__ */ i(re, {
-                style: V,
+            n && /* @__PURE__ */ i(te, {
+                style: Z,
                 error: c,
-                forId: F,
+                forId: N,
                 inputState: f,
                 shrinkLabel: w,
                 optional: !r.required,
                 children: n
             }),
             a && /* @__PURE__ */ i("div", {
-                className: Ae,
+                className: Ce,
                 children: a
             }),
             L
         ]
     });
-}), Oe = /*#__PURE__*/ s.lazy(()=>import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")), Ge = /*#__PURE__*/ s.forwardRef((_param, m)=>{
+}), Ie = /*#__PURE__*/ s.lazy(()=>import(/* webpackChunkName: "react-autosuggest" */ "react-autosuggest")), De = /*#__PURE__*/ s.forwardRef((_param, m)=>{
     var { getSuggestions: c , id: T  } = _param, n = _object_without_properties(_param, [
         "getSuggestions",
         "id"
     ]);
-    const [y, o] = s.useState([]), t = s.useRef(null), { platformOverrides: u , texts: S  } = B(), h = O(T), g = O();
+    const [y, o] = s.useState([]), t = s.useRef(null), { platformOverrides: u , texts: S  } = de(), g = F(T), h = F();
     if (c && (n.value === void 0 || n.defaultValue !== void 0)) throw Error("Fields with suggestions must be used in controlled mode");
     return c ? /* @__PURE__ */ i(s.Suspense, {
         fallback: /* @__PURE__ */ i(W, _object_spread_props(_object_spread({}, n), {
-            label: q(u) ? "" : n.label,
+            label: le(u) ? "" : n.label,
             autoComplete: "off",
             ref: m,
-            id: h
+            id: g
         })),
-        children: /* @__PURE__ */ i(Oe, {
-            id: g,
+        children: /* @__PURE__ */ i(Ie, {
+            id: h,
             inputProps: _object_spread_props(_object_spread({}, n), {
-                id: h,
+                id: g,
                 autoComplete: "off",
                 // @ts-expect-error Autosuggest expects slightly different types
                 onChange: (e, param)=>{
@@ -255,7 +255,7 @@ const W = /*#__PURE__*/ s.forwardRef((_param, M)=>{
                 }
             }),
             renderInputComponent: (e)=>/* @__PURE__ */ i(W, _object_spread_props(_object_spread({}, e), {
-                    inputRef: j(t, n.inputRef, m)
+                    inputRef: q(t, n.inputRef, m)
                 })),
             suggestions: y,
             onSuggestionsFetchRequested: (param)=>{
@@ -268,8 +268,8 @@ const W = /*#__PURE__*/ s.forwardRef((_param, M)=>{
                 let { isHighlighted: a  } = param;
                 return i("div", {
                     role: "menuitem",
-                    className: A(Te, {
-                        [Ee]: a
+                    className: A(Ae, {
+                        [Te]: a
                     }),
                     children: /* @__PURE__ */ i(I, {
                         regular: !0,
@@ -281,14 +281,14 @@ const W = /*#__PURE__*/ s.forwardRef((_param, M)=>{
                     style: {
                         width: t.current ? t.current.clientWidth + 2 : 0
                     },
-                    className: Re,
+                    className: Ee,
                     "aria-label": `${n.label} ${S.menuLabelSuffix}`,
                     children: e.children
                 }))
         })
     }) : /* @__PURE__ */ i(W, _object_spread_props(_object_spread({}, n), {
-        id: h,
+        id: g,
         ref: m
     }));
 });
-export { W as TextFieldBase, Ge as TextFieldBaseAutosuggest };
+export { W as TextFieldBase, De as TextFieldBaseAutosuggest };

package/package.json

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