@dile/crud 0.0.24 → 0.0.26

package/components/ajax/src/DileAjax.js

@@ -7,6 +7,7 @@ export class DileAjax extends DileAxios(LitElement) {
       data: {  type: Object },
       method: { type: String },
       url: { type: String },
+      statusSuccessCodes: { type: Array },
     }
   }
 
@@ -15,6 +16,7 @@ export class DileAjax extends DileAxios(LitElement) {
     this.data = {};
     this.method = 'post';
     this.url = '';
+    this.statusSuccessCodes = [200, 201];
   }
 
   generateRequest() {
@@ -39,7 +41,7 @@ export class DileAjax extends DileAxios(LitElement) {
         break
     }
     request.then((response) => {
-      if(response.status == 200) {
+      if(this.statusSuccessCodes.includes(response.status)) {
         let res = response.data;
         if(res.error) {
           this.dispatchError(res.data);
@@ -53,7 +55,7 @@ export class DileAjax extends DileAxios(LitElement) {
           }));
         }
       } else {
-        this.dispatchError('Bad server response');
+        this.dispatchError('Unhandled success server response');
       }
     })
     .catch(err => {

package/components/ajax-form/src/DileAjaxForm.js

@@ -11,7 +11,7 @@ export class DileAjaxForm extends LitElement {
             :host {
                 display: block;
             }
-            :host([small]) {
+            :host([buttonSmall]) {
                 --dile-button-padding-y: 0.25rem;
                 --dile-button-padding-x: 0.5rem;
                 --dile-button-font-size: 0.875rem;
@@ -111,7 +111,7 @@ export class DileAjaxForm extends LitElement {
 
     doErrorGet(e) {
         this.responseAdapter.setResponse(e.detail);
-        let msg = this.customMessage(false);
+        let msg = this._customErrorMessage();
         this.feedback.negativeFeedback(msg);
         this.dispatchEvent(new CustomEvent('dile-ajax-form-get-error', { 
             bubbles: true,
@@ -141,7 +141,7 @@ export class DileAjaxForm extends LitElement {
     
     doErrorSave(e) {
         this.responseAdapter.setResponse(e.detail);
-        let msg = this.customMessage(true);
+        let msg = this._customErrorMessage();
         this.feedback.negativeFeedbackWithDelay(msg, 5000);
         let validationErrors = this.responseAdapter.getValidationErrors();
         this.form.showErrors(validationErrors);
@@ -159,7 +159,7 @@ export class DileAjaxForm extends LitElement {
     doSuccessSave(e) {
         this.responseAdapter.setResponse(e.detail);
         let data = this.responseAdapter.getData();
-        let msg = this.customMessage(true);
+        let msg = this._customSuccessMessage();
         this.feedback.positiveFeedbackWithDelay(msg, 5000);
         this.dispatchEvent(new CustomEvent('save-success', { 
             bubbles: true,
@@ -202,7 +202,15 @@ export class DileAjaxForm extends LitElement {
         }
     }
 
-    customMessage(success) {
+    _customErrorMessage() {
+        return this._customMessage(false);
+    }
+
+    _customSuccessMessage() {
+        return this._customMessage(true);
+    }
+    
+    _customMessage(success) {
         let message = this.responseAdapter.getMessage();
         if(message) {
             return message;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "description": "Components to create a generic crud system based on Web Components and Lit",
   "main": "index.js",
   "scripts": {
@@ -31,5 +31,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4236ff820cf8ad8f3b178fce60b76fc59509df12"
+  "gitHead": "97061a86abf5bd422da53498cf94b900a78d1b3f"
 }