@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.
Files changed (137) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/boxed.css-mistica.js +14 -5
  3. package/dist/boxed.css.d.ts +1 -0
  4. package/dist/boxed.d.ts +1 -0
  5. package/dist/boxed.js +11 -9
  6. package/dist/button-fixed-footer-layout.d.ts +1 -0
  7. package/dist/button-fixed-footer-layout.js +19 -14
  8. package/dist/button-layout.css-mistica.js +16 -13
  9. package/dist/button-layout.css.d.ts +1 -0
  10. package/dist/button-layout.js +15 -15
  11. package/dist/button.js +43 -35
  12. package/dist/carousel.d.ts +13 -0
  13. package/dist/carousel.js +325 -223
  14. package/dist/credit-card-expiration-field.js +30 -26
  15. package/dist/credit-card-number-field.css-mistica.js +7 -7
  16. package/dist/credit-card-number-field.js +59 -45
  17. package/dist/cvv-field.js +46 -41
  18. package/dist/date-field.css-mistica.js +14 -0
  19. package/dist/date-field.css.d.ts +1 -0
  20. package/dist/date-field.css.ts.vanilla.css-mistica.js +11 -0
  21. package/dist/date-field.js +41 -35
  22. package/dist/date-time-field.js +40 -34
  23. package/dist/date-time-picker.js +43 -45
  24. package/dist/decimal-field.js +26 -22
  25. package/dist/dialog-context.d.ts +24 -0
  26. package/dist/dialog-context.js +192 -0
  27. package/dist/dialog.css-mistica.js +15 -12
  28. package/dist/dialog.css.d.ts +1 -0
  29. package/dist/dialog.d.ts +14 -44
  30. package/dist/dialog.js +161 -245
  31. package/dist/double-field.css-mistica.js +3 -2
  32. package/dist/email-field.js +15 -11
  33. package/dist/feedback.css-mistica.js +18 -15
  34. package/dist/feedback.css.d.ts +5 -4
  35. package/dist/feedback.js +154 -147
  36. package/dist/fixed-footer-layout.css-mistica.js +1 -1
  37. package/dist/fixed-footer-layout.js +9 -8
  38. package/dist/iban-field.js +31 -27
  39. package/dist/icons/icon-amex.d.ts +1 -1
  40. package/dist/icons/icon-cvv-amex.d.ts +1 -1
  41. package/dist/icons/icon-cvv-visa-mc.d.ts +1 -1
  42. package/dist/icons/icon-mastercard.d.ts +1 -1
  43. package/dist/icons/icon-visa.d.ts +1 -1
  44. package/dist/index.d.ts +2 -2
  45. package/dist/index.js +16 -4
  46. package/dist/inline.css-mistica.js +9 -6
  47. package/dist/inline.css.d.ts +1 -1
  48. package/dist/inline.js +9 -9
  49. package/dist/integer-field.js +17 -13
  50. package/dist/loading-bar.css-mistica.js +4 -7
  51. package/dist/loading-bar.css.d.ts +0 -2
  52. package/dist/loading-bar.js +3 -6
  53. package/dist/month-field.js +39 -33
  54. package/dist/package-version.js +1 -1
  55. package/dist/password-field.js +46 -44
  56. package/dist/phone-number-field.js +50 -46
  57. package/dist/pin-field.css-mistica.js +12 -6
  58. package/dist/pin-field.css.d.ts +2 -0
  59. package/dist/pin-field.d.ts +3 -1
  60. package/dist/pin-field.js +129 -95
  61. package/dist/responsive-layout.css-mistica.js +10 -7
  62. package/dist/responsive-layout.css.d.ts +2 -1
  63. package/dist/responsive-layout.d.ts +1 -1
  64. package/dist/responsive-layout.js +20 -17
  65. package/dist/search-field.js +36 -35
  66. package/dist/select.css-mistica.js +16 -15
  67. package/dist/select.css.d.ts +1 -0
  68. package/dist/select.js +138 -143
  69. package/dist/text-field-base.css-mistica.js +45 -21
  70. package/dist/text-field-base.css.d.ts +30 -7
  71. package/dist/text-field-base.d.ts +11 -0
  72. package/dist/text-field-base.js +175 -140
  73. package/dist/text-field-components.css-mistica.js +13 -21
  74. package/dist/text-field-components.css.d.ts +0 -3
  75. package/dist/text-field-components.d.ts +3 -0
  76. package/dist/text-field-components.js +38 -35
  77. package/dist/text-field.js +26 -22
  78. package/dist/theme-context-provider.js +2 -2
  79. package/dist/utils/platform.js +8 -11
  80. package/dist-es/boxed.css-mistica.js +3 -2
  81. package/dist-es/boxed.js +17 -15
  82. package/dist-es/button-fixed-footer-layout.js +29 -24
  83. package/dist-es/button-layout.css-mistica.js +7 -7
  84. package/dist-es/button-layout.js +23 -23
  85. package/dist-es/button.js +65 -57
  86. package/dist-es/carousel.js +373 -280
  87. package/dist-es/credit-card-expiration-field.js +34 -30
  88. package/dist-es/credit-card-number-field.css-mistica.js +4 -4
  89. package/dist-es/credit-card-number-field.js +84 -70
  90. package/dist-es/cvv-field.js +68 -63
  91. package/dist-es/date-field.css-mistica.js +5 -0
  92. package/dist-es/date-field.css.ts.vanilla.css-mistica.js +2 -0
  93. package/dist-es/date-field.js +46 -40
  94. package/dist-es/date-time-field.js +47 -41
  95. package/dist-es/date-time-picker.js +55 -57
  96. package/dist-es/decimal-field.js +31 -27
  97. package/dist-es/dialog-context.js +125 -0
  98. package/dist-es/dialog.css-mistica.js +3 -3
  99. package/dist-es/dialog.js +192 -262
  100. package/dist-es/double-field.css-mistica.js +3 -2
  101. package/dist-es/email-field.js +16 -12
  102. package/dist-es/feedback.css-mistica.js +2 -2
  103. package/dist-es/feedback.js +191 -184
  104. package/dist-es/fixed-footer-layout.css-mistica.js +1 -1
  105. package/dist-es/fixed-footer-layout.js +21 -20
  106. package/dist-es/iban-field.js +42 -38
  107. package/dist-es/index.js +1778 -1778
  108. package/dist-es/inline.css-mistica.js +3 -3
  109. package/dist-es/inline.js +18 -18
  110. package/dist-es/integer-field.js +21 -17
  111. package/dist-es/loading-bar.css-mistica.js +2 -2
  112. package/dist-es/loading-bar.js +10 -13
  113. package/dist-es/month-field.js +47 -41
  114. package/dist-es/package-version.js +1 -1
  115. package/dist-es/password-field.js +54 -52
  116. package/dist-es/phone-number-field.js +53 -49
  117. package/dist-es/pin-field.css-mistica.js +2 -2
  118. package/dist-es/pin-field.js +145 -111
  119. package/dist-es/responsive-layout.css-mistica.js +3 -3
  120. package/dist-es/responsive-layout.js +27 -24
  121. package/dist-es/search-field.js +45 -44
  122. package/dist-es/select.css-mistica.js +8 -7
  123. package/dist-es/select.js +167 -172
  124. package/dist-es/style.css +1 -1
  125. package/dist-es/text-field-base.css-mistica.js +2 -2
  126. package/dist-es/text-field-base.js +189 -157
  127. package/dist-es/text-field-components.css-mistica.js +3 -2
  128. package/dist-es/text-field-components.js +52 -49
  129. package/dist-es/text-field.js +31 -27
  130. package/dist-es/theme-context-provider.js +1 -1
  131. package/dist-es/utils/platform.js +6 -6
  132. package/package.json +1 -1
  133. package/dist/password-field.css-mistica.js +0 -13
  134. package/dist/password-field.css.d.ts +0 -1
  135. package/dist-es/password-field.css-mistica.js +0 -4
  136. /package/dist/{password-field.css.ts.vanilla.css-mistica.js → boxed.css.ts.vanilla.css-mistica.js} +0 -0
  137. /package/dist-es/{password-field.css.ts.vanilla.css-mistica.js → boxed.css.ts.vanilla.css-mistica.js} +0 -0
@@ -78,24 +78,24 @@ function _object_without_properties_loose(source, excluded) {
78
78
  }
79
79
  return target;
80
80
  }
81
- import { jsx as b } from "react/jsx-runtime";
82
- import * as h from "react";
83
- import { useRifm as I } from "rifm";
84
- import { useFieldProps as x } from "./form-context.js";
85
- import { TextFieldBaseAutosuggest as N } from "./text-field-base.js";
86
- import { createChangeEvent as E } from "./utils/dom.js";
87
- import { combineRefs as L } from "./utils/common.js";
88
- import { useTheme as V } from "./hooks.js";
89
- const y = {
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
- }, B = 32, k = (e, t)=>{
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
- }, A = (e)=>/^[A-Z]{2}$/.test(e), R = (e)=>/^\d{2}$/.test(e), S = (e)=>{
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(""), k(t, 97) === 1;
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 (!A(t) || !R(n)) return !1;
111
- const r = y[t];
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
- }, F = (e)=>{
118
+ }, M = (e)=>{
119
119
  const t = e.substr(0, 2);
120
- let n = B;
121
- if (t && A(t)) {
122
- const o = y[t];
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
- }, M = (_param)=>{
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 [a, p] = h.useState(n !== null && n !== void 0 ? n : ""), c = h.useRef(null), i = typeof t < "u", m = i ? t : a, d = h.useCallback((s)=>{
135
- i || p(s), c.current && (r == null || r(E(c.current, s)));
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
- ]), u = I({
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__ */ b("input", _object_spread_props(_object_spread({}, o), {
147
- maxLength: F(u.value),
148
- value: u.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 f;
151
- const C = s.target.value, g = u.value;
152
- return C.length - g.length > 1 && ((f = s.nativeEvent) == null ? void 0 : f.inputType) === "insertText" && (s.target.value = g), u.onChange(s);
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: L(e, c)
155
+ ref: V(e, c)
156
156
  }));
157
- }, Z = (_param)=>{
158
- var { disabled: e, error: t, helperText: n, name: r, optional: o, validate: a, onChange: p, onChangeValue: c, onBlur: i, value: m, defaultValue: d } = _param, u = _object_without_properties(_param, [
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: s } = V(), f = x({
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) ? a == null ? void 0 : a(l, v) : s.formIbanError : o ? "" : s.formFieldErrorIsMandatory,
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__ */ b(N, _object_spread_props(_object_spread({}, u, f), {
186
- inputComponent: M
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
- }, H = Z;
189
- export { H as default };
192
+ }, O = j;
193
+ export { O as default };