diff --git a/.changeset/eleven-books-whisper.md b/.changeset/eleven-books-whisper.md new file mode 100644 index 000000000..3fa1a76d3 --- /dev/null +++ b/.changeset/eleven-books-whisper.md @@ -0,0 +1,5 @@ +--- +'@lion/ui': patch +--- + +[form-core] add operationMode to ValidateMixin, to create specific select and upload required messages diff --git a/docs/components/input-file/use-cases.md b/docs/components/input-file/use-cases.md index 35d7c5f04..75c59be67 100644 --- a/docs/components/input-file/use-cases.md +++ b/docs/components/input-file/use-cases.md @@ -106,7 +106,7 @@ When file has to be uploaded as soon as it is selected by the user. Use `file-li export const basicFileUpload = () => { return html` { return html` { return html` { return html`
{ return html` { return html` html` - - Apple - Artichoke - Asparagus - Banana - Beets - Bell pepper - Broccoli - Brussels sprout - Cabbage - Carrot - -`; +```html preview-story + + Apple + Artichoke + Asparagus + Banana + Beets + Bell pepper + Broccoli + Brussels sprout + Cabbage + Carrot + ``` ## Orientation @@ -39,45 +40,41 @@ When `orientation="horizontal"`, left and right arrow keys will be enabled, plus will be informed about the direction of the options. By default, `orientation="vertical"` is set, which enables up and down arrow keys. -```js preview-story -export const orientationHorizontal = () => html` - - Apple - Artichoke - Asparagus - Banana - Beets - Bell pepper - Broccoli - Brussels sprout - Cabbage - Carrot - -`; +```html preview-story + + Apple + Artichoke + Asparagus + Banana + Beets + Bell pepper + Broccoli + Brussels sprout + Cabbage + Carrot + ``` With `multiple-choice` flag configured, multiple options can be checked. -```js preview-story -export const orientationHorizontalMultiple = () => html` - - Apple - Artichoke - Asparagus - Banana - Beets - Bell pepper - Broccoli - Brussels sprout - Cabbage - Carrot - -`; +```html preview-story + + Apple + Artichoke + Asparagus + Banana + Beets + Bell pepper + Broccoli + Brussels sprout + Cabbage + Carrot + ``` ## Selection-follows-focus @@ -87,61 +84,59 @@ This behavior can usually be seen in ` - - - - - - -`; +```html preview-story + + + ``` ## Disabled You can disable an option by adding the `disabled` attribute to an option. -```js preview-story -export const disabledOption = () => html` - - - -`; +```html preview-story + + + ``` Or by setting the `disabled` attribute on the entire `lion-select` field. -```js preview-story -export const disabledSelect = () => html` - - - -`; +```html preview-story + + + ``` + +## Validation + +A validator can be used to make it e.g. `required`. If you want to know how to do that, please take a look at our [validation examples](../../fundamentals/systems/form/validate.md). diff --git a/docs/fundamentals/systems/form/validate.md b/docs/fundamentals/systems/form/validate.md index 225887398..443da55e9 100644 --- a/docs/fundamentals/systems/form/validate.md +++ b/docs/fundamentals/systems/form/validate.md @@ -4,7 +4,7 @@ import { html } from '@mdjs/mdjs-preview'; import { LionInput } from '@lion/ui/input.js'; import '@lion/ui/define/lion-checkbox-group.js'; -import '@lion/ui/define/lion-checkbox-group.js'; +import '@lion/ui/define/lion-checkbox.js'; import '@lion/ui/define/lion-combobox.js'; import '@lion/ui/define/lion-fieldset.js'; import '@lion/ui/define/lion-form.js'; @@ -21,7 +21,6 @@ import '@lion/ui/define/lion-listbox.js'; import '@lion/ui/define/lion-option.js'; import '@lion/ui/define/lion-options.js'; import '@lion/ui/define/lion-radio-group.js'; -import '@lion/ui/define/lion-radio-group.js'; import '@lion/ui/define/lion-radio.js'; import '@lion/ui/define/lion-select.js'; import '@lion/ui/define/lion-select-rich.js'; @@ -229,10 +228,14 @@ The required validator can be put onto every form field element and will make su ```js preview-story export const requiredValidator = () => html` - + `; ``` +The default `Required` validation message is "Please, enter a(n) {fieldName}". In which the "fieldName" can be provided separately via the `fieldName` attribute, with a fallback to the label. See [override fieldname](#override-fieldname) for more information. + +Specific required messages for a select and file-upload are created. + ### String Validators Useful on input elements it allows to define how many characters can be entered. diff --git a/packages/ui/components/form-core/src/choice-group/ChoiceGroupMixin.js b/packages/ui/components/form-core/src/choice-group/ChoiceGroupMixin.js index d9416b93d..bd285cf8a 100644 --- a/packages/ui/components/form-core/src/choice-group/ChoiceGroupMixin.js +++ b/packages/ui/components/form-core/src/choice-group/ChoiceGroupMixin.js @@ -1,6 +1,7 @@ import { dedupeMixin } from '@open-wc/dedupe-mixin'; import { FormRegistrarMixin } from '../registration/FormRegistrarMixin.js'; import { InteractionStateMixin } from '../InteractionStateMixin.js'; +import { ValidateMixin } from '../validate/ValidateMixin.js'; /** * @typedef {import('../../types/choice-group/ChoiceGroupMixinTypes.js').ChoiceGroupMixin} ChoiceGroupMixin @@ -8,6 +9,7 @@ import { InteractionStateMixin } from '../InteractionStateMixin.js'; * @typedef {import('../../types/registration/FormRegistrarMixinTypes.js').ElementWithParentFormGroup} ElementWithParentFormGroup * @typedef {import('../../types/form-group/FormGroupMixinTypes.js').FormControl} FormControl * @typedef {import('../../types/choice-group/ChoiceInputMixinTypes.js').ChoiceInputHost} ChoiceInputHost + * @typedef {import('../validate/Validator.js').Validator} Validator */ /** @@ -22,7 +24,9 @@ import { InteractionStateMixin } from '../InteractionStateMixin.js'; */ const ChoiceGroupMixinImplementation = superclass => // @ts-ignore https://github.com/microsoft/TypeScript/issues/36821#issuecomment-588375051 - class ChoiceGroupMixin extends FormRegistrarMixin(InteractionStateMixin(superclass)) { + class ChoiceGroupMixin extends FormRegistrarMixin( + ValidateMixin(InteractionStateMixin(superclass)), + ) { /** @type {any} */ static get properties() { return { @@ -123,6 +127,11 @@ const ChoiceGroupMixinImplementation = superclass => } } + get operationMode() { + // @ts-ignore + return this._repropagationRole === 'choice-group' ? 'select' : 'enter'; + } + constructor() { super(); diff --git a/packages/ui/components/form-core/src/validate/ValidateMixin.js b/packages/ui/components/form-core/src/validate/ValidateMixin.js index dc119f373..d680c1075 100644 --- a/packages/ui/components/form-core/src/validate/ValidateMixin.js +++ b/packages/ui/components/form-core/src/validate/ValidateMixin.js @@ -20,6 +20,7 @@ import { FormControlMixin } from '../FormControlMixin.js'; * @typedef {import('../../types/validate/ValidateMixinTypes.js').ValidateMixin} ValidateMixin * @typedef {import('../../types/validate/ValidateMixinTypes.js').ValidationType} ValidationType * @typedef {import('../../types/validate/ValidateMixinTypes.js').ValidateHost} ValidateHost + * @typedef {import('../../types/validate/ValidateMixinTypes.js').OperationMode} OperationMode * @typedef {import('../../types/validate/index.js').ValidatorOutcome} ValidatorOutcome * @typedef {typeof import('../../types/validate/ValidateMixinTypes.js').ValidateHost} ValidateHostConstructor * @typedef {{validator:Validator; outcome:boolean|string}} ValidationResultEntry @@ -98,6 +99,15 @@ export const ValidateMixinImplementation = superclass => return ['error']; } + /** + * Types of input interaction of the FormControl (for instance 'enter'|'select'|'upload') + * @overridable + * @type {OperationMode} + */ + get operationMode() { + return 'enter'; + } + /** * Adds "._feedbackNode" as described below * @public diff --git a/packages/ui/components/form-core/src/validate/Validator.js b/packages/ui/components/form-core/src/validate/Validator.js index 20058e133..243058f9b 100644 --- a/packages/ui/components/form-core/src/validate/Validator.js +++ b/packages/ui/components/form-core/src/validate/Validator.js @@ -27,12 +27,15 @@ export class Validator extends EventTarget { this.__param = param; /** @type {ValidatorConfig} */ this.__config = config || {}; - /** @type {ValidationType} */ - this.type = config?.type || 'error'; // Default type supported by ValidateMixin + /** + * Default type supported by ValidateMixin + * @type {ValidationType} + */ + this.type = config?.type || 'error'; } /** - * The name under which validation results get registered. For convience and predictability, this + * The name under which validation results get registered. For convenience and predictability, this * should always be the same as the constructor name (since it will be obfuscated in js builds, * we need to provide it separately). * @type {ValidatorName} diff --git a/packages/ui/components/form-core/types/FormControlMixinTypes.ts b/packages/ui/components/form-core/types/FormControlMixinTypes.ts index 545a99717..3b084e8d1 100644 --- a/packages/ui/components/form-core/types/FormControlMixinTypes.ts +++ b/packages/ui/components/form-core/types/FormControlMixinTypes.ts @@ -115,6 +115,8 @@ export declare class FormControlHost { set fieldName(arg: string); get fieldName(): string; + get operationMode(): string; + /** * Allows to add extra element references to aria-labelledby attribute. */ diff --git a/packages/ui/components/form-core/types/validate/ValidateMixinTypes.ts b/packages/ui/components/form-core/types/validate/ValidateMixinTypes.ts index c7fb36d3d..490f5d410 100644 --- a/packages/ui/components/form-core/types/validate/ValidateMixinTypes.ts +++ b/packages/ui/components/form-core/types/validate/ValidateMixinTypes.ts @@ -17,6 +17,8 @@ export type FeedbackMessage = { export type ValidationType = 'error' | 'warning' | 'info' | 'success' | string; +export type OperationMode = 'enter' | 'select' | 'upload'; + export declare class ValidateHost { /** * Used by Application Developers to add Validators to a FormControl. diff --git a/packages/ui/components/form-core/types/validate/validate.ts b/packages/ui/components/form-core/types/validate/validate.ts index 62241579c..663536dcf 100644 --- a/packages/ui/components/form-core/types/validate/validate.ts +++ b/packages/ui/components/form-core/types/validate/validate.ts @@ -2,7 +2,7 @@ import { FormControlHost } from '../../src/FormControlMixin.js'; import { ValidationType } from './ValidateMixinTypes.js'; /** - * The name under which validation results get registered. For convience and predictability, this + * The name under which validation results get registered. For convenience and predictability, this * should always be the same as the constructor name (since it will be obfuscated in js builds, * we need to provide it separately). * @example @@ -34,7 +34,7 @@ export type ValidatorConfig = { }; /** - * Output of the `execute` function that returns a validity outcome. When we need to shpw feedback, + * Output of the `execute` function that returns a validity outcome. When we need to show feedback, * it should return true, otherwise false. So when an error\info|warning|success message * needs to be shown, return true. * It's also possible to return an enum. Let's say that a phone number can have multiple diff --git a/packages/ui/components/input-file/src/LionInputFile.js b/packages/ui/components/input-file/src/LionInputFile.js index f00fe28f6..b963018f0 100644 --- a/packages/ui/components/input-file/src/LionInputFile.js +++ b/packages/ui/components/input-file/src/LionInputFile.js @@ -215,6 +215,11 @@ export class LionInputFile extends ScopedElementsMixin(LocalizeMixin(LionField)) } } + // eslint-disable-next-line class-methods-use-this + get operationMode() { + return 'upload'; + } + get _acceptCriteria() { /** @type {string[]} */ let allowedFileTypes = []; diff --git a/packages/ui/components/select/src/LionSelect.js b/packages/ui/components/select/src/LionSelect.js index 7c8d0515c..956c97e42 100644 --- a/packages/ui/components/select/src/LionSelect.js +++ b/packages/ui/components/select/src/LionSelect.js @@ -57,6 +57,11 @@ class LionFieldWithSelect extends LionField { * @customElement lion-select */ export class LionSelect extends LionFieldWithSelect { + // eslint-disable-next-line class-methods-use-this + get operationMode() { + return 'select'; + } + connectedCallback() { super.connectedCallback(); this._inputNode.addEventListener('change', this._proxyChangeEvent); diff --git a/packages/ui/components/validate-messages/src/getLocalizedMessage.js b/packages/ui/components/validate-messages/src/getLocalizedMessage.js index e52de2150..52d829bf7 100644 --- a/packages/ui/components/validate-messages/src/getLocalizedMessage.js +++ b/packages/ui/components/validate-messages/src/getLocalizedMessage.js @@ -6,6 +6,11 @@ /** @type {Promise} */ let pendingPromise; +/** + * @param {string} string + */ +const capitalize = string => (string && string[0].toUpperCase() + string.slice(1)) || ''; + /** * @param {{localize: LocalizeManager}} opts */ @@ -105,7 +110,13 @@ export async function loadValidateNamespace({ localize }) { export const getLocalizedMessage = async ({ data, localize }) => { await loadValidateNamespace({ localize }); if (data) { - return localize.msg(`lion-validate:${data.type}.${data.name}`, data); + const operationMode = + data.formControl?.operationMode !== 'enter' && data.name === 'Required' + ? capitalize(data.formControl?.operationMode) + : undefined; + const validatorName = operationMode ? `_${data.name}${operationMode}` : data.name; + + return localize.msg(`lion-validate:${data.type}.${validatorName}`, data); } return ''; }; diff --git a/packages/ui/components/validate-messages/test/loadDefaultFeedbackMessagesNoSideEffects.js b/packages/ui/components/validate-messages/test/loadDefaultFeedbackMessagesNoSideEffects.js deleted file mode 100644 index 9d3462721..000000000 --- a/packages/ui/components/validate-messages/test/loadDefaultFeedbackMessagesNoSideEffects.js +++ /dev/null @@ -1,51 +0,0 @@ -/* eslint-disable no-unused-vars, no-param-reassign */ -import { expect } from '@open-wc/testing'; -import { getLocalizeManager } from '@lion/ui/localize-no-side-effects.js'; -import { Required } from '@lion/ui/form-core.js'; -import { loadDefaultFeedbackMessagesNoSideEffects } from '@lion/ui/validate-messages-no-side-effects.js'; - -/** - * @typedef {import('../../form-core/src/validate/Validator.js').Validator} Validator - */ - -/** - * @param {Validator} validatorEl - */ -function getProtectedMembers(validatorEl) { - // @ts-ignore protected members allowed in test - return { - // @ts-ignore - getMessage: (...args) => validatorEl._getMessage(...args), - }; -} - -describe('loadDefaultFeedbackMessagesNoSideEffects', () => { - const localizeManager = getLocalizeManager(); - - it('will set default feedback message for Required', async () => { - const el = new Required(); - const { getMessage } = getProtectedMembers(el); - expect(await getMessage()).to.equals( - 'Please configure an error message for "Required" by overriding "static async getMessage()"', - ); - - loadDefaultFeedbackMessagesNoSideEffects({ localize: localizeManager }); - expect(await getMessage({ fieldName: 'password' })).to.equal('Please enter a(n) password.'); - }); - - it('will await loading of translations when switching locale', async () => { - const el = new Required(); - const { getMessage } = getProtectedMembers(el); - loadDefaultFeedbackMessagesNoSideEffects({ localize: localizeManager }); - expect(await getMessage({ fieldName: 'password' })).to.equal('Please enter a(n) password.'); - expect(await getMessage({ fieldName: 'user name' })).to.equal('Please enter a(n) user name.'); - - localizeManager.locale = 'de-DE'; - expect(await getMessage({ fieldName: 'Password' })).to.equal( - 'Password muss ausgefüllt werden.', - ); - expect(await getMessage({ fieldName: 'Benutzername' })).to.equal( - 'Benutzername muss ausgefüllt werden.', - ); - }); -}); diff --git a/packages/ui/components/validate-messages/test/loadDefaultFeedbackMessagesNoSideEffects.test.js b/packages/ui/components/validate-messages/test/loadDefaultFeedbackMessagesNoSideEffects.test.js new file mode 100644 index 000000000..4e35bf677 --- /dev/null +++ b/packages/ui/components/validate-messages/test/loadDefaultFeedbackMessagesNoSideEffects.test.js @@ -0,0 +1,104 @@ +/* eslint-disable no-unused-vars, no-param-reassign */ +import { expect } from '@open-wc/testing'; +import { getLocalizeManager } from '@lion/ui/localize-no-side-effects.js'; +import { MinDate, MinLength, Required } from '@lion/ui/form-core.js'; +import { loadDefaultFeedbackMessagesNoSideEffects } from '@lion/ui/validate-messages-no-side-effects.js'; + +/** + * @typedef {import('../../form-core/src/validate/Validator.js').Validator} Validator + */ + +/** + * @param {Validator} validatorEl + */ +function getProtectedMembers(validatorEl) { + // @ts-ignore protected members allowed in test + return { + // @ts-ignore + getMessage: (...args) => validatorEl._getMessage(...args), + }; +} + +/** + * @typedef {import('@lion/ui/types/form-core.js').FormControlHost} FormControlHost + * @typedef {ArrayConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | StringConstructor | DateConstructor | 'iban' | 'email'} modelValueType + */ + +describe('loadDefaultFeedbackMessagesNoSideEffects', () => { + const localizeManager = getLocalizeManager(); + + it('will set default feedback message for Required', async () => { + const el = new Required(); + const { getMessage } = getProtectedMembers(el); + expect(await getMessage()).to.equals( + 'Please configure an error message for "Required" by overriding "static async getMessage()"', + ); + + loadDefaultFeedbackMessagesNoSideEffects({ localize: localizeManager }); + expect(await getMessage({ fieldName: 'password' })).to.equal('Please enter a(n) password.'); + }); + + it('passes data to the feedback message', async () => { + const el = new MinLength(10); + const { getMessage } = getProtectedMembers(el); + + loadDefaultFeedbackMessagesNoSideEffects({ localize: localizeManager }); + expect(await getMessage({ fieldName: 'password' })).to.equal( + 'Please enter a correct password (at least 10 characters).', + ); + + const el2 = new MinDate(new Date('2024-01-29')); + // @ts-ignore protected members allowed in test + expect(await el2._getMessage({ fieldName: 'date' })).to.equal( + 'Please enter a(n) date after or equal to 29/01/2024.', + ); + }); + + it('will set select specific feedback message for Required when operationMode is set', async () => { + const el = new Required(); + loadDefaultFeedbackMessagesNoSideEffects({ localize: localizeManager }); + const { getMessage } = getProtectedMembers(el); + const formControl = { operationMode: 'select' }; + expect(await getMessage({ fieldName: 'password', formControl })).to.equal( + 'Please select a(n) password.', + ); + }); + + it('will set upload specific feedback message for Required when operationMode is set', async () => { + const el = new Required(); + const { getMessage } = getProtectedMembers(el); + + loadDefaultFeedbackMessagesNoSideEffects({ localize: localizeManager }); + const formControl = { operationMode: 'upload' }; + expect(await getMessage({ fieldName: 'password', formControl })).to.equal( + 'Please upload a(n) password.', + ); + }); + + it('will set ignore the operationMode for any other validator then Required, e.g. MinLength', async () => { + const el = new MinLength(10); + const { getMessage } = getProtectedMembers(el); + + loadDefaultFeedbackMessagesNoSideEffects({ localize: localizeManager }); + const formControl = { operationMode: 'select' }; + expect(await getMessage({ fieldName: 'password', formControl })).to.equal( + 'Please enter a correct password (at least 10 characters).', + ); + }); + + it('will await loading of translations when switching locale', async () => { + const el = new Required(); + const { getMessage } = getProtectedMembers(el); + loadDefaultFeedbackMessagesNoSideEffects({ localize: localizeManager }); + expect(await getMessage({ fieldName: 'password' })).to.equal('Please enter a(n) password.'); + expect(await getMessage({ fieldName: 'user name' })).to.equal('Please enter a(n) user name.'); + + localizeManager.locale = 'de-DE'; + expect(await getMessage({ fieldName: 'Password' })).to.equal( + 'Password muss ausgefüllt werden.', + ); + expect(await getMessage({ fieldName: 'Benutzername' })).to.equal( + 'Benutzername muss ausgefüllt werden.', + ); + }); +}); diff --git a/packages/ui/components/validate-messages/translations/bg.js b/packages/ui/components/validate-messages/translations/bg.js index a55677685..a33452711 100644 --- a/packages/ui/components/validate-messages/translations/bg.js +++ b/packages/ui/components/validate-messages/translations/bg.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Моля, въведете също {fieldName}.', + _RequiredUpload: 'Моля, качете {fieldName}.', + _RequiredSelect: 'Wählen Sie auch einen Wert für {fieldName} aus.', EqualsLength: 'Моля, въведете правилно {fieldName} от точно {params} знака.', MinLength: 'Моля, въведете правилен {fieldName} (поне {params}).', MaxLength: 'Моля, въведете правилен {fieldName} (до {params} знака).', @@ -22,6 +24,8 @@ export default { }, warning: { Required: 'Моля, въведете също {fieldName}.', + _RequiredUpload: 'Моля, качете {fieldName}.', + _RequiredSelect: 'Wählen Sie auch einen Wert für {fieldName} aus.', EqualsLength: 'Моля, въведете правилно {fieldName} от точно {params} знака.', MinLength: 'Моля, въведете правилен {fieldName} (поне {params}).', MaxLength: 'Моля, въведете правилен {fieldName} (до {params} знака).', diff --git a/packages/ui/components/validate-messages/translations/cs.js b/packages/ui/components/validate-messages/translations/cs.js index 1ee9a9e37..5de7da191 100644 --- a/packages/ui/components/validate-messages/translations/cs.js +++ b/packages/ui/components/validate-messages/translations/cs.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Zadejte rovněž {fieldName}.', + _RequiredUpload: 'Nahrajte {fieldname}.', + _RequiredSelect: 'Vyberte rovněž {fieldname}.', EqualsLength: 'Zadejte správné {fieldName}, přesně {params} znaků.', MinLength: 'Zadejte správné {fieldName} (alespoň {params}).', MaxLength: 'Zadejte správné {fieldName} (až {params} znaků).', @@ -21,6 +23,8 @@ export default { }, warning: { Required: 'Zadejte rovněž {fieldName}.', + _RequiredUpload: 'Nahrajte {fieldname}.', + _RequiredSelect: 'Vyberte rovněž {fieldname}.', EqualsLength: 'Zadejte správné {fieldName}, přesně {params} znaků.', MinLength: 'Zadejte správné {fieldName} (alespoň {params}).', MaxLength: 'Zadejte správné {fieldName} (až {params} znaků).', diff --git a/packages/ui/components/validate-messages/translations/de.js b/packages/ui/components/validate-messages/translations/de.js index 3fb145b80..45ea1b8a5 100644 --- a/packages/ui/components/validate-messages/translations/de.js +++ b/packages/ui/components/validate-messages/translations/de.js @@ -1,6 +1,8 @@ export default { error: { Required: '{fieldName} muss ausgefüllt werden.', + _RequiredUpload: 'Bitte laden Sie ein/e/n {fieldName} hoch.', + _RequiredSelect: 'Wählen Sie auch einen Wert für {fieldName} aus.', EqualsLength: 'Geben Sie einen korrekten Wert für {fieldName} mit exakt {params} Zeichen ein.', MinLength: 'Du musst mindestens {params} Zeichen eingeben.', MaxLength: 'Du kannst maximal {params} Zeichen eingeben.', @@ -23,6 +25,8 @@ export default { }, warning: { Required: '{fieldName} sollte ausgefüllt werden.', + _RequiredUpload: 'Bitte laden Sie ein/e/n {fieldName} hoch.', + _RequiredSelect: 'Wählen Sie auch einen Wert für {fieldName} aus.', EqualsLength: 'Geben Sie einen korrekten Wert für {fieldName} mit exakt {params} Zeichen ein.', MinLength: 'Du solltest mindestens {params} Zeichen eingeben.', MaxLength: 'Du kannst maximal {params} Zeichen eingeben.', diff --git a/packages/ui/components/validate-messages/translations/en.js b/packages/ui/components/validate-messages/translations/en.js index ac6c6b224..bb58aaad9 100644 --- a/packages/ui/components/validate-messages/translations/en.js +++ b/packages/ui/components/validate-messages/translations/en.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Please enter a(n) {fieldName}.', + _RequiredUpload: 'Please upload a(n) {fieldName}.', + _RequiredSelect: 'Please select a(n) {fieldName}.', EqualsLength: 'Please enter a correct {fieldName} of exactly {params} characters.', MinLength: 'Please enter a correct {fieldName} (at least {params} characters).', MaxLength: 'Please enter a correct {fieldName} (up to {params} characters).', @@ -22,8 +24,10 @@ export default { }, warning: { Required: 'Please enter a(n) {fieldName}.', + _RequiredUpload: 'Please upload a(n) {fieldName}.', + _RequiredSelect: 'Please select a(n) {fieldName}.', EqualsLength: 'Please enter a correct {fieldName} of exactly {params} characters.', - MinLength: 'Please enter a correct {fieldName} (at least {params}).', + MinLength: 'Please enter a correct {fieldName} (at least {params} characters).', MaxLength: 'Please enter a correct {fieldName} (up to {params} characters).', MinMaxLength: 'Please enter a correct {fieldName} (between {params.min} and {params.max} characters).', diff --git a/packages/ui/components/validate-messages/translations/es.js b/packages/ui/components/validate-messages/translations/es.js index 75eaa4a48..159c31f07 100644 --- a/packages/ui/components/validate-messages/translations/es.js +++ b/packages/ui/components/validate-messages/translations/es.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Introduzca también un/a {fieldName}.', + _RequiredUpload: 'Cargue un {fieldName}.', + _RequiredSelect: 'Seleccione también un/a {fieldname}.', EqualsLength: 'Introduzca un/a {fieldName} correcto/a de exactamente {params} caracteres.', MinLength: 'Introduzca un/a {fieldName} correcto/a (de al menos {params} caracteres).', MaxLength: 'Introduzca un/a {fieldName} correcto/a (hasta {params} caracteres).', @@ -23,6 +25,8 @@ export default { }, warning: { Required: 'Introduzca también un/a {fieldName}.', + _RequiredUpload: 'Cargue un {fieldName}.', + _RequiredSelect: 'Seleccione también un/a {fieldname}.', EqualsLength: 'Introduzca un/a {fieldName} correcto/a de exactamente {params} caracteres.', MinLength: 'Introduzca un/a {fieldName} correcto/a (de al menos {params} caracteres).', MaxLength: 'Introduzca un/a {fieldName} correcto/a (hasta {params} caracteres).', diff --git a/packages/ui/components/validate-messages/translations/fr.js b/packages/ui/components/validate-messages/translations/fr.js index 451c475f5..79e30a49f 100644 --- a/packages/ui/components/validate-messages/translations/fr.js +++ b/packages/ui/components/validate-messages/translations/fr.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Veuillez également indiquer un(e) {fieldName}.', + _RequiredUpload: 'Veuillez télécharger un(e) {fieldName}.', + _RequiredSelect: 'Veuillez également sélectionner un(e) {fieldName}.', EqualsLength: 'Veuillez saisir un(e) {fieldName} correct(e) comptant précisément {params} caractères.', MinLength: 'Veuillez indiquer un(e) {fieldName} correct(e) (au moins {params}).', @@ -24,6 +26,8 @@ export default { }, warning: { Required: 'Veuillez également indiquer un(e) {fieldName}.', + _RequiredUpload: 'Veuillez télécharger un(e) {fieldName}.', + _RequiredSelect: 'Veuillez également sélectionner un(e) {fieldName}.', EqualsLength: 'Veuillez saisir un(e) {fieldName} correct(e) comptant précisément {params} caractères.', MinLength: 'Veuillez indiquer un(e) {fieldName} correct(e) (au moins {params}).', diff --git a/packages/ui/components/validate-messages/translations/hu.js b/packages/ui/components/validate-messages/translations/hu.js index 9ddbe0189..d0cefb04e 100644 --- a/packages/ui/components/validate-messages/translations/hu.js +++ b/packages/ui/components/validate-messages/translations/hu.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Továbbá adjon meg egy {fieldName} értéket.', + _RequiredUpload: 'Töltsön fel egy {fieldName} elemet.', + _RequiredSelect: 'Továbbá válasszon ki egy {fieldname} értéket.', EqualsLength: 'Adjon meg egy helyes {fieldName} értéket (pontosan {params} karakter).', MinLength: 'Adjon meg egy helyes {fieldName} értéket (legalább {params}).', MaxLength: 'Adjon meg egy helyes {fieldName} értéket (legfeljebb {params} karakter).', @@ -23,6 +25,8 @@ export default { }, warning: { Required: 'Továbbá adjon meg egy {fieldName} értéket.', + _RequiredUpload: 'Töltsön fel egy {fieldName} elemet.', + _RequiredSelect: 'Továbbá válasszon ki egy {fieldname} értéket.', EqualsLength: 'Adjon meg egy helyes {fieldName} értéket (pontosan {params} karakter).', MinLength: 'Adjon meg egy helyes {fieldName} értéket (legalább {params}).', MaxLength: 'Adjon meg egy helyes {fieldName} értéket (legfeljebb {params} karakter).', diff --git a/packages/ui/components/validate-messages/translations/it.js b/packages/ui/components/validate-messages/translations/it.js index c57f71afd..5e8e871a6 100644 --- a/packages/ui/components/validate-messages/translations/it.js +++ b/packages/ui/components/validate-messages/translations/it.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Inserire anche un(a) {fieldName}.', + _RequiredUpload: 'Caricare un {fieldName}.', + _RequiredSelect: 'Selezionare anche un(a) {fieldname}.', EqualsLength: 'Inserire un(a) {fieldName} corretto(a) di esattamente {params} caratteri.', MinLength: 'Inserire un(a) {fieldName} corretto(a) (almeno {params}).', MaxLength: 'Inserire un(a) {fieldName} corretto(a) (fino a {params} caratteri).', @@ -23,6 +25,8 @@ export default { }, warning: { Required: 'Inserire anche un(a) {fieldName}.', + _RequiredUpload: 'Caricare un {fieldName}.', + _RequiredSelect: 'Selezionare anche un(a) {fieldname}.', EqualsLength: 'Inserire un(a) {fieldName} corretto(a) di esattamente {params} caratteri.', MinLength: 'Inserire un(a) {fieldName} corretto(a) (almeno {params}).', MaxLength: 'Inserire un(a) {fieldName} corretto(a) (fino a {params} caratteri).', diff --git a/packages/ui/components/validate-messages/translations/nl.js b/packages/ui/components/validate-messages/translations/nl.js index 4cc1ba3ba..2f47f1052 100644 --- a/packages/ui/components/validate-messages/translations/nl.js +++ b/packages/ui/components/validate-messages/translations/nl.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Vul een {fieldName} in.', + _RequiredUpload: 'Upload een {fieldName}.', + _RequiredSelect: 'Selecteer een {fieldname}.', EqualsLength: 'Vul een {fieldName} in gelijk aan {params} karakters.', MinLength: 'Vul een {fieldName} in van minimaal {params} karakters.', MaxLength: 'Vul een {fieldName} in van maximaal {params} karakters.', @@ -22,6 +24,8 @@ export default { }, warning: { Required: 'Vul een {fieldName} in.', + _RequiredUpload: 'Upload een {fieldName}.', + _RequiredSelect: 'Selecteer een {fieldname}.', EqualsLength: 'Vul een {fieldName} in gelijk aan {params} karakters.', MinLength: 'Vul een {fieldName} in van minimaal {params} karakters.', MaxLength: 'Vul een {fieldName} in van maximaal {params} karakters.', diff --git a/packages/ui/components/validate-messages/translations/pl.js b/packages/ui/components/validate-messages/translations/pl.js index 8217d2271..b185cdae3 100644 --- a/packages/ui/components/validate-messages/translations/pl.js +++ b/packages/ui/components/validate-messages/translations/pl.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Proszę również podać wartość {fieldName}.', + _RequiredUpload: 'Prześlij plik {fieldName}.', + _RequiredSelect: 'Wprowadź prawidłową wartość w polu {fieldname}.', EqualsLength: 'Wprowadź prawidłową wartość w polu {fieldName} (maks. liczba znaków: {params}).', MinLength: 'Proszę podać prawidłową wartość {fieldName} (co najmniej {params} znaków).', MaxLength: 'Proszę podać prawidłową wartość {fieldName} (maks. {params} znaków).', @@ -22,6 +24,8 @@ export default { }, warning: { Required: 'Proszę również podać wartość {fieldName}.', + _RequiredUpload: 'Prześlij plik {fieldName}.', + _RequiredSelect: 'Wprowadź prawidłową wartość w polu {fieldname}.', EqualsLength: 'Wprowadź prawidłową wartość w polu {fieldName} (maks. liczba znaków: {params}).', MinLength: 'Proszę podać prawidłową wartość {fieldName} (co najmniej {params} znaków).', MaxLength: 'Proszę podać prawidłową wartość {fieldName} (maks. {params} znaków).', diff --git a/packages/ui/components/validate-messages/translations/ro.js b/packages/ui/components/validate-messages/translations/ro.js index 01787944f..0413370f4 100644 --- a/packages/ui/components/validate-messages/translations/ro.js +++ b/packages/ui/components/validate-messages/translations/ro.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Introduceți un/o {fieldName}.', + _RequiredUpload: 'Încărcaţi un {fieldName}.', + _RequiredSelect: 'Selectați un/o {fieldName}.', EqualsLength: 'Introduceți un/o {fieldName} corect(ă) de exact {params} (de) caractere.', MinLength: 'Introduceți un/o {fieldName} corect(ă) (cel puțin {params}).', MaxLength: 'Introduceți un/o {fieldName} corect(ă) (până la {params} (de) caractere).', @@ -23,6 +25,8 @@ export default { }, warning: { Required: 'Introduceți un/o {fieldName}.', + _RequiredUpload: 'Încărcaţi un {fieldName}.', + _RequiredSelect: 'Selectați un/o {fieldName}.', EqualsLength: 'Introduceți un/o {fieldName} corect(ă) de exact {params} (de) caractere.', MinLength: 'Introduceți un/o {fieldName} corect(ă) (cel puțin {params}).', MaxLength: 'Introduceți un/o {fieldName} corect(ă) (până la {params} (de) caractere).', diff --git a/packages/ui/components/validate-messages/translations/ru.js b/packages/ui/components/validate-messages/translations/ru.js index e956760c3..cf9b17333 100644 --- a/packages/ui/components/validate-messages/translations/ru.js +++ b/packages/ui/components/validate-messages/translations/ru.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Введите значение поля {fieldName}.', + _RequiredUpload: 'Загрузите {fieldName}.', + _RequiredSelect: 'Также выберите значение поля {fieldname}.', EqualsLength: 'Введите корректное значение поля {fieldName} — ровно {params} симв.', MinLength: 'Введите корректное значение поля {fieldName} (не менее {params}).', MaxLength: 'Введите корректное значение поля {fieldName} (до {params} симв.).', @@ -23,6 +25,8 @@ export default { }, warning: { Required: 'Введите значение поля {fieldName}.', + _RequiredUpload: 'Загрузите {fieldName}.', + _RequiredSelect: 'Также выберите значение поля {fieldname}.', EqualsLength: 'Введите корректное значение поля {fieldName} — ровно {paramsn} симв.', MinLength: 'Введите корректное значение поля {fieldName} (не менее {params}).', MaxLength: 'Введите корректное значение поля {fieldName} (до {params} симв.).', diff --git a/packages/ui/components/validate-messages/translations/sk.js b/packages/ui/components/validate-messages/translations/sk.js index 2fd63ce7d..f64c450d6 100644 --- a/packages/ui/components/validate-messages/translations/sk.js +++ b/packages/ui/components/validate-messages/translations/sk.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Uveďte aj {fieldName}.', + _RequiredUpload: 'Nahrajte pole {fieldName}.', + _RequiredSelect: 'Vyberte aj hodnotu v poli {fieldname}.', EqualsLength: 'Do poľa {fieldName} zadajte platnú hodnotu v dĺžke presne {params} znaky/-ov.', MinLength: 'Uveďte správne {fieldName} (najmenej {params}).', MaxLength: 'Uveďte správne {fieldName} (maximálne {params} znakov).', @@ -21,6 +23,8 @@ export default { }, warning: { Required: 'Uveďte aj {fieldName}.', + _RequiredUpload: 'Nahrajte pole {fieldName}.', + _RequiredSelect: 'Vyberte aj hodnotu v poli {fieldname}.', EqualsLength: 'Do poľa {fieldName} zadajte platnú hodnotu v dĺžke presne {params} znaky/-ov.', MinLength: 'Uveďte správne {fieldName} (najmenej {params}).', MaxLength: 'Uveďte správne {fieldName} (maximálne {params} znakov).', diff --git a/packages/ui/components/validate-messages/translations/uk.js b/packages/ui/components/validate-messages/translations/uk.js index f1f0e2379..b34d7ac20 100644 --- a/packages/ui/components/validate-messages/translations/uk.js +++ b/packages/ui/components/validate-messages/translations/uk.js @@ -1,6 +1,8 @@ export default { error: { Required: 'Уведіть також значення {fieldName}.', + _RequiredUpload: 'Завантажте {fieldName}.', + _RequiredSelect: 'Виберіть також {fieldname}.', EqualsLength: 'Введіть правильне значення {fieldName}, кількість символів має бути точно {params}.', MinLength: 'Уведіть правильне значення {fieldName} (щонайменше {params}).', @@ -24,6 +26,8 @@ export default { }, warning: { Required: 'Уведіть також значення {fieldName}.', + _RequiredUpload: 'Завантажте {fieldName}.', + _RequiredSelect: 'Виберіть також {fieldname}.', EqualsLength: 'Введіть правильне значення {fieldName}, кількість символів має бути точно {params}.', MinLength: 'Уведіть правильне значення {fieldName} (щонайменше {params}).', diff --git a/packages/ui/components/validate-messages/translations/zh.js b/packages/ui/components/validate-messages/translations/zh.js index 0850e0e9e..e7955cd33 100644 --- a/packages/ui/components/validate-messages/translations/zh.js +++ b/packages/ui/components/validate-messages/translations/zh.js @@ -1,6 +1,8 @@ export default { error: { Required: '請輸入{fieldName}。', + _RequiredUpload: '请上传 {fieldName}。', + _RequiredSelect: '请选择一个 {fieldName}。', EqualsLength: '請輸入正確的{fieldName}長度為{params}個字符。', MinLength: '請輸入正確的{fieldName}（長度至少{params}個字符）​​。', MaxLength: '請輸入正確的{fieldName}（長度最多{params}個字符）​​。', @@ -21,6 +23,8 @@ export default { }, warning: { Required: '請輸入{fieldName}。', + _RequiredUpload: '请上传 {fieldName}。', + _RequiredSelect: '请选择一个 {fieldName}。', EqualsLength: '請輸入正確的{fieldName}長度為{params}個字符。', MinLength: '請輸入正確的{fieldName}（長度至少{params}個字符）​​。', MaxLength: '請輸入正確的{fieldName}（長度最多{params}個字符）​​。',