@dile/crud 0.0.20 → 0.0.22

package/components/crud/src/DileCrud.js

@@ -262,7 +262,11 @@ export class DileCrud extends DileCrudMixin(LitElement) {
 
     openInsert() {
         this.dispatchEvent(new CustomEvent('crud-item-insert', { bubbles: true, composed: true }));
-        this.modalInsert.open();
+        if (this.config.insertOperation?.type === 'modal') {
+            this.modalInsert.open();
+        } else if (this.config.insertOperation?.type == 'handler') {
+            this.config.insertOperation.handler(this);
+        }          
     }
 
     insertSaveSuccess() {
@@ -270,8 +274,13 @@ export class DileCrud extends DileCrudMixin(LitElement) {
     }
 
     updateRequest(e) {
-        this.editItem(e.detail.itemId);
-        this.modalUpdate.open();
+        const itemId = e.detail.itemId;
+        if (this.config.updateOperation?.type === 'modal') {
+            this.editItem(itemId);
+            this.modalUpdate.open();
+        } else if (this.config.updateOperation?.type == 'handler') {
+            this.config.updateOperation.handler(itemId, this);
+        }        
     }
 
     editItem(id) {

package/components/list/src/DileCrudList.js

@@ -204,7 +204,7 @@ export class DileCrudList extends DileLoading(LitElement) {
     }
 
     computeItemId(element) {
-        return element.id;
+        return this.config.computeItemId(element);
     }
 
     get allIdsUrl() {

package/lib/defaultConfig.js

@@ -30,6 +30,18 @@ export const defaultConfig = {
   },
   responseAdapter: new ResponseApiAdapter(),
   requestAdapter: new RequestApiAdapter(),
+  insertOperation: {
+    type: 'modal'
+  },
+  updateOperation: {
+    type: 'modal'
+  },
+  insertOperation: {
+    type: 'modal'
+  },
+  computeItemId(element) {
+    return element.id;
+  },
   actions: {
     list: [
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "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": "349f72283bcebbf8fcc74e96ab99c94815afbfcf"
+  "gitHead": "f45af75c2af49f385aee09c56d78752b84bc10c3"
 }