@dile/crud 0.2.0 → 0.2.2

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "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.39",
+    "@dile/ui": "^2.2.0",
     "axios": "^1.7.2",
     "lit": "^2.7.0 || ^3.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "64e0dbe3ac21c7da4edb2150ed32b36ab7cb5d0d"
+  "gitHead": "631d93271645e9b413490ab0a9576c5f80026826"
 }