@startinblox/core 0.19.16 → 0.19.17

package/dist/{en-7f7JgW9b.js → en-CZGbNQZd.js}

@@ -4,6 +4,7 @@ const en = {
   "autocompletion.searchText": "No result",
   "solid-delete.button": "Delete",
   "solid-form.submit-button": "Submit",
+  "solid-form.validation-error": "A validation error occurred.",
   "validation.message": "Please, confirm your choice",
   "validation.submit-text": "Yes",
   "validation.cancel-text": "Cancel"

package/dist/{fr-r9OPSsZY.js → fr-IUy0jqNf.js}

@@ -4,6 +4,7 @@ const fr = {
   "autocompletion.searchText": "Aucun résultat",
   "solid-delete.button": "Supprimer",
   "solid-form.submit-button": "Envoyer",
+  "solid-form.validation-error": "Erreur de validation.",
   "validation.message": "Merci de confirmer votre choix",
   "validation.submit-text": "Oui",
   "validation.cancel-text": "Annuler"

package/dist/index.js

@@ -26116,8 +26116,8 @@ const TranslationMixin = {
   async getTranslationModule(langCode) {
     const translationsModules = {
       // define modules in a static way, snowpack does not support dynamic strings here
-      en: () => import("./en-7f7JgW9b.js"),
-      fr: () => import("./fr-r9OPSsZY.js")
+      en: () => import("./en-CZGbNQZd.js"),
+      fr: () => import("./fr-IUy0jqNf.js")
     };
     if (!translationsModules[langCode]) {
       console.warn(`${langCode}.json translation file may not exist, English is setted by default`);
@@ -53284,40 +53284,73 @@ const SolidForm = {
     if (!this.isCreationForm(formValue) && this.isSavingAutomatically)
       this.submitForm();
   },
-  findErrorMessage(errors2, errorFullName = "") {
-    let errorsArray = [];
+  displayErrorMessage(errors2, errorFullName = "") {
     errors2.forEach((member) => {
       let errorNextName = Object.values(member)[0];
-      let errorAddName = errorFullName === "" ? errorNextName : errorFullName.concat(" - ", errorNextName);
-      if (Array.isArray(Object.values(member)[1]) === true) {
-        let errorMessage = Object.values(member)[1];
-        let errorGlobal = errorAddName.concat(": ", errorMessage.join(", "));
-        errorsArray.push(errorGlobal);
-      } else {
+      let subErrorName = errorFullName === "" ? errorNextName : errorFullName.concat("." + errorNextName);
+      let errorFieldName = "";
+      if (errorFullName)
+        errorFieldName = errorFullName.concat("." + errorNextName);
+      else
+        errorFieldName = errorNextName;
+      if (errorFieldName) {
+        let formField = this.element.querySelector(`[name="${errorFieldName}"]`);
+        if (formField) {
+          formField.classList.add("error");
+          let errorParagraph = document.createElement("p");
+          if (Array.isArray(Object.values(member)[1]) === true) {
+            Object.values(member)[1].forEach((error2) => {
+              let errorText = document.createElement("p");
+              errorText.textContent = error2;
+              errorParagraph.appendChild(errorText);
+            });
+          } else if (typeof Object.values(member)[1] === "object") {
+            for (const [key, value] of Object.entries(Object.values(member)[1])) {
+              if (Array.isArray(value)) {
+                value.forEach((error2) => {
+                  let errorText = document.createElement("p");
+                  errorText.textContent = error2;
+                  errorParagraph.appendChild(errorText);
+                });
+              } else if (typeof value === "string") {
+                let errorText = document.createElement("p");
+                errorText.textContent = value;
+                errorParagraph.appendChild(errorText);
+              }
+            }
+          } else {
+            errorParagraph.textContent = Object.values(member)[1];
+          }
+          errorParagraph.classList.add("error-message");
+          formField.appendChild(errorParagraph);
+        }
+      }
+      if (!Array.isArray(Object.values(member)[1]) === true) {
         let objectErrors = Object.values(member)[1];
         let subErrors = Object.entries(objectErrors);
-        errorsArray = [...errorsArray, ...this.findErrorMessage(subErrors, errorAddName)];
+        this.displayErrorMessage(subErrors, subErrorName);
       }
     });
-    return errorsArray;
   },
   empty() {
   },
   showError(e) {
     let errors2 = Object.entries(e).filter((field) => !field[0].startsWith("@context"));
+    this.displayErrorMessage(errors2);
     const errorTemplate = html$1`
-      <p>A validation error occurred.</p>
-      <ul>
-        ${this.findErrorMessage(errors2).map((field) => html$1`
-         <li>${field}</li>
-        `)}
-      </ul>
+      <p>${this.t("solid-form.validation-error")}</p>
     `;
     const parentElement = this.element.querySelector("[data-id=error]");
     if (parentElement)
       render$1(errorTemplate, parentElement);
   },
   hideError() {
+    let formErrors = this.element.querySelectorAll(".error-message");
+    if (formErrors)
+      formErrors.forEach((error2) => error2.remove());
+    let errorFields = this.element.querySelectorAll(".error");
+    if (errorFields)
+      errorFields.forEach((errorField) => errorField.classList.remove("error"));
     const parentElement = this.element.querySelector("[data-id=error]");
     if (parentElement)
       render$1("", parentElement);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/core",
-  "version": "0.19.16",
+  "version": "0.19.17",
   "description": "This is a series of web component respecting both the web components standards and the Linked Data Platform convention.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",