@everymatrix/general-input 1.88.11 → 1.88.13

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.
@@ -8,6 +8,7 @@ const TRANSLATIONS = {
8
8
  "dateFormatError": "The selected date has a different format then the one required.",
9
9
  "numberLengthError": "The number should be between {min} and {max}",
10
10
  "lengthError": "The length should be between {minLength} and {maxLength}",
11
+ "fixedLengthError": "The length should be {length} characters",
11
12
  "requiredError": "This input is required.",
12
13
  "invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
13
14
  "invalidPassword": "Password does not meet all criteria",
@@ -34,7 +35,8 @@ const TRANSLATIONS = {
34
35
  "SAIdLengthError": "SA ID must be 13 digits",
35
36
  "SAIdInvalidError": "Invalid SA ID",
36
37
  "PassportLengthError": "Passport number must be 8 or 9 digits.",
37
- "PasswordMustContain": "Password must contain:"
38
+ "PasswordMustContain": "Password must contain:",
39
+ "AlphanumericalOnly": "Only alphanumerical characters are allowed"
38
40
  },
39
41
  "hu": {
40
42
  "dateError": "A választott dátumnak {min} és {max} között kell lennie",
@@ -42,6 +44,7 @@ const TRANSLATIONS = {
42
44
  "dateFormatError": "A kiválasztott dátum formátuma eltér a szükségestől.",
43
45
  "numberLengthError": "A számnak {min} és {max} között kell lennie",
44
46
  "lengthError": "A hossznak {minLength} és {maxLength} között kell lennie",
47
+ "fixedLengthError": "A hossznak {length} karakternek kell lennie",
45
48
  "requiredError": "Ez a beviteli mező kötelező.",
46
49
  "invalidOriginalPasswordError": "Initial password field does not validate all criteria.",
47
50
  "invalidPassword": "A jelszó nem felel meg minden kritériumnak",
@@ -65,7 +68,8 @@ const TRANSLATIONS = {
65
68
  "PassportLengthError": "Az útlevélszámnak 9 számjegyűnek kell lennie",
66
69
  "SAIdLengthError": "A dél-afrikai személyi számnak 13 számjegyűnek kell lennie",
67
70
  "SAIdInvalidError": "Érvénytelen dél-afrikai személyi szám",
68
- "PasswordMustContain": "A jelszónak tartalmaznia kell:"
71
+ "PasswordMustContain": "A jelszónak tartalmaznia kell:",
72
+ "AlphanumericalOnly": "Csak alfanumerikus karakterek engedélyezettek"
69
73
  },
70
74
  "hr": {
71
75
  "dateError": "Odabrani datum treba biti između {min} i {max}",
@@ -73,6 +77,7 @@ const TRANSLATIONS = {
73
77
  "dateFormatError": "Odabrani datum je u drugačijem formatu od potrebnog.",
74
78
  "numberLengthError": "Broj bi trebao biti između {min} i {max}",
75
79
  "lengthError": "Duljina bi trebala biti između {minLength} i {maxLength}",
80
+ "fixedLengthError": "Duljina mora biti {length} znakova",
76
81
  "requiredError": "Ovaj unos je obavezan.",
77
82
  "invalidOriginalPasswordError": "Lozinke se ne podudaraju",
78
83
  "invalidPassword": "Lozinka ne zadovoljava sve kriterije",
@@ -96,7 +101,8 @@ const TRANSLATIONS = {
96
101
  "PassportLengthError": "Broj putovnice mora imati 9 znamenki",
97
102
  "SAIdLengthError": "Južnoafrički osobni broj mora imati 13 znamenki",
98
103
  "SAIdInvalidError": "Nevažeći južnoafrički osobni broj",
99
- "PasswordMustContain": "Lozinka mora sadržavati:"
104
+ "PasswordMustContain": "Lozinka mora sadržavati:",
105
+ "AlphanumericalOnly": "Dopušteni su samo alfanumerički znakovi"
100
106
  },
101
107
  "tr": {
102
108
  "dateError": "Seçilen tarih {min} ve {max} arasında olmalıdır",
@@ -104,6 +110,7 @@ const TRANSLATIONS = {
104
110
  "dateFormatError": "Seçilen tarihin formatı, gereken formattan farklı.",
105
111
  "numberLengthError": "Sayı {min} ve {max} arasında olmalıdır",
106
112
  "lengthError": "Uzunluk {minLength} ve {maxLength} arasında olmalıdır",
113
+ "fixedLengthError": "Uzunluk {length} karakter olmalıdır",
107
114
  "requiredError": "Bu alan zorunludur.",
108
115
  "invalidOriginalPasswordError": "İlk şifre alanı tüm kriterleri karşılamıyor.",
109
116
  "invalidPassword": "Şifre tüm kriterleri karşılamıyor",
@@ -127,7 +134,8 @@ const TRANSLATIONS = {
127
134
  "PassportLengthError": "Pasaport numarası 9 haneli olmalıdır",
128
135
  "SAIdLengthError": "Güney Afrika kimlik numarası 13 haneli olmalıdır",
129
136
  "SAIdInvalidError": "Geçersiz Güney Afrika kimlik numarası",
130
- "PasswordMustContain": "Şifre şunları içermelidir:"
137
+ "PasswordMustContain": "Şifre şunları içermelidir:",
138
+ "AlphanumericalOnly": "Yalnızca alfanümerik karakterlere izin verilir"
131
139
  },
132
140
  "pt-br": {
133
141
  "dateError": "A data selecionada deve estar entre {min} e {max}",
@@ -135,6 +143,7 @@ const TRANSLATIONS = {
135
143
  "dateFormatError": "A data selecionada está em um formato diferente do exigido.",
136
144
  "numberLengthError": "O número deve estar entre {min} e {max}",
137
145
  "lengthError": "O comprimento deve estar entre {minLength} e {maxLength}",
146
+ "fixedLengthError": "O comprimento deve ser de {length} caracteres",
138
147
  "requiredError": "Este campo é obrigatório",
139
148
  "invalidOriginalPasswordError": "O campo de senha inicial não faz parte dos critérios válidos",
140
149
  "invalidPassword": "A senha não atende a todos os critérios",
@@ -158,7 +167,43 @@ const TRANSLATIONS = {
158
167
  "PassportLengthError": "O número do passaporte deve ter 9 dígitos",
159
168
  "SAIdLengthError": "O número de identificação da África do Sul deve ter 13 dígitos",
160
169
  "SAIdInvalidError": "Número de identificação da África do Sul inválido",
161
- "PasswordMustContain": "A senha deve conter:"
170
+ "PasswordMustContain": "A senha deve conter:",
171
+ "AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos"
172
+ },
173
+ "pt": {
174
+ "dateError": "A data selecionada deve estar entre {min} e {max}",
175
+ "dateError2": "A data selecionada não está dentro do intervalo aceite",
176
+ "dateFormatError": "A data selecionada tem um formato diferente do exigido.",
177
+ "numberLengthError": "O número deve estar entre {min} e {max}",
178
+ "lengthError": "O comprimento deve estar entre {minLength} e {maxLength}",
179
+ "requiredError": "Este campo é obrigatório.",
180
+ "invalidOriginalPasswordError": "O campo da palavra-passe inicial não cumpre todos os critérios.",
181
+ "invalidPassword": "A palavra-passe não cumpre todos os critérios",
182
+ "passwordStrength": "Força da palavra-passe",
183
+ "passwordStrengthWeak": "não é adequada",
184
+ "passwordStrengthStrong": "é adequada",
185
+ "SpecialCharactersNotAllowed": "Não deve conter caracteres especiais",
186
+ "InvalidEmailFormat": "Formato de email inválido.",
187
+ "EmailNotMatching": "Os emails não coincidem!",
188
+ "PasswordNotMatching": "As palavras-passe não coincidem",
189
+ "MustIncludeNumber": "A palavra-passe deve incluir um número",
190
+ "MustContainCapital": "A palavra-passe deve incluir uma letra maiúscula",
191
+ "MustIncludePunctation": "A palavra-passe deve incluir pontuação",
192
+ "MustIncludeLowercase": "A palavra-passe deve incluir um caractere minúsculo",
193
+ "OnlyNumbers": "O campo deve conter apenas dígitos.",
194
+ "InvalidFieldSize": "O comprimento deve ser exatamente 11 dígitos.",
195
+ "InvalidDocumentNumber": "Apenas caracteres numéricos são permitidos.",
196
+ "twofaDescription": "<p> Enviámos o código de verificação para <p> {destination}. </p> </p> <p> Por favor, introduza o PIN abaixo. </p>",
197
+ "twofaResendMessage": "Não recebeu o código de verificação?",
198
+ "twofaResendButton": "Reenviar",
199
+ "enterIEAddressManually": "Para IRE, introduza o endereço manualmente",
200
+ "postalLookUpNoAddressFound": "Não foram encontrados endereços para este código postal",
201
+ "searchingForAddresses": "A procurar endereços...",
202
+ "SAIdLengthError": "O ID da África do Sul deve ter 13 dígitos",
203
+ "SAIdInvalidError": "ID da África do Sul inválido",
204
+ "PassportLengthError": "O número de passaporte deve ter 8 ou 9 dígitos.",
205
+ "PasswordMustContain": "A palavra-passe deve conter:",
206
+ "AlphanumericalOnly": "Apenas caracteres alfanuméricos são permitidos"
162
207
  },
163
208
  "es-mx": {
164
209
  "dateError": "La fecha seleccionada debe ser entre {min} y {max}",
@@ -166,6 +211,7 @@ const TRANSLATIONS = {
166
211
  "dateFormatError": "La fecha seleccionada tiene un formato diferente al requerido.",
167
212
  "numberLengthError": "El número debe ser entre {min} y {max}",
168
213
  "lengthError": "La longitud deber ser entre {minLength} y {maxLength}",
214
+ "fixedLengthError": "La longitud debe ser de {length} caracteres",
169
215
  "requiredError": "Este campo es requerido",
170
216
  "invalidOriginalPasswordError": "El campo de contraseña inicial no es parte del criterio válido",
171
217
  "invalidPassword": "La contraseña no cumple con todos los criterios",
@@ -189,7 +235,8 @@ const TRANSLATIONS = {
189
235
  "PassportLengthError": "El número de pasaporte debe tener 9 dígitos",
190
236
  "SAIdLengthError": "El número de identificación de Sudáfrica debe tener 13 dígitos",
191
237
  "SAIdInvalidError": "Número de identificación de Sudáfrica inválido",
192
- "PasswordMustContain": "La contraseña debe contener:"
238
+ "PasswordMustContain": "La contraseña debe contener:",
239
+ "AlphanumericalOnly": "Solo se permiten caracteres alfanuméricos"
193
240
  },
194
241
  "fr": {
195
242
  "dateError": "La date sélectionnée doit être comprise entre {min} et {max}",
@@ -197,6 +244,7 @@ const TRANSLATIONS = {
197
244
  "dateFormatError": "Le format de la date sélectionnée est incorrect.",
198
245
  "numberLengthError": "Le nombre doit être compris entre {min} et {max}",
199
246
  "lengthError": "La longueur doit être comprise entre {minLength} et {maxLength}",
247
+ "fixedLengthError": "La longueur doit être de {length} caractères",
200
248
  "requiredError": "Ce champ est obligatoire.",
201
249
  "invalidOriginalPasswordError": "Le mot de passe initial ne respecte pas tous les critères.",
202
250
  "invalidPassword": "Le mot de passe ne respecte pas tous les critères",
@@ -223,7 +271,8 @@ const TRANSLATIONS = {
223
271
  "SAIdLengthError": "L’identifiant sud-africain doit comporter 13 chiffres",
224
272
  "SAIdInvalidError": "Identifiant sud-africain invalide",
225
273
  "PassportLengthError": "Le numéro de passeport doit comporter 8 ou 9 chiffres.",
226
- "PasswordMustContain": "Le mot de passe doit contenir :"
274
+ "PasswordMustContain": "Le mot de passe doit contenir :",
275
+ "AlphanumericalOnly": "Seuls les caractères alphanumériques sont autorisés"
227
276
  }
228
277
  };
229
278
  const CONSTANTS = {
@@ -247,6 +296,7 @@ const ERROR_KEYS = {
247
296
  SA_ID_INVALID: 'SAIdInvalidError',
248
297
  REQUIRED: 'requiredError',
249
298
  LENGTH: 'lengthError',
299
+ FIXED_LENGTH: 'fixedLengthError',
250
300
  DUPLICATE: 'duplicateInputError',
251
301
  };
252
302
  const STATUS_ICONS = {
@@ -255,7 +305,7 @@ const STATUS_ICONS = {
255
305
  };
256
306
  const translate = (key, customLang, values) => {
257
307
  const lang = customLang;
258
- let translation = TRANSLATIONS[lang !== undefined ? lang : DEFAULT_LANGUAGE][key];
308
+ let translation = TRANSLATIONS[lang] ? TRANSLATIONS[lang][key] : TRANSLATIONS[DEFAULT_LANGUAGE][key];
259
309
  if (values !== undefined) {
260
310
  for (const [key, value] of Object.entries(values.values)) {
261
311
  const regex = new RegExp(`{${key}}`, 'g');
@@ -271,8 +321,10 @@ const getTranslations = (url) => {
271
321
  .then((res) => res.json())
272
322
  .then((data) => {
273
323
  Object.keys(data).forEach((item) => {
324
+ TRANSLATIONS[item] = TRANSLATIONS[item] || {};
274
325
  for (let key in data[item]) {
275
326
  if (typeof data[item][key] === 'string') {
327
+ TRANSLATIONS[item] = TRANSLATIONS[item] || {};
276
328
  TRANSLATIONS[item][key] = data[item][key];
277
329
  }
278
330
  }
@@ -14630,11 +14682,15 @@ const TextInput = class {
14630
14682
  return translate(ERROR_KEYS.REQUIRED, this.language);
14631
14683
  }
14632
14684
  if (this.inputReference.validity.tooShort || this.inputReference.validity.tooLong) {
14685
+ const minLength = this.validation.minLength;
14686
+ const maxLength = this.validation.maxLength;
14687
+ if (minLength === maxLength) {
14688
+ return translate(ERROR_KEYS.FIXED_LENGTH, this.language, {
14689
+ values: { length: minLength }
14690
+ });
14691
+ }
14633
14692
  return translate(ERROR_KEYS.LENGTH, this.language, {
14634
- values: {
14635
- minLength: this.validation.minLength,
14636
- maxLength: this.validation.maxLength
14637
- }
14693
+ values: { minLength, maxLength }
14638
14694
  });
14639
14695
  }
14640
14696
  if (this.inputReference.value.match(this.validationPattern) == null) {
@@ -14660,8 +14716,8 @@ const TextInput = class {
14660
14716
  if (this.touched) {
14661
14717
  invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
14662
14718
  }
14663
- return h("div", { key: '7e4006b92f6c1e2d8b39694fd85fad7d672c18fd', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h("div", { key: 'e70be4a8daef6cbaa25d438b4d1edaecf6db5159', class: 'text__wrapper--flex' }, h("label", { key: '0b09f624c460c9d777dd10b887430a4e6de8cacc', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: 'df36d8f44540b35a65f816ade477c4f4ff077977', class: 'text__wrapper--relative' }, this.tooltip &&
14664
- h("img", { key: '85e25624de052cad543c883514ba0c0a522d249f', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("input", { key: 'bf34796489a118f3c4849c3b8b7680fb77f5a2eb', name: this.name, id: `${this.name}__input`, value: this.value, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.enableSouthAfricanMode ? '' : this.validation.minLength, maxlength: this.enableSouthAfricanMode ? '' : this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), h("small", { key: '725e4208a8170b6cf34869c44ec8cb29c2c7c93f', class: 'text__error-message' }, this.errorMessage));
14719
+ return h("div", { key: '4a3851c57b50e346914a5a3c9cf1ba286e3f7aec', class: `text__wrapper ${this.name}__input ${this.autofilled ? 'text__wrapper--autofilled' : ''}`, ref: el => this.stylingContainer = el }, h("div", { key: '8badf61de6285389c56aceda2b57dc777eccad62', class: 'text__wrapper--flex' }, h("label", { key: 'ecf44727e4e536345649b0aa88f57faf63eafcb1', class: `text__label ${this.validation.mandatory ? 'text__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h("div", { key: '45ad8e3feed46925034aa2b3c3964ee59d6bab69', class: 'text__wrapper--relative' }, this.tooltip &&
14720
+ h("img", { key: '28386df278867594c5e71ab7a4b376b62031b2de', class: 'text__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h("input", { key: 'f6c63d967c6db438fa3aeaa52e14195c16dfab87', name: this.name, id: `${this.name}__input`, value: this.value, type: 'text', class: `text__input ${invalidClass}`, placeholder: `${this.placeholder}`, ref: (el) => this.inputReference = el, readOnly: this.autofilled, required: this.validation.mandatory, minlength: this.enableSouthAfricanMode ? '' : this.validation.minLength, maxlength: this.enableSouthAfricanMode ? '' : this.validation.maxLength, onInput: this.handleInput, onBlur: this.handleBlur }), h("small", { key: 'bfed249b930afb155f933eae8a62ada508a05de5', class: 'text__error-message' }, this.errorMessage));
14665
14721
  }
14666
14722
  static get watchers() { return {
14667
14723
  "clientStyling": ["handleStylingChange"],