@dile/crud 0.0.67 → 0.0.69

package/components/ajax/src/DileAjax.js

@@ -10,6 +10,7 @@ export class DileAjax extends DileAxios(DileI18nMixin(LitElement)) {
       url: { type: String },
       statusSuccessCodes: { type: Array },
       sendDataAsFormData: { type: Boolean },
+      getValidationErrors: { type: Object },
     }
   }
 
@@ -18,6 +19,9 @@ export class DileAjax extends DileAxios(DileI18nMixin(LitElement)) {
     this.method = 'post';
     this.url = '';
     this.statusSuccessCodes = [200, 201];
+    this.getValidationErrors = (data) => {
+      return data.errors
+    }
   }
 
   get computedData() {
@@ -52,17 +56,13 @@ export class DileAjax extends DileAxios(DileI18nMixin(LitElement)) {
         break
     }
     request.then((response) => {
+      this.dispatchResponse(response)
       if(this.statusSuccessCodes.includes(response.status)) {
-        let res = response.data;
-        if(res.error) {
-          this.dispatchError(res.data);
-        } else {
-          this.dispatchEvent(new CustomEvent('ajax-success', {
-            detail: res
-          }));
-        }
+        this.dispatchEvent(new CustomEvent('ajax-success', {
+          detail: response.data
+        }));
       } else {
-        this.dispatchError(this.translations.http_unhandled_success);
+        this.dispatchError(this.translations.http_unhandled_success, response.data);
       }
     })
     .catch(err => {
@@ -75,54 +75,68 @@ export class DileAjax extends DileAxios(DileI18nMixin(LitElement)) {
 
   describeError(err) {
     if (err.response) {
-      const status = err.response.status;
+      const res = err.response;
+      const status = res.status;
       switch (status) {
         case 422: 
+          this.dispatchError(res.data.message || this.translations.http_422, res.data, this.getValidationErrors(res.data));
+          break;
         case 400: 
-          this.dispatchError(err.response.data.message, err.response.data.errors);
+          this.dispatchError(res.data.message || this.translations.http_400, res.data, this.getValidationErrors(res.data));
           break;
         case 404:
-          if(err.response.data.message) {
-            this.dispatchError(err.response.data.message);
+          if(res.data.message) {
+            this.dispatchError(res.data.message, res.data);
           } else {
-            this.dispatchError(this.translations.http_404);
+            this.dispatchError(this.translations.http_404, res.data);
           }
           break;
         case 401:
-          this.dispatchError(this.translations.http_401);
+          this.dispatchError(this.translations.http_401, res.data);
           break;
         case 405:
-            this.dispatchError(this.translations.http_405);
+            this.dispatchError(this.translations.http_405, res.data);
             break;
         case 413:
-          this.dispatchError(this.translations.http_413);
+          this.dispatchError(this.translations.http_413, res.data);
           break;
         case 419:
-          this.dispatchError(this.translations.http_419);
+          this.dispatchError(this.translations.http_419, res.data);
           break;
         case 502:
-          this.dispatchError(this.translations.http_502);
+          this.dispatchError(this.translations.http_502, res.data);
           break;
         case 504:
-          this.dispatchError(this.translations.http_504);
+          this.dispatchError(this.translations.http_504, res.data);
           break;
         default:
-          this.dispatchError(this.translations.http_other_error);
+          this.dispatchError(this.translations.http_other_error, res.data);
       }
     } else {
-      this.dispatchError(this.translations.http_no_response);
+      this.dispatchError(this.translations.http_no_response, {});
     }
   }
 
-  dispatchError(message, errors = []) {
+  dispatchError(message, data, errors = []) {
     this.dispatchEvent(new CustomEvent('ajax-error', {
       detail: {
         message,
+        data,
         errors
       } 
     }));
   }
 
+  dispatchResponse(response) {
+    this.dispatchEvent(new CustomEvent('ajax-response', {
+      bubbles: true,
+      composed: true,
+      detail: {
+        response
+      }
+    }));
+  }
+
   _prepareFormData() {
     this._createFormData();
     this._addObjectToFormData(this.data);

package/lib/i18n/en.js

@@ -1,6 +1,8 @@
 export const translations = {
   http_unhandled_success: "Unhandled success server response",
   http_404: "Not found error",
+  http_400: "Bad Request",
+  http_422: "Unprocessable Entity",
   http_401: "Unauthorized",
   http_405: "Method Not Allowed",
   http_413: "Content Too Large",

package/lib/i18n/es.js

@@ -1,6 +1,8 @@
 export const translations = {
   http_unhandled_success: "Respuesta de éxito no procesada",
   http_404: "Recurso inexistente",
+  http_400: "Solicitud incorrecta",
+  http_422: "Validación de la solicitud incorrecta",
   http_401: "No autorizado",
   http_405: "Método HTTP no permitido",
   http_413: "Contenido enviado al servidor demasiado largo",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "0.0.67",
+  "version": "0.0.69",
   "description": "Components to create a generic crud system based on Web Components and Lit",
   "main": "index.js",
   "scripts": {
@@ -24,12 +24,12 @@
   },
   "homepage": "https://dile-components.polydile.com/",
   "dependencies": {
-    "@dile/ui": "^2.1.37",
+    "@dile/ui": "^2.1.38",
     "axios": "^1.7.2",
     "lit": "^2.7.0 || ^3.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "30f2fe016bd36491891ce254bc97590e1fc17d19"
+  "gitHead": "2800729c7bdb8f152e5a693851b323916feb9e79"
 }