feat: view error for each field, validate form config (#82)

* feat: view error for each field * fix: message * fix: reset form state * feat: validate form config * fix: type of button clear * fix: yarn * fix: button type
collective · Mar 13, 2024 · 23e710c · 23e710c
1 parent fb5485b
commit 23e710c
Show file tree

Hide file tree

Showing 25 changed files with 16,259 additions and 11,670 deletions.
diff --git a/.gitignore b/.gitignore
@@ -16,3 +16,12 @@ dist
 .env.test.local
 .env.production.local
 *~
+
+# Yarn 3
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -0,0 +1,5 @@
+defaultSemverRangePrefix: ""
+
+nodeLinker: node-modules
+
+yarnPath: .yarn/releases/yarn-3.2.3.cjs
diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
@@ -293,6 +293,11 @@ msgstr "Senden"
 msgid "form_edit_exportCsv"
 msgstr "Daten exportieren"
 
+#: components/ValidateConfigForm
+# defaultMessage: Please, fill-in required configuration fields in sidebar. The form will be not displayed in view mode until required fields are filled-in.
+msgid "form_edit_fill_required_configuration_fields"
+msgstr ""
+
 #: components/Edit
 # defaultMessage: Attenzione!
 msgid "form_edit_warning"
@@ -304,9 +309,9 @@ msgid "form_edit_warning_from"
 msgstr "Geben Sie ein Feld vom Typ 'Absender-E-Mail' ein. Wenn es nicht vorhanden ist oder vom Benutzer nicht ausgefüllt wurde, wird die Absenderadresse aus der Seitenleiste übernommen."
 
 #: components/FormView
-# defaultMessage: Fill in the required fields
-msgid "form_empty_values_validation"
-msgstr "Füllen Sie bitte die erforderlichen Felder aus"
+# defaultMessage: There are some errors in the form.
+msgid "form_errors_validation"
+msgstr ""
 
 #: fieldSchema
 # defaultMessage: Description
@@ -404,6 +409,11 @@ msgstr "Textfeld"
 msgid "form_formDataCount"
 msgstr "{formDataCount} Element(e) gespeichert"
 
+#: formSchema
+# defaultMessage: Manage data
+msgid "form_manage_data"
+msgstr ""
+
 #: formSchema
 # defaultMessage: Data wipe
 msgid "form_remove_data_after_days"
@@ -484,6 +494,21 @@ msgstr "Als Antwortadresse nutzen"
 msgid "form_useAsReplyTo_description"
 msgstr "Setzt diese Adresse als Antwortadresse in versendeten Mails"
 
+#: components/View
+# defaultMessage: Invalid field value
+msgid "formblock_defaultInvalidFieldMessage"
+msgstr ""
+
+#: components/View
+# defaultMessage: The email is incorrect
+msgid "formblock_invalidEmailMessage"
+msgstr ""
+
+#: components/View
+# defaultMessage: Fill-in this field
+msgid "formblock_requiredFieldMessage"
+msgstr ""
+
 #: components/Sidebar
 # defaultMessage: remove expired data
 msgid "remove_data_button"

diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
@@ -293,6 +293,11 @@ msgstr "Submit"
 msgid "form_edit_exportCsv"
 msgstr "Export in CSV"
 
+#: components/ValidateConfigForm
+# defaultMessage: Please, fill-in required configuration fields in sidebar. The form will be not displayed in view mode until required fields are filled-in.
+msgid "form_edit_fill_required_configuration_fields"
+msgstr ""
+
 #: components/Edit
 # defaultMessage: Attenzione!
 msgid "form_edit_warning"
@@ -304,9 +309,9 @@ msgid "form_edit_warning_from"
 msgstr "Enter a field of type 'Sender E-mail'. If it is not present, or it is present but not filled in by the user, the sender address of the e-mail will be the one configured in the right sidebar."
 
 #: components/FormView
-# defaultMessage: Fill in the required fields
-msgid "form_empty_values_validation"
-msgstr "Fill in the required fields"
+# defaultMessage: There are some errors in the form.
+msgid "form_errors_validation"
+msgstr ""
 
 #: fieldSchema
 # defaultMessage: Description
@@ -404,6 +409,11 @@ msgstr "Textarea"
 msgid "form_formDataCount"
 msgstr "{formDataCount} item(s) stored"
 
+#: formSchema
+# defaultMessage: Manage data
+msgid "form_manage_data"
+msgstr ""
+
 #: formSchema
 # defaultMessage: Data wipe
 msgid "form_remove_data_after_days"
@@ -484,6 +494,21 @@ msgstr "Use as 'reply to'"
 msgid "form_useAsReplyTo_description"
 msgstr "If selected, this will be the address the receiver can use to reply."
 
+#: components/View
+# defaultMessage: Invalid field value
+msgid "formblock_defaultInvalidFieldMessage"
+msgstr ""
+
+#: components/View
+# defaultMessage: The email is incorrect
+msgid "formblock_invalidEmailMessage"
+msgstr ""
+
+#: components/View
+# defaultMessage: Fill-in this field
+msgid "formblock_requiredFieldMessage"
+msgstr ""
+
 #: components/Sidebar
 # defaultMessage: remove expired data
 msgid "remove_data_button"

diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
@@ -302,6 +302,11 @@ msgstr "Enviar"
 msgid "form_edit_exportCsv"
 msgstr "Exportar datos"
 
+#: components/ValidateConfigForm
+# defaultMessage: Please, fill-in required configuration fields in sidebar. The form will be not displayed in view mode until required fields are filled-in.
+msgid "form_edit_fill_required_configuration_fields"
+msgstr ""
+
 #: components/Edit
 # defaultMessage: Attenzione!
 msgid "form_edit_warning"
@@ -313,9 +318,9 @@ msgid "form_edit_warning_from"
 msgstr "Introduzca un campo de tipo 'Correo electrónico del remitente'. Si no está presente o si está presente pero el usuario no lo rellena, el remitente del mensaje será el configurado por defecto en el formulario."
 
 #: components/FormView
-# defaultMessage: Fill in the required fields
-msgid "form_empty_values_validation"
-msgstr "Rellene todos los campos requeridos"
+# defaultMessage: There are some errors in the form.
+msgid "form_errors_validation"
+msgstr ""
 
 #: fieldSchema
 # defaultMessage: Description
@@ -413,6 +418,11 @@ msgstr "Campo de texto"
 msgid "form_formDataCount"
 msgstr "{formDataCount} elemento(s) guardados"
 
+#: formSchema
+# defaultMessage: Manage data
+msgid "form_manage_data"
+msgstr ""
+
 #: formSchema
 # defaultMessage: Data wipe
 msgid "form_remove_data_after_days"
@@ -493,6 +503,21 @@ msgstr "Utilizar como 'Responder a'"
 msgid "form_useAsReplyTo_description"
 msgstr "Si está seleccionado el valor de este campo se utilizará como cabecera 'Responder A' en el correo electrónico enviado al receptor"
 
+#: components/View
+# defaultMessage: Invalid field value
+msgid "formblock_defaultInvalidFieldMessage"
+msgstr ""
+
+#: components/View
+# defaultMessage: The email is incorrect
+msgid "formblock_invalidEmailMessage"
+msgstr ""
+
+#: components/View
+# defaultMessage: Fill-in this field
+msgid "formblock_requiredFieldMessage"
+msgstr ""
+
 #: components/Sidebar
 # defaultMessage: remove expired data
 msgid "remove_data_button"

diff --git a/locales/eu/LC_MESSAGES/volto.po b/locales/eu/LC_MESSAGES/volto.po
@@ -295,6 +295,11 @@ msgstr "Bidali"
 msgid "form_edit_exportCsv"
 msgstr "Esportatu datuak"
 
+#: components/ValidateConfigForm
+# defaultMessage: Please, fill-in required configuration fields in sidebar. The form will be not displayed in view mode until required fields are filled-in.
+msgid "form_edit_fill_required_configuration_fields"
+msgstr ""
+
 #: components/Edit
 # defaultMessage: Attenzione!
 msgid "form_edit_warning"
@@ -306,9 +311,9 @@ msgid "form_edit_warning_from"
 msgstr "'Bidaltzailearen posta elektronikoa' motako eremu bat gehitu. Ez baduzu hori egiten edo gehitzen baduzu baina erabiltzaileak ez badu betetzen, mezuaren bidaltzailea formularioaren konfigurazioan ezarritakoa izango da."
 
 #: components/FormView
-# defaultMessage: Fill in the required fields
-msgid "form_empty_values_validation"
-msgstr "Bete derrigorrezko eremuak"
+# defaultMessage: There are some errors in the form.
+msgid "form_errors_validation"
+msgstr ""
 
 #: fieldSchema
 # defaultMessage: Description
@@ -406,6 +411,11 @@ msgstr "Testua"
 msgid "form_formDataCount"
 msgstr "Gordetako elementu kopurua: {formDataCount}"
 
+#: formSchema
+# defaultMessage: Manage data
+msgid "form_manage_data"
+msgstr ""
+
 #: formSchema
 # defaultMessage: Data wipe
 msgid "form_remove_data_after_days"
@@ -486,6 +496,21 @@ msgstr "Nori erantzun gisa erabili"
 msgid "form_useAsReplyTo_description"
 msgstr "Aukeratuz gero jasotako posta elektronikoari 'Erantzun' eginez gero eremu honetan adierazitako helbidera joango da erantzuna"
 
+#: components/View
+# defaultMessage: Invalid field value
+msgid "formblock_defaultInvalidFieldMessage"
+msgstr ""
+
+#: components/View
+# defaultMessage: The email is incorrect
+msgid "formblock_invalidEmailMessage"
+msgstr ""
+
+#: components/View
+# defaultMessage: Fill-in this field
+msgid "formblock_requiredFieldMessage"
+msgstr ""
+
 #: components/Sidebar
 # defaultMessage: remove expired data
 msgid "remove_data_button"

diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
@@ -293,6 +293,11 @@ msgstr "Nous faire parvenir"
 msgid "form_edit_exportCsv"
 msgstr "Exporter au format CSV"
 
+#: components/ValidateConfigForm
+# defaultMessage: Please, fill-in required configuration fields in sidebar. The form will be not displayed in view mode until required fields are filled-in.
+msgid "form_edit_fill_required_configuration_fields"
+msgstr ""
+
 #: components/Edit
 # defaultMessage: Attenzione!
 msgid "form_edit_warning"
@@ -304,9 +309,9 @@ msgid "form_edit_warning_from"
 msgstr "Entrez un champ de type "E-mail de l'expéditeur". S'il n'est pas présent, ou s'il est présent mais non renseigné par l'utilisateur, l'adresse d'expéditeur de l'e-mail sera celle configurée dans la barre latérale droite."
 
 #: components/FormView
-# defaultMessage: Fill in the required fields
-msgid "form_empty_values_validation"
-msgstr "Remplissez les champs obligatoires"
+# defaultMessage: There are some errors in the form.
+msgid "form_errors_validation"
+msgstr ""
 
 #: fieldSchema
 # defaultMessage: Description
@@ -404,6 +409,11 @@ msgstr "Zone de texte"
 msgid "form_formDataCount"
 msgstr "{formDataCount} article(s) stocké(s)"
 
+#: formSchema
+# defaultMessage: Manage data
+msgid "form_manage_data"
+msgstr ""
+
 #: formSchema
 # defaultMessage: Data wipe
 msgid "form_remove_data_after_days"
@@ -484,6 +494,21 @@ msgstr ""
 msgid "form_useAsReplyTo_description"
 msgstr ""
 
+#: components/View
+# defaultMessage: Invalid field value
+msgid "formblock_defaultInvalidFieldMessage"
+msgstr ""
+
+#: components/View
+# defaultMessage: The email is incorrect
+msgid "formblock_invalidEmailMessage"
+msgstr ""
+
+#: components/View
+# defaultMessage: Fill-in this field
+msgid "formblock_requiredFieldMessage"
+msgstr ""
+
 #: components/Sidebar
 # defaultMessage: remove expired data
 msgid "remove_data_button"

diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
@@ -293,6 +293,11 @@ msgstr "Invia"
 msgid "form_edit_exportCsv"
 msgstr "Esporta in CSV"
 
+#: components/ValidateConfigForm
+# defaultMessage: Please, fill-in required configuration fields in sidebar. The form will be not displayed in view mode until required fields are filled-in.
+msgid "form_edit_fill_required_configuration_fields"
+msgstr "Inserire i campi obbligatori per la configurazione del form nella sidebar di destra. Il form non verrà mostrata sul sito finché i campi obbligatori non saranno configurati."
+
 #: components/Edit
 # defaultMessage: Attenzione!
 msgid "form_edit_warning"
@@ -304,9 +309,9 @@ msgid "form_edit_warning_from"
 msgstr "Inserire un campo di tipo 'E-mail mittente'. Se non è presente, oppure è presente ma non viene compilato dall'utente, l'indirizzo del mittente della mail sarà quello configurato dalla sidebar di destra."
 
 #: components/FormView
-# defaultMessage: Fill in the required fields
-msgid "form_empty_values_validation"
-msgstr "Compila i campi richiesti"
+# defaultMessage: There are some errors in the form.
+msgid "form_errors_validation"
+msgstr "Ci sono degli errori nei campi."
 
 #: fieldSchema
 # defaultMessage: Description
@@ -404,6 +409,11 @@ msgstr "Area di testo"
 msgid "form_formDataCount"
 msgstr "{formDataCount} elementi salvati"
 
+#: formSchema
+# defaultMessage: Manage data
+msgid "form_manage_data"
+msgstr "Gestione dei dati"
+
 #: formSchema
 # defaultMessage: Data wipe
 msgid "form_remove_data_after_days"
@@ -484,6 +494,21 @@ msgstr "Usa come 'reply to'"
 msgid "form_useAsReplyTo_description"
 msgstr "Se selezionato, questo sarà l'indirizzo a cui il destinatario potrà rispondere."
 
+#: components/View
+# defaultMessage: Invalid field value
+msgid "formblock_defaultInvalidFieldMessage"
+msgstr "Il valore inserito non è valido"
+
+#: components/View
+# defaultMessage: The email is incorrect
+msgid "formblock_invalidEmailMessage"
+msgstr "L'email inserita non è corretta"
+
+#: components/View
+# defaultMessage: Fill-in this field
+msgid "formblock_requiredFieldMessage"
+msgstr "Compila questo campo"
+
 #: components/Sidebar
 # defaultMessage: remove expired data
 msgid "remove_data_button"
@@ -502,7 +527,7 @@ msgstr "Sono presenti {record} record che hanno superato il numero massimo di gi
 #: components/Widget/NoRobotsCaptchaWidget
 # defaultMessage: Answer the question to prove that you are human
 msgid "resolveCaptcha"
-msgstr ""
+msgstr "Rispondi alla domanda per verificare che tu sia un umano."
 
 #: helpers/react-select
 # defaultMessage: results