@telefonica/mistica 14.41.0 → 14.42.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/mistica.css +1 -1
- package/dist/boxed.css-mistica.js +14 -5
- package/dist/boxed.css.d.ts +1 -0
- package/dist/boxed.d.ts +1 -0
- package/dist/boxed.js +11 -9
- package/dist/button-fixed-footer-layout.d.ts +1 -0
- package/dist/button-fixed-footer-layout.js +19 -14
- package/dist/button-layout.css-mistica.js +16 -13
- package/dist/button-layout.css.d.ts +1 -0
- package/dist/button-layout.js +15 -15
- package/dist/button.js +43 -35
- package/dist/carousel.d.ts +13 -0
- package/dist/carousel.js +325 -223
- package/dist/credit-card-expiration-field.js +30 -26
- package/dist/credit-card-number-field.css-mistica.js +7 -7
- package/dist/credit-card-number-field.js +59 -45
- package/dist/cvv-field.js +46 -41
- package/dist/date-field.css-mistica.js +14 -0
- package/dist/date-field.css.d.ts +1 -0
- package/dist/date-field.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/date-field.js +41 -35
- package/dist/date-time-field.js +40 -34
- package/dist/date-time-picker.js +43 -45
- package/dist/decimal-field.js +26 -22
- package/dist/dialog-context.d.ts +24 -0
- package/dist/dialog-context.js +192 -0
- package/dist/dialog.css-mistica.js +15 -12
- package/dist/dialog.css.d.ts +1 -0
- package/dist/dialog.d.ts +14 -44
- package/dist/dialog.js +161 -245
- package/dist/double-field.css-mistica.js +3 -2
- package/dist/email-field.js +15 -11
- package/dist/feedback.css-mistica.js +18 -15
- package/dist/feedback.css.d.ts +5 -4
- package/dist/feedback.js +154 -147
- package/dist/fixed-footer-layout.css-mistica.js +1 -1
- package/dist/fixed-footer-layout.js +9 -8
- package/dist/iban-field.js +31 -27
- package/dist/icons/icon-amex.d.ts +1 -1
- package/dist/icons/icon-cvv-amex.d.ts +1 -1
- package/dist/icons/icon-cvv-visa-mc.d.ts +1 -1
- package/dist/icons/icon-mastercard.d.ts +1 -1
- package/dist/icons/icon-visa.d.ts +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +16 -4
- package/dist/inline.css-mistica.js +9 -6
- package/dist/inline.css.d.ts +1 -1
- package/dist/inline.js +9 -9
- package/dist/integer-field.js +17 -13
- package/dist/loading-bar.css-mistica.js +4 -7
- package/dist/loading-bar.css.d.ts +0 -2
- package/dist/loading-bar.js +3 -6
- package/dist/month-field.js +39 -33
- package/dist/package-version.js +1 -1
- package/dist/password-field.js +46 -44
- package/dist/phone-number-field.js +50 -46
- package/dist/pin-field.css-mistica.js +12 -6
- package/dist/pin-field.css.d.ts +2 -0
- package/dist/pin-field.d.ts +3 -1
- package/dist/pin-field.js +129 -95
- package/dist/responsive-layout.css-mistica.js +10 -7
- package/dist/responsive-layout.css.d.ts +2 -1
- package/dist/responsive-layout.d.ts +1 -1
- package/dist/responsive-layout.js +20 -17
- package/dist/search-field.js +36 -35
- package/dist/select.css-mistica.js +16 -15
- package/dist/select.css.d.ts +1 -0
- package/dist/select.js +138 -143
- package/dist/text-field-base.css-mistica.js +45 -21
- package/dist/text-field-base.css.d.ts +30 -7
- package/dist/text-field-base.d.ts +11 -0
- package/dist/text-field-base.js +175 -140
- package/dist/text-field-components.css-mistica.js +13 -21
- package/dist/text-field-components.css.d.ts +0 -3
- package/dist/text-field-components.d.ts +3 -0
- package/dist/text-field-components.js +38 -35
- package/dist/text-field.js +26 -22
- package/dist/theme-context-provider.js +2 -2
- package/dist/utils/platform.js +8 -11
- package/dist-es/boxed.css-mistica.js +3 -2
- package/dist-es/boxed.js +17 -15
- package/dist-es/button-fixed-footer-layout.js +29 -24
- package/dist-es/button-layout.css-mistica.js +7 -7
- package/dist-es/button-layout.js +23 -23
- package/dist-es/button.js +65 -57
- package/dist-es/carousel.js +373 -280
- package/dist-es/credit-card-expiration-field.js +34 -30
- package/dist-es/credit-card-number-field.css-mistica.js +4 -4
- package/dist-es/credit-card-number-field.js +84 -70
- package/dist-es/cvv-field.js +68 -63
- package/dist-es/date-field.css-mistica.js +5 -0
- package/dist-es/date-field.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/date-field.js +46 -40
- package/dist-es/date-time-field.js +47 -41
- package/dist-es/date-time-picker.js +55 -57
- package/dist-es/decimal-field.js +31 -27
- package/dist-es/dialog-context.js +125 -0
- package/dist-es/dialog.css-mistica.js +3 -3
- package/dist-es/dialog.js +192 -262
- package/dist-es/double-field.css-mistica.js +3 -2
- package/dist-es/email-field.js +16 -12
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/feedback.js +191 -184
- package/dist-es/fixed-footer-layout.css-mistica.js +1 -1
- package/dist-es/fixed-footer-layout.js +21 -20
- package/dist-es/iban-field.js +42 -38
- package/dist-es/index.js +1778 -1778
- package/dist-es/inline.css-mistica.js +3 -3
- package/dist-es/inline.js +18 -18
- package/dist-es/integer-field.js +21 -17
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-bar.js +10 -13
- package/dist-es/month-field.js +47 -41
- package/dist-es/package-version.js +1 -1
- package/dist-es/password-field.js +54 -52
- package/dist-es/phone-number-field.js +53 -49
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/pin-field.js +145 -111
- package/dist-es/responsive-layout.css-mistica.js +3 -3
- package/dist-es/responsive-layout.js +27 -24
- package/dist-es/search-field.js +45 -44
- package/dist-es/select.css-mistica.js +8 -7
- package/dist-es/select.js +167 -172
- package/dist-es/style.css +1 -1
- package/dist-es/text-field-base.css-mistica.js +2 -2
- package/dist-es/text-field-base.js +189 -157
- package/dist-es/text-field-components.css-mistica.js +3 -2
- package/dist-es/text-field-components.js +52 -49
- package/dist-es/text-field.js +31 -27
- package/dist-es/theme-context-provider.js +1 -1
- package/dist-es/utils/platform.js +6 -6
- package/package.json +1 -1
- package/dist/password-field.css-mistica.js +0 -13
- package/dist/password-field.css.d.ts +0 -1
- package/dist-es/password-field.css-mistica.js +0 -4
- /package/dist/{password-field.css.ts.vanilla.css-mistica.js → boxed.css.ts.vanilla.css-mistica.js} +0 -0
- /package/dist-es/{password-field.css.ts.vanilla.css-mistica.js → boxed.css.ts.vanilla.css-mistica.js} +0 -0
package/dist-es/iban-field.js
CHANGED
|
@@ -78,24 +78,24 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
78
78
|
}
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
|
-
import { jsx as
|
|
82
|
-
import * as
|
|
83
|
-
import { useRifm as
|
|
84
|
-
import { useFieldProps as
|
|
85
|
-
import { TextFieldBaseAutosuggest as
|
|
86
|
-
import { createChangeEvent as
|
|
87
|
-
import { combineRefs as
|
|
88
|
-
import { useTheme as
|
|
89
|
-
const
|
|
81
|
+
import { jsx as C } from "react/jsx-runtime";
|
|
82
|
+
import * as b from "react";
|
|
83
|
+
import { useRifm as x } from "rifm";
|
|
84
|
+
import { useFieldProps as N } from "./form-context.js";
|
|
85
|
+
import { TextFieldBaseAutosuggest as E } from "./text-field-base.js";
|
|
86
|
+
import { createChangeEvent as L } from "./utils/dom.js";
|
|
87
|
+
import { combineRefs as V } from "./utils/common.js";
|
|
88
|
+
import { useTheme as B } from "./hooks.js";
|
|
89
|
+
const A = {
|
|
90
90
|
ES: 24,
|
|
91
91
|
GB: 22,
|
|
92
92
|
DE: 22,
|
|
93
93
|
BR: 29
|
|
94
|
-
},
|
|
94
|
+
}, k = 32, F = (e, t)=>{
|
|
95
95
|
let n = 0;
|
|
96
96
|
for(let r = 0; r < e.length; r++)n = (n * 10 + Number(e[r])) % t;
|
|
97
97
|
return n;
|
|
98
|
-
},
|
|
98
|
+
}, y = (e)=>/^[A-Z]{2}$/.test(e), R = (e)=>/^\d{2}$/.test(e), S = (e)=>{
|
|
99
99
|
let t = e.substr(4) + e.substr(0, 4);
|
|
100
100
|
const n = "A".charCodeAt(0);
|
|
101
101
|
return t = Array.from(t).map((r)=>{
|
|
@@ -104,58 +104,58 @@ const y = {
|
|
|
104
104
|
return String(10 + o - n);
|
|
105
105
|
}
|
|
106
106
|
return r;
|
|
107
|
-
}).join(""),
|
|
107
|
+
}).join(""), F(t, 97) === 1;
|
|
108
108
|
}, T = (e)=>{
|
|
109
109
|
const t = e.substr(0, 2), n = e.substr(2, 2);
|
|
110
|
-
if (!
|
|
111
|
-
const r =
|
|
110
|
+
if (!y(t) || !R(n)) return !1;
|
|
111
|
+
const r = A[t];
|
|
112
112
|
return !(r && r !== e.length || !S(e));
|
|
113
113
|
}, z = (e)=>{
|
|
114
114
|
var n;
|
|
115
115
|
const t = e.replace(/[^\dA-Za-z]/g, "");
|
|
116
116
|
var _ref;
|
|
117
117
|
return (_ref = (n = t.match(/.{1,4}/g)) == null ? void 0 : n.join(" ")) !== null && _ref !== void 0 ? _ref : t;
|
|
118
|
-
},
|
|
118
|
+
}, M = (e)=>{
|
|
119
119
|
const t = e.substr(0, 2);
|
|
120
|
-
let n =
|
|
121
|
-
if (t &&
|
|
122
|
-
const o =
|
|
120
|
+
let n = k;
|
|
121
|
+
if (t && y(t)) {
|
|
122
|
+
const o = A[t];
|
|
123
123
|
o && (n = o);
|
|
124
124
|
}
|
|
125
125
|
const r = Math.ceil(n / 4) - 1;
|
|
126
126
|
return n + r;
|
|
127
|
-
},
|
|
127
|
+
}, Z = (_param)=>{
|
|
128
128
|
var { inputRef: e, value: t, defaultValue: n, onChange: r } = _param, o = _object_without_properties(_param, [
|
|
129
129
|
"inputRef",
|
|
130
130
|
"value",
|
|
131
131
|
"defaultValue",
|
|
132
132
|
"onChange"
|
|
133
133
|
]);
|
|
134
|
-
const [
|
|
135
|
-
i || p(s), c.current && (r == null || r(
|
|
134
|
+
const [u, p] = b.useState(n !== null && n !== void 0 ? n : ""), c = b.useRef(null), i = typeof t < "u", m = i ? t : u, d = b.useCallback((s)=>{
|
|
135
|
+
i || p(s), c.current && (r == null || r(L(c.current, s)));
|
|
136
136
|
}, [
|
|
137
137
|
i,
|
|
138
138
|
r
|
|
139
|
-
]),
|
|
139
|
+
]), a = x({
|
|
140
140
|
format: z,
|
|
141
141
|
value: m,
|
|
142
142
|
onChange: d,
|
|
143
143
|
replace: (s)=>s.toUpperCase(),
|
|
144
144
|
accept: /[\dA-Za-z]+/g
|
|
145
145
|
});
|
|
146
|
-
return /* @__PURE__ */
|
|
147
|
-
maxLength:
|
|
148
|
-
value:
|
|
146
|
+
return /* @__PURE__ */ C("input", _object_spread_props(_object_spread({}, o), {
|
|
147
|
+
maxLength: M(a.value),
|
|
148
|
+
value: a.value,
|
|
149
149
|
onChange: (s)=>{
|
|
150
|
-
var
|
|
151
|
-
const
|
|
152
|
-
return
|
|
150
|
+
var h;
|
|
151
|
+
const f = s.target.value, g = a.value;
|
|
152
|
+
return f.length - g.length > 1 && ((h = s.nativeEvent) == null ? void 0 : h.inputType) === "insertText" && (s.target.value = g), a.onChange(s);
|
|
153
153
|
},
|
|
154
154
|
type: "text",
|
|
155
|
-
ref:
|
|
155
|
+
ref: V(e, c)
|
|
156
156
|
}));
|
|
157
|
-
},
|
|
158
|
-
var { disabled: e, error: t, helperText: n, name: r, optional: o, validate:
|
|
157
|
+
}, j = (_param)=>{
|
|
158
|
+
var { disabled: e, error: t, helperText: n, name: r, optional: o, validate: u, onChange: p, onChangeValue: c, onBlur: i, value: m, defaultValue: d, dataAttributes: a } = _param, s = _object_without_properties(_param, [
|
|
159
159
|
"disabled",
|
|
160
160
|
"error",
|
|
161
161
|
"helperText",
|
|
@@ -166,9 +166,10 @@ const y = {
|
|
|
166
166
|
"onChangeValue",
|
|
167
167
|
"onBlur",
|
|
168
168
|
"value",
|
|
169
|
-
"defaultValue"
|
|
169
|
+
"defaultValue",
|
|
170
|
+
"dataAttributes"
|
|
170
171
|
]);
|
|
171
|
-
const { texts:
|
|
172
|
+
const { texts: f } = B(), I = N({
|
|
172
173
|
name: r,
|
|
173
174
|
value: m,
|
|
174
175
|
defaultValue: d,
|
|
@@ -178,12 +179,15 @@ const y = {
|
|
|
178
179
|
error: t,
|
|
179
180
|
disabled: e,
|
|
180
181
|
onBlur: i,
|
|
181
|
-
validate: (l, v)=>l ? T(l) ?
|
|
182
|
+
validate: (l, v)=>l ? T(l) ? u == null ? void 0 : u(l, v) : f.formIbanError : o ? "" : f.formFieldErrorIsMandatory,
|
|
182
183
|
onChange: p,
|
|
183
184
|
onChangeValue: c
|
|
184
185
|
});
|
|
185
|
-
return /* @__PURE__ */
|
|
186
|
-
inputComponent:
|
|
186
|
+
return /* @__PURE__ */ C(E, _object_spread_props(_object_spread({}, s, I), {
|
|
187
|
+
inputComponent: Z,
|
|
188
|
+
dataAttributes: _object_spread({
|
|
189
|
+
"component-name": "IbanField"
|
|
190
|
+
}, a)
|
|
187
191
|
}));
|
|
188
|
-
},
|
|
189
|
-
export {
|
|
192
|
+
}, O = j;
|
|
193
|
+
export { O as default };
|