@dile/crud 1.10.15 → 1.11.0

package/components/ajax/src/DileAjax.js

@@ -8,6 +8,7 @@ export class DileAjax extends DileAxios(DileI18nMixin(LitElement)) {
       data: {  type: Object },
       method: { type: String },
       url: { type: String },
+      responseType: { type: String },
       statusSuccessCodes: { type: Array },
       sendDataAsFormData: { type: Boolean },
       getValidationErrors: { type: Object },
@@ -40,38 +41,51 @@ export class DileAjax extends DileAxios(DileI18nMixin(LitElement)) {
     if(this.sendDataAsFormData) {
       this._prepareFormData();
     }
+    const responseTypeConfig = this.responseType ? { responseType: this.responseType } : undefined;
     switch(this.method.toLowerCase().trim()) {
       case 'post':
-        request = this.axiosInstance.post(this.url, this.computedData);
+        request = this.axiosInstance.post(this.url, this.computedData, responseTypeConfig);
         break;
       case 'get':
         request = this.axiosInstance.get(this.url, {
-          params: this.data
+          params: this.data,
+          ...(this.responseType && { responseType: this.responseType }),
         });
         break;
       case 'put':
-        request = this.axiosInstance.put(this.url, this.computedData);
+        request = this.axiosInstance.put(this.url, this.computedData, responseTypeConfig);
         break;
       case 'delete':
-        request = this.axiosInstance.delete(this.url, this.computedData);
+        request = this.axiosInstance.delete(this.url, this.computedData, responseTypeConfig);
         break;
       case 'patch':
-        request = this.axiosInstance.patch(this.url, this.computedData);
+        request = this.axiosInstance.patch(this.url, this.computedData, responseTypeConfig);
         break
     }
     request.then((response) => {
       this.dispatchResponse(response)
       if(this.statusSuccessCodes.includes(response.status)) {
-        this.dispatchEvent(new CustomEvent('ajax-success', {
-          detail: response.data
-        }));
+        let detail;
+        if (this.responseType === 'blob') {
+          const disposition = response.headers['content-disposition'] || '';
+          const match = disposition.match(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/);
+          const filename = match ? match[1].replace(/['"]/g, '') : 'download';
+          detail = {
+            blob: response.data,
+            filename,
+            contentType: response.headers['content-type'],
+          };
+        } else {
+          detail = response.data;
+        }
+        this.dispatchEvent(new CustomEvent('ajax-success', { detail }));
       } else {
         this.dispatchError(this.translations.http_unhandled_success, response.data);
       }
     })
-    .catch(err => {
-      this.describeError(err);
-    }) 
+    .catch(async err => {
+      await this.describeError(err);
+    })
     .finally(() => {
       this.formData = null;
       this.dispatchEvent(new CustomEvent('dile-ajax-request-end', {
@@ -81,10 +95,18 @@ export class DileAjax extends DileAxios(DileI18nMixin(LitElement)) {
     });
   }
 
-  describeError(err) {
+  async describeError(err) {
     if (err.response) {
       const res = err.response;
-      this.dispatchResponse(res); 
+      if (this.responseType === 'blob' && res.data instanceof Blob) {
+        try {
+          const text = await res.data.text();
+          res.data = JSON.parse(text);
+        } catch {
+          res.data = {};
+        }
+      }
+      this.dispatchResponse(res);
       
       const status = res.status;
       switch (status) {

package/components/list/src/DileCrudListItem.js

@@ -16,7 +16,7 @@ export class DileCrudListItem extends LitElement {
             overflow: hidden;
             display: flex;
             align-items: center;
-            padding: 0.5rem 0.5rem;
+            padding: var(--dile-crud-list-item-padding, 0.5rem 0.5rem);
             border-bottom: var(--dile-crud-list-item-line-separator, 1px solid #ddd);
         }
         dile-checkbox {
@@ -44,7 +44,7 @@ export class DileCrudListItem extends LitElement {
         }
         @media(min-width: 550px) {
             section {
-                padding: 0.5rem 1rem;
+                padding: var(--dile-crud-list-item-padding, 0.5rem 1rem);
             }
         }
     `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "1.10.15",
+  "version": "1.11.0",
   "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": "6e42320296ce5ab150f7342811f2cb945c7b4a70"
+  "gitHead": "7882377ba8aed5ce9a213a9dd09d9057743237dd"
 }