@dile/crud 0.2.1 → 0.2.3

package/components/crud/src/DileCrud.js

@@ -341,6 +341,9 @@ export class DileCrud extends DileI18nMixin(DileCrudMixin(LitElement)) {
             this.removeActionItems(e.detail.data.delete_elems);
         }
         this.refresh();
+        if(this.config.onActionListSuccess) {
+            this.config.onActionListSuccess(e.detail);
+        }
     }
 
     removeActionItems(idsArray) {

package/components/single/src/DileCrudSingle.js

@@ -137,6 +137,9 @@ export class DileCrudSingle extends DileI18nMixin(DileCrudMixin(LitElement)) {
     if(e.detail.action != "DeleteAction") {
       this.refresh();
     }
+    if(this.config.onActionSingleSuccess) {
+      this.config.onActionSingleSuccess(e.detail);
+    }
   }
 
   edit() {

package/components/update/src/DileCrudUpdate.js

@@ -5,86 +5,90 @@ import { ResponseApiAdapter } from '../../../lib/ResponseApiAdapter.js';
 import { DileI18nMixin } from '../../../lib/DileI18nMixin.js';
 
 export class DileCrudUpdate extends DileI18nMixin(LitElement) {
-    static styles = [
-        formStyles,
-        css`
+  static styles = [
+    formStyles,
+    css`
             
         `
-    ];
-    
-    static get properties() {
-        return {
-            title: { type: String },
-            relatedId: { type: String },
-            endpoint: { type: String },
-            actionLabel: { type: String },
-            loadOnInit: { type: Boolean },
-            formTemplate: { type: Object },
-            buttonSmall: { type: Boolean },
-            responseAdapter: { type: Object },
-            formIdentifier: { type: String },
-            sendDataAsFormData: { type: Boolean },
-            showCancelButton: { type: Boolean },
-        };
-    }
+  ];
 
-    constructor() {
-        super();
-        this.responseAdapter = new ResponseApiAdapter();
-        this.loadOnInit = false;
-        this.formIdentifier = 'updateform';
-    }
+  static get properties() {
+    return {
+      title: { type: String },
+      relatedId: { type: String },
+      endpoint: { type: String },
+      actionLabel: { type: String },
+      loadOnInit: { type: Boolean },
+      formTemplate: { type: Object },
+      buttonSmall: { type: Boolean },
+      responseAdapter: { type: Object },
+      formIdentifier: { type: String },
+      sendDataAsFormData: { type: Boolean },
+      showCancelButton: { type: Boolean },
+      data: { type: Object },
+      setDataOnInit: { type: Boolean },
+    };
+  }
 
-    get formElement() {
-        return this.shadowRoot.getElementById('elform');
-    }
+  constructor() {
+    super();
+    this.responseAdapter = new ResponseApiAdapter();
+    this.loadOnInit = false;
+    this.formIdentifier = 'updateform';
+  }
 
-    render() {
-        return html`
+  get formElement() {
+    return this.shadowRoot.getElementById('elform');
+  }
+
+  render() {
+    return html`
             ${this.title
-                ? html`<h1>${this.title}</h1>`
-                : ''
-            }
-            <dile-ajax-form
-                id="elform"
-                operation="update"
-                endpoint="${this.endpoint}"
-                actionLabel="${this.actionLabelComputed(this.actionLabel, this.translations)}"
-                @save-success="${this.doSuccessSave}"
-                ?buttonSmall="${this.buttonSmall}"
-                relatedId="${this.relatedId}"
-                ?loadOnInit="${this.loadOnInit}"
-                .responseAdapter="${this.responseAdapter}"
-                formIdentifier="${this.formIdentifier}"
-                language="${this.language}"
-                ?sendDataAsFormData=${this.sendDataAsFormData}
-                ?showCancelButton=${this.showCancelButton}
-            >
-                ${this.formTemplate()}
-            </dile-ajax-form>
+        ? html`<h1>${this.title}</h1>`
+        : ''
+      }
+          <dile-ajax-form
+              id="elform"
+              operation="update"
+              endpoint="${this.endpoint}"
+              actionLabel="${this.actionLabelComputed(this.actionLabel, this.translations)}"
+              @save-success="${this.doSuccessSave}"
+              ?buttonSmall="${this.buttonSmall}"
+              relatedId="${this.relatedId}"
+              ?loadOnInit="${this.loadOnInit}"
+              .responseAdapter="${this.responseAdapter}"
+              formIdentifier="${this.formIdentifier}"
+              language="${this.language}"
+              ?sendDataAsFormData=${this.sendDataAsFormData}
+              ?showCancelButton=${this.showCancelButton}
+              ?setDataOnInit=${this.setDataOnInit}
+              .data=${this.data}
+          >
+              ${this.formTemplate()}
+          </dile-ajax-form>
         `;
-    }
+  }
 
-    doSuccessSave(e) {
-        this.dispatchEvent(new CustomEvent('crud-update-success', {
-            bubbles: true,
-            composed: true,
-            detail: e.detail
-        }));
-    }
+  doSuccessSave(e) {
+    this.dispatchEvent(new CustomEvent('crud-update-success', {
+      bubbles: true,
+      composed: true,
+      detail: e.detail
+    }));
+  }
 
-    edit(id) {
-        this.relatedId = id;
-        this.updateComplete.then(() => {
-            this.formElement.loadData();
-        });
-    }
+  edit(id) {
+    this.relatedId = id;
+    this.updateComplete.then(() => {
+      this.formElement.loadData();
+    });
+  }
 
-    clearFeedback() {
-        this.formElement.clearFeedback();
-    }
+  clearFeedback() {
+    this.formElement.clearFeedback();
+  }
 
-    actionLabelComputed(label, translations) {
-        return label ? label : translations?.update_label ? translations.update_label : 'Update';
-    }
+  actionLabelComputed(label, translations) {
+    return label ? label : translations?.update_label ? translations.update_label : 'Update';
+  }
 }

package/lib/defaultConfig.js

@@ -68,16 +68,12 @@ export const defaultConfig = {
     formSingleActions: () => '',
   },
   labels: {
-    // insertAction: 'Create',
-    // updateAction: 'Save',
-    // startUpdateAction: 'Edit',
-    // insertWindowTitle: 'Create an item',
-    // updateWindowTitle: 'Update an item',
-    // helpTitle: 'Help',
-    // helpButtonLabel: 'Help',
+
   },
   formIds: {
     insertForm: 'insertform',
     updateForm: 'updateform',
   },
+  onActionListSuccess: (actionSuccessDetail) => {},
+  onActionSingleSuccess: (actionSuccessDetail) => {},
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "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": "5d4e95bced050de218bb3d5a0e489437d9dea8a6"
+  "gitHead": "9c6b9c904dc871f0e9067b4e4aeaa101f679c305"
 }