@telefonica/mistica 15.20.1 → 16.0.0

package/dist/cvv-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return hr;
+        return Br;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -28,6 +28,7 @@ const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _css = require("./utils/css.js");
 const _textfieldbasecssmistica = require("./text-field-base.css-mistica.js");
 const _touchable = /*#__PURE__*/ _interop_require_default(require("./touchable.js"));
+const _texttokens = require("./text-tokens.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -153,9 +154,9 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const Z = (param)=>{
-    let { acceptedCards: e } = param;
-    const { texts: i } = (0, _hooks.useTheme)();
+const ir = (param)=>{
+    let { acceptedCards: t } = param;
+    const { texts: i, t: n } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
             padding: 8,
@@ -171,12 +172,12 @@ const Z = (param)=>{
                                 role: "img"
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.default, {
-                                children: i.formCreditCardCvvTooltipVisaMc
+                                children: i.formCreditCardCvvTooltipVisaMc || n(_texttokens.formCreditCardCvvTooltipVisaMc)
                             })
                         ]
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {}),
-                    (e == null ? void 0 : e.americanExpress) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
+                    (t == null ? void 0 : t.americanExpress) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
                         space: 16,
                         alignItems: "center",
                         children: [
@@ -185,20 +186,21 @@ const Z = (param)=>{
                                 role: "img"
                             }),
                             /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.default, {
-                                children: i.formCreditCardCvvTooltipAmex
-                            })
+                                children: i.formCreditCardCvvTooltipAmex || n(_texttokens.formCreditCardCvvTooltipAmex)
+                            }),
+                            ")"
                         ]
                     })
                 ]
             })
         })
     });
-}, _ = (_param)=>{
-    var { disabled: e, error: i, helperText: M, name: l, optional: d, validate: c, onChange: V, onChangeValue: y, onBlur: z, acceptedCards: B = {
+}, nr = (_param)=>{
+    var { disabled: t, error: i, helperText: n, name: a, optional: v, validate: p, onChange: B, onChangeValue: E, onBlur: y, acceptedCards: z = {
         americanExpress: !0,
         visa: !0,
         masterCard: !0
-    }, maxLength: p = 4, value: E, autoComplete: $ = "cc-csc", defaultValue: j, dataAttributes: A } = _param, S = _object_without_properties(_param, [
+    }, maxLength: f = 4, value: A, autoComplete: $ = "cc-csc", defaultValue: j, dataAttributes: O } = _param, S = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -215,44 +217,44 @@ const Z = (param)=>{
         "defaultValue",
         "dataAttributes"
     ]);
-    const { texts: n } = (0, _hooks.useTheme)(), { setFormError: b, jumpToNext: w } = (0, _formcontext.useForm)(), [a, u] = _react.useState(!1), v = (o, s)=>o ? o.length !== p ? n.formCreditCardCvvError : c == null ? void 0 : c(o, s) : d ? "" : n.formFieldErrorIsMandatory, C = (o)=>o, h = (0, _formcontext.useFieldProps)({
-        name: l,
-        value: E,
+    const { texts: s, t: m } = (0, _hooks.useTheme)(), { setFormError: b, jumpToNext: w } = (0, _formcontext.useForm)(), [d, u] = _react.useState(!1), h = (o, l)=>o ? o.length !== f ? s.formCreditCardCvvError || m(_texttokens.formCreditCardCvvError) : p == null ? void 0 : p(o, l) : v ? "" : s.formFieldErrorIsMandatory || m(_texttokens.formFieldErrorIsMandatory), g = (o)=>o, T = (0, _formcontext.useFieldProps)({
+        name: a,
+        value: A,
         defaultValue: j,
-        processValue: C,
-        helperText: M,
-        optional: d,
+        processValue: g,
+        helperText: n,
+        optional: v,
         error: i,
-        disabled: e,
-        onBlur: z,
-        validate: v,
-        onChange: V,
-        onChangeValue: y
-    }), t = (0, _css.pxToRem)(16);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, S, h), {
-        maxLength: p,
+        disabled: t,
+        onBlur: y,
+        validate: h,
+        onChange: B,
+        onChangeValue: E
+    }), e = (0, _css.pxToRem)(16);
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, S, T), {
+        maxLength: f,
         onChange: (o)=>{
-            h.onChange(o);
-            const s = o.currentTarget.value, g = C(s);
-            if (g.length === p) {
-                const x = v(g, s);
-                x ? b({
-                    name: l,
-                    error: x
-                }) : w(l);
+            T.onChange(o);
+            const l = o.currentTarget.value, x = g(l);
+            if (x.length === f) {
+                const I = h(x, l);
+                I ? b({
+                    name: a,
+                    error: I
+                }) : w(a);
             }
         },
         endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(_popover.default, {
             position: "top",
-            open: a,
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, {
-                acceptedCards: B
+            open: d,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ir, {
+                acceptedCards: z
             }),
             onClose: ()=>u(!1),
             target: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
-                    width: t,
-                    height: t
+                    width: e,
+                    height: e
                 },
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
                     style: {
@@ -262,13 +264,13 @@ const Z = (param)=>{
                         width: _textfieldbasecssmistica.iconButtonSize,
                         height: _textfieldbasecssmistica.iconButtonSize,
                         position: "relative",
-                        left: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${t}) / 2)`,
-                        top: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${t}) / 2)`
+                        left: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${e}) / 2)`,
+                        top: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${e}) / 2)`
                     },
-                    onPress: ()=>u(!a),
-                    "aria-label": a ? n.formCreditCardCvvTooltipVisaMcButtonClose : n.formCreditCardCvvTooltipVisaMcButtonOpen,
+                    onPress: ()=>u(!d),
+                    "aria-label": d ? s.formCreditCardCvvTooltipVisaMcButtonClose || m(_texttokens.formCreditCardCvvTooltipVisaMcButtonClose) : s.formCreditCardCvvTooltipVisaMcButtonOpen || m(_texttokens.formCreditCardCvvTooltipVisaMcButtonOpen),
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconinformationregular.default, {
-                        size: t,
+                        size: e,
                         color: _skincontractcssmistica.vars.colors.neutralMedium
                     })
                 })
@@ -278,6 +280,6 @@ const Z = (param)=>{
         inputComponent: _integerfield.IntegerInput,
         dataAttributes: _object_spread({
             "component-name": "CvvField"
-        }, A)
+        }, O)
     }));
-}, hr = _;
+}, Br = nr;

package/dist/date-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Y;
+        return P;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -21,6 +21,7 @@ const _hooks = require("./hooks.js");
 const _platform = require("./utils/platform.js");
 const _datefieldcssmistica = require("./date-field.css-mistica.js");
 const _iconbuttoncssmistica = require("./icon-button.css-mistica.js");
+const _texttokens = require("./text-tokens.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -146,8 +147,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const E = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), L = (_param)=>{
-    var { disabled: D, error: F, helperText: g, name: S, optional: f, validate: s, onChange: R, onChangeValue: n, onBlur: k, value: y, defaultValue: I, min: i, max: o, dataAttributes: d } = _param, u = _object_without_properties(_param, [
+const M = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), V = (_param)=>{
+    var { disabled: D, error: g, helperText: F, name: R, optional: c, validate: n, onChange: S, onChangeValue: s, onBlur: O, value: k, defaultValue: y, min: o, max: i, dataAttributes: d } = _param, u = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -163,24 +164,24 @@ const E = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         "max",
         "dataAttributes"
     ]);
-    const T = (e)=>e, h = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("date"), []), { texts: x } = (0, _hooks.useTheme)(), a = (e)=>!(i && e && e < (0, _time.getLocalDateString)(i) || o && e && e > (0, _time.getLocalDateString)(o)), l = (0, _formcontext.useFieldProps)({
-        name: S,
-        value: y,
-        defaultValue: I,
-        processValue: T,
-        helperText: g,
-        optional: f,
-        error: F,
+    const I = (e)=>e, T = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("date"), []), { texts: h, t: x } = (0, _hooks.useTheme)(), a = (e)=>!(o && e && e < (0, _time.getLocalDateString)(o) || i && e && e > (0, _time.getLocalDateString)(i)), p = (0, _formcontext.useFieldProps)({
+        name: R,
+        value: k,
+        defaultValue: y,
+        processValue: I,
+        helperText: F,
+        optional: c,
+        error: g,
         disabled: D,
-        onBlur: k,
-        validate: (e, m)=>a(e) ? s == null ? void 0 : s(e, m) : x.formDateOutOfRangeError,
-        onChange: R,
+        onBlur: O,
+        validate: (e, m)=>a(e) ? n == null ? void 0 : n(e, m) : h.formDateOutOfRangeError || x(_texttokens.formDateOutOfRangeError),
+        onChange: S,
         onChangeValue: (e, m)=>{
-            a(e) && (n == null || n(e, m));
+            a(e) && (s == null || s(e, m));
         }
-    }), p = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, u, l), {
-        min: i ? (0, _time.getLocalDateString)(i) : void 0,
-        max: o ? (0, _time.getLocalDateString)(o) : void 0,
+    }), l = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, u, p), {
+        min: o ? (0, _time.getLocalDateString)(o) : void 0,
+        max: i ? (0, _time.getLocalDateString)(i) : void 0,
         type: "date",
         endIconOverlay: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
             className: _datefieldcssmistica.iconContainer,
@@ -192,14 +193,14 @@ const E = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
             "component-name": "DateField"
         }, d)
     }));
-    return h || (0, _environment.isServerSide)() ? p : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
-        fallback: p,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(E, _object_spread_props(_object_spread({}, u, l), {
-            optional: f,
+    return T || (0, _environment.isServerSide)() ? l : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
+        fallback: l,
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(M, _object_spread_props(_object_spread({}, u, p), {
+            optional: c,
             isValidDate: (e)=>a((0, _time.getLocalDateString)(e.toDate())),
             dataAttributes: _object_spread({
                 "component-name": "DateField"
             }, d)
         }))
     });
-}, Y = L;
+}, P = V;

package/dist/date-time-field.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return Y;
+        return P;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -21,6 +21,7 @@ const _platform = require("./utils/platform.js");
 const _hooks = require("./hooks.js");
 const _datefieldcssmistica = require("./date-field.css-mistica.js");
 const _iconbuttoncssmistica = require("./icon-button.css-mistica.js");
+const _texttokens = require("./text-tokens.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -146,8 +147,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const B = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), C = (_param)=>{
-    var { disabled: F, error: g, helperText: S, name: R, optional: f, validate: n, onChange: h, onChangeValue: a, onBlur: k, value: y, defaultValue: I, min: o, /**
+const C = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker.js")))), L = (_param)=>{
+    var { disabled: F, error: g, helperText: R, name: S, optional: f, validate: m, onChange: O, onChangeValue: n, onBlur: h, value: k, defaultValue: y, min: i, /**
    * When typing a datetime value into the input field (inside a test for example), some browsers like Chrome
    * force the year to have exactly 6 digits. In order to prevent this, in case max value was not provided we
    * set it so that it only accepts datetime values with years having up to 4 digits.
@@ -167,26 +168,26 @@ const B = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         "max",
         "dataAttributes"
     ]);
-    const d = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("datetime-local"), []), p = (e)=>d ? e : e.replace(/\s/, "T"), { texts: v } = (0, _hooks.useTheme)(), m = (e)=>{
+    const d = _react.useMemo(()=>(0, _platform.isFirefox)() ? !1 : (0, _dom.isInputTypeSupported)("datetime-local"), []), p = (e)=>d ? e : e.replace(/\s/, "T"), { texts: I, t: v } = (0, _hooks.useTheme)(), a = (e)=>{
         const t = p(e);
-        return !(o && t && t < (0, _time.getLocalDateTimeString)(o) || s && t && t > (0, _time.getLocalDateTimeString)(s));
+        return !(i && t && t < (0, _time.getLocalDateTimeString)(i) || s && t && t > (0, _time.getLocalDateTimeString)(s));
     }, D = (0, _formcontext.useFieldProps)({
-        name: R,
-        value: y,
-        defaultValue: I,
+        name: S,
+        value: k,
+        defaultValue: y,
         processValue: p,
-        helperText: S,
+        helperText: R,
         optional: f,
         error: g,
         disabled: F,
-        onBlur: k,
-        validate: (e, t)=>m(e) ? n == null ? void 0 : n(e, t) : v.formDateOutOfRangeError,
-        onChange: h,
+        onBlur: h,
+        validate: (e, t)=>a(e) ? m == null ? void 0 : m(e, t) : I.formDateOutOfRangeError || v(_texttokens.formDateOutOfRangeError),
+        onChange: O,
         onChangeValue: (e, t)=>{
-            m(e) && (a == null || a(e, t));
+            a(e) && (n == null || n(e, t));
         }
     }), T = /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, u, D), {
-        min: o ? (0, _time.getLocalDateTimeString)(o) : void 0,
+        min: i ? (0, _time.getLocalDateTimeString)(i) : void 0,
         max: s ? (0, _time.getLocalDateTimeString)(s) : void 0,
         type: "datetime-local",
         endIconOverlay: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -201,13 +202,13 @@ const B = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
     }));
     return d || (0, _environment.isServerSide)() ? T : /* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Suspense, {
         fallback: T,
-        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(B, _object_spread_props(_object_spread({}, u, D), {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(C, _object_spread_props(_object_spread({}, u, D), {
             optional: f,
             withTime: !0,
-            isValidDate: (e)=>m((0, _time.getLocalDateTimeString)(e.toDate())),
+            isValidDate: (e)=>a((0, _time.getLocalDateTimeString)(e.toDate())),
             dataAttributes: _object_spread({
                 "component-name": "DateTimeField"
             }, l)
         }))
     });
-}, Y = C;
+}, P = L;

package/dist/date-time-picker.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return ne;
+        return le;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -25,6 +25,7 @@ require("moment/locale/es");
 require("moment/locale/de");
 require("moment/locale/pt-br");
 require("moment/locale/en-gb");
+const _texttokens = require("./text-tokens.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -150,7 +151,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const O = {
+const K = {
     es: "es",
     // spanish
     ca: "es",
@@ -164,24 +165,24 @@ const O = {
     pt: "pt-br",
     // portuguese
     en: "en-gb"
-}, q = (i)=>{
+}, N = (i)=>{
     const a = i.toLocaleLowerCase().split("-")[0];
-    return O[a] || "en-gb";
-}, ne = (_param)=>{
+    return K[a] || "en-gb";
+}, le = (_param)=>{
     var { withTime: i, mode: a, isValidDate: h, optional: u } = _param, o = _object_without_properties(_param, [
         "withTime",
         "mode",
         "isValidDate",
         "optional"
     ]);
-    const [m, y] = _react.useState(!1), { texts: x, i18n: { locale: b } } = (0, _hooks.useTheme)(), r = _react.useRef(null), { height: k, ref: C } = (0, _hooks.useElementDimensions)(), l = (e)=>{
+    const [m, y] = _react.useState(!1), { texts: x, i18n: { locale: b }, t: k } = (0, _hooks.useTheme)(), r = _react.useRef(null), { height: C, ref: v } = (0, _hooks.useElementDimensions)(), l = (e)=>{
         o.disabled || y(e);
-    }, v = ()=>{
+    }, D = ()=>{
         var f;
-        const { top: e = 0, bottom: t = 0, left: c = 0 } = ((f = r.current) == null ? void 0 : f.getBoundingClientRect()) || {}, M = 260 + t < window.innerHeight;
+        const { top: e = 0, bottom: t = 0, left: c = 0 } = ((f = r.current) == null ? void 0 : f.getBoundingClientRect()) || {}, P = 260 + t < window.innerHeight;
         return {
             width: _textfieldcomponentscssmistica.DEFAULT_WIDTH,
-            top: M ? t : e - k,
+            top: P ? t : e - C,
             left: c,
             position: "absolute",
             borderRadius: _skincontractcssmistica.vars.borderRadii.input,
@@ -192,13 +193,13 @@ const O = {
         var t;
         const e = (t = r.current) == null ? void 0 : t.value;
         return e ? new Date(e) : void 0;
-    }, D = (e)=>i ? e.format("yyyy-MM-DD HH:mm") : a === "year-month" ? e.format("yyyy-MM") : e.format("yyyy-MM-DD"), p = (e)=>{
+    }, w = (e)=>i ? e.format("yyyy-MM-DD HH:mm") : a === "year-month" ? e.format("yyyy-MM") : e.format("yyyy-MM-DD"), p = (e)=>{
         var c;
-        const t = typeof e == "string" ? e : D(e);
+        const t = typeof e == "string" ? e : w(e);
         r.current && (r.current.focus(), (c = o.onChange) == null || c.call(o, (0, _dom.createChangeEvent)(r.current, t)));
-    }, w = ()=>s() && u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.FieldEndIcon, {
+    }, M = ()=>s() && u ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.FieldEndIcon, {
             Icon: _iconcloseregular.default,
-            "aria-label": x.clearButton,
+            "aria-label": x.clearButton || k(_texttokens.clearButton),
             hasBackgroundColor: !1,
             onPress: ()=>p("")
         }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.FieldEndIcon, {
@@ -218,7 +219,7 @@ const O = {
                 type: "text",
                 autoComplete: "off",
                 shrinkLabel: !!s(),
-                endIcon: w(),
+                endIcon: M(),
                 inputRef: (e)=>{
                     var t;
                     (t = o == null ? void 0 : o.inputRef) == null || t.call(o, e), r.current = e;
@@ -235,15 +236,15 @@ const O = {
                 },
                 disableScroll: !0,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                    ref: C,
-                    style: v(),
+                    ref: v,
+                    style: D(),
                     className: _datetimepickercssmistica.reactDatePicker,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reactdatetime.default, {
                         initialViewMode: a === "year-month" ? "months" : void 0,
                         dateFormat: a === "year-month" ? "YYYY-MM" : void 0,
                         timeFormat: i ? "HH:mm" : !1,
                         initialValue: s(),
-                        locale: q(b),
+                        locale: N(b),
                         input: !1,
                         onChange: p,
                         isValidDate: h

package/dist/decimal-field.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     DecimalInput: function() {
-        return E;
+        return B;
     },
     default: function() {
-        return q;
+        return J;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -25,6 +25,7 @@ const _textfieldbase = require("./text-field-base.js");
 const _dom = require("./utils/dom.js");
 const _rifm = require("rifm");
 const _common = require("./utils/common.js");
+const _texttokens = require("./text-tokens.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -145,16 +146,16 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const A = (o)=>{
+const j = (o)=>{
     try {
         return 1.1.toLocaleString(o.replace("_", "-"))[1];
     } catch (e) {
         return ".";
     }
-}, B = (o, r)=>{
+}, A = (o, r)=>{
     const s = String(o !== null && o !== void 0 ? o : "").replace(/[^.,\d]/g, ""), e = /[.,]/.exec(s), t = s.split(/[.,]/);
     return t.length === 0 ? "" : e && r > 0 ? t.shift() + e[0] + t.join("").slice(0, r) : t[0];
-}, E = (_param)=>{
+}, B = (_param)=>{
     var { inputRef: o, value: r, defaultValue: s, onChange: e, maxDecimals: t } = _param, c = _object_without_properties(_param, [
         "inputRef",
         "value",
@@ -162,27 +163,27 @@ const A = (o)=>{
         "onChange",
         "maxDecimals"
     ]);
-    const { i18n: u } = (0, _hooks.useTheme)(), f = A(u.locale), m = (n)=>String(n !== null && n !== void 0 ? n : "").replace(/[.,]/g, f), [p, d] = _react.useState(s !== null && s !== void 0 ? s : ""), i = _react.useRef(null), l = typeof r < "u", g = l ? r : p, h = _react.useCallback((n)=>{
-        l || d(n), i.current && (e == null || e((0, _dom.createChangeEvent)(i.current, n)));
+    const { i18n: u } = (0, _hooks.useTheme)(), f = j(u.locale), p = (n)=>String(n !== null && n !== void 0 ? n : "").replace(/[.,]/g, f), [d, g] = _react.useState(s !== null && s !== void 0 ? s : ""), i = _react.useRef(null), l = typeof r < "u", h = l ? r : d, y = _react.useCallback((n)=>{
+        l || g(n), i.current && (e == null || e((0, _dom.createChangeEvent)(i.current, n)));
     }, [
         l,
         e
-    ]), y = (0, _rifm.useRifm)({
-        format: (n)=>B(n, t),
-        replace: m,
-        value: g,
-        onChange: h,
+    ]), a = (0, _rifm.useRifm)({
+        format: (n)=>A(n, t),
+        replace: p,
+        value: h,
+        onChange: y,
         accept: /[\d.,]+/g
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, c), {
         type: "text",
         inputMode: "decimal",
-        value: y.value,
-        onChange: y.onChange,
+        value: a.value,
+        onChange: a.onChange,
         ref: (0, _common.combineRefs)(o, i)
     }));
 }, L = (_param)=>{
-    var { disabled: o, error: r, helperText: s, name: e, optional: t, validate: c, onChange: u, onChangeValue: f, onBlur: m, value: p, defaultValue: d, maxDecimals: i = 1 / 0, dataAttributes: l } = _param, g = _object_without_properties(_param, [
+    var { disabled: o, error: r, helperText: s, name: e, optional: t, validate: c, onChange: u, onChangeValue: f, onBlur: p, value: d, defaultValue: g, maxDecimals: i = 1 / 0, dataAttributes: l } = _param, h = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -197,22 +198,22 @@ const A = (o)=>{
         "maxDecimals",
         "dataAttributes"
     ]);
-    const { texts: h } = (0, _hooks.useTheme)(), D = (0, _formcontext.useFieldProps)({
+    const { texts: y, t: a } = (0, _hooks.useTheme)(), C = (0, _formcontext.useFieldProps)({
         name: e,
-        value: p,
-        defaultValue: d,
-        processValue: (a)=>a.trim(),
+        value: d,
+        defaultValue: g,
+        processValue: (m)=>m.trim(),
         helperText: s,
         optional: t,
         error: r,
         disabled: o,
-        onBlur: m,
-        validate: (a, F)=>a ? c == null ? void 0 : c(a, F) : t ? "" : h.formFieldErrorIsMandatory,
+        onBlur: p,
+        validate: (m, D)=>m ? c == null ? void 0 : c(m, D) : t ? "" : y.formFieldErrorIsMandatory || a(_texttokens.formFieldErrorIsMandatory),
         onChange: u,
         onChangeValue: f
     });
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, g, D), {
-        inputComponent: E,
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, h, C), {
+        inputComponent: B,
         inputProps: {
             maxDecimals: i
         },
@@ -220,4 +221,4 @@ const A = (o)=>{
             "component-name": "DecimalField"
         }, l)
     }));
-}, q = L;
+}, J = L;

package/dist/dialog-context.d.ts

@@ -5,18 +5,6 @@ export declare const useDialog: () => {
     confirm: (params: ConfirmProps) => void;
     dialog: (params: ExtendedDialogProps) => void;
 };
-/**
- * @deprecated Use useDialog to get this function
- */
-export declare const alert: (params: AlertProps) => void;
-/**
- * @deprecated Use useDialog to get this function
- */
-export declare const confirm: (params: ConfirmProps) => void;
-/**
- * @deprecated Use useDialog to get this function
- */
-export declare const dialog: (params: ExtendedDialogProps) => void;
 type DialogRootProps = {
     children?: React.ReactNode;
 };