lkt-item-crud 2.0.4 → 2.0.6

package/dist/lib-components/LktItemCrud.vue.d.ts

@@ -91,10 +91,11 @@ declare const __VLS_self: import("vue").DefineComponent<ItemCrudConfig, {
     mode: ItemCrudMode;
     modelValue: LktObject;
     editing: boolean;
-    editModeButton: import("lkt-vue-kernel").ButtonConfig;
-    dropButton: import("lkt-vue-kernel").ButtonConfig;
-    createButton: import("lkt-vue-kernel").ButtonConfig;
-    updateButton: import("lkt-vue-kernel").ButtonConfig;
+    perms: import("lkt-vue-kernel").ValidTablePermission[];
+    editModeButton: import("lkt-vue-kernel").ButtonConfig | false;
+    dropButton: import("lkt-vue-kernel").ButtonConfig | false;
+    createButton: import("lkt-vue-kernel").ButtonConfig | false;
+    updateButton: import("lkt-vue-kernel").ButtonConfig | false;
     buttonNavPosition: ItemCrudButtonNavPosition;
     buttonNavVisibility: import("lkt-vue-kernel").ItemCrudButtonNavVisibility;
     modalConfig: import("lkt-vue-kernel").ModalConfig;
@@ -138,10 +139,11 @@ declare const __VLS_component: import("vue").DefineComponent<ItemCrudConfig, {
     mode: ItemCrudMode;
     modelValue: LktObject;
     editing: boolean;
-    editModeButton: import("lkt-vue-kernel").ButtonConfig;
-    dropButton: import("lkt-vue-kernel").ButtonConfig;
-    createButton: import("lkt-vue-kernel").ButtonConfig;
-    updateButton: import("lkt-vue-kernel").ButtonConfig;
+    perms: import("lkt-vue-kernel").ValidTablePermission[];
+    editModeButton: import("lkt-vue-kernel").ButtonConfig | false;
+    dropButton: import("lkt-vue-kernel").ButtonConfig | false;
+    createButton: import("lkt-vue-kernel").ButtonConfig | false;
+    updateButton: import("lkt-vue-kernel").ButtonConfig | false;
     buttonNavPosition: ItemCrudButtonNavPosition;
     buttonNavVisibility: import("lkt-vue-kernel").ItemCrudButtonNavVisibility;
     modalConfig: import("lkt-vue-kernel").ModalConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-item-crud",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",
@@ -36,19 +36,17 @@
     "vue": "^3.3.0",
     "vue-tsc": "^2.2.0"
   },
-  "dependencies": {
-    "lkt-button": "^2.0.4",
-    "lkt-data-state": "^1.0.9",
-    "lkt-http-client": "^1.0.12",
-    "lkt-http-info": "^1.0.2",
-    "lkt-i18n": "^1.0.4",
-    "lkt-loader": "^1.0.2",
-    "lkt-modal": "^2.0.2",
-    "lkt-string-tools": "^1.0.2",
-    "lkt-toast": "^1.0.1",
-    "lkt-vue-kernel": "^1.0.27"
-  },
   "peerDependencies": {
+    "lkt-button": "^2.0.12",
+    "lkt-data-state": "^1.0.11",
+    "lkt-http-client": "^1.0.34",
+    "lkt-http-info": "^1.1.1",
+    "lkt-i18n": "^1.1.0",
+    "lkt-loader": "^1.2.0",
+    "lkt-modal": "^2.0.5",
+    "lkt-string-tools": "^1.1.0",
+    "lkt-toast": "^1.1.1",
+    "lkt-vue-kernel": "^1.0.48",
     "vue": "^3.3.0"
   }
 }

package/src/components/ButtonNav.vue

@@ -27,10 +27,10 @@
         view: ItemCrudView
         mode: ItemCrudMode
 
-        createButton?: ButtonConfig
-        updateButton?: ButtonConfig
-        dropButton?: ButtonConfig
-        editModeButton?: ButtonConfig
+        createButton?: ButtonConfig|false
+        updateButton?: ButtonConfig|false
+        dropButton?: ButtonConfig|false
+        editModeButton?: ButtonConfig|false
 
         dataChanged: boolean
 
@@ -87,13 +87,16 @@
         onButtonLoaded = () => {
             isLoading.value = false;
         },
-        onCreate = ($event: Event, r: HTTPResponse) => {
+        onCreate = ($event: Event|undefined, r: HTTPResponse) => {
+            if (typeof $event === 'undefined') return;
             emit('create', $event, r);
         },
-        onSave = ($event: Event, r: HTTPResponse) => {
+        onSave = ($event: Event|undefined, r: HTTPResponse) => {
+            if (typeof $event === 'undefined') return;
             emit('save', $event, r);
         },
-        onDrop = ($event: Event, r: HTTPResponse) => {
+        onDrop = ($event: Event|undefined, r: HTTPResponse) => {
+            if (typeof $event === 'undefined') return;
             emit('drop', $event, r);
         };
 
@@ -138,7 +141,7 @@
             return true;
         }),
         showDropButton = computed(() => {
-            if (!props.canDrop) return false;
+            if (!props.canDrop || props.dropButton === false) return false;
             if (!props.canUpdate && props.canDrop) return true;
 
             return !isLoading.value
@@ -146,10 +149,14 @@
                 && props.httpSuccessRead;
         }),
         showSaveButton = computed(() => {
+            if (props.mode === ItemCrudMode.Create && props.createButton === false) return false;
+            if (props.mode === ItemCrudMode.Update && props.updateButton === false) return false;
             if (props.dataChanged) return true;
             if (isLoading.value) return false;
 
-            if (props.mode === ItemCrudMode.Create) return true;
+            if (props.mode === ItemCrudMode.Create) {
+                return true;
+            }
 
             if (props.buttonNavVisibility === ItemCrudButtonNavVisibility.Never) {
                 return false;
@@ -159,6 +166,7 @@
                 && props.httpSuccessRead;
         }),
         showSwitchButton = computed(() => {
+            if (props.editModeButton === false) return false;
             if (!props.canSwitchEditMode) return false;
             if (!props.canUpdate && !props.canDrop) return false;
             if (!props.canUpdate && props.canDrop) return false;

package/src/lib-components/LktItemCrud.vue

@@ -22,6 +22,9 @@
     import ButtonNav from '../components/ButtonNav.vue';
     import { openToast } from 'lkt-toast';
 
+    // defineOptions({
+    //     inheritAttrs: false
+    // })
 
     const props = withDefaults(defineProps<ItemCrudConfig>(), getDefaultValues(ItemCrud));
 
@@ -40,11 +43,9 @@
         'modified-data',
     ]);
 
-    let basePerms: string[] = [];
-
     const isLoading = ref(true),
         item = ref(props.modelValue),
-        perms = ref(basePerms),
+        perms = ref(props.perms),
         editMode = ref(props.editing),
         httpSuccessRead = ref(false),
         showStoreMessage = ref(false),
@@ -145,6 +146,14 @@
             dataState.value.increment(item.value).turnStoredIntoOriginal();
             dataChanged.value = dataState.value.changed();
         }
+        // Offline mode
+        else {
+            httpSuccessRead.value = true;
+            editMode.value = true;
+            isLoading.value = false;
+            dataState.value.increment(item.value).turnStoredIntoOriginal();
+            dataChanged.value = dataState.value.changed();
+        }
     });
 
     const ensureValidResourceSave = (r: HTTPResponse, resource?: string) => {
@@ -187,6 +196,14 @@
             itemCreated.value = true;
             debug('onCreate -> turn stored data into original');
             dataState.value.increment(item.value).turnStoredIntoOriginal();
+            if (props.notificationType === NotificationType.Toast) {
+                openToast(<ToastConfig>{
+                    text: LktSettings.defaultCreateSuccessText,
+                    details: LktSettings.defaultCreateSuccessDetails,
+                    icon: LktSettings.defaultCreateSuccessIcon,
+                    positionX: ToastPositionX.Right,
+                });
+            }
             doAutoReloadId(r);
             emit('create', r);
         },
@@ -205,6 +222,14 @@
             }
             debug('onUpdate -> turn stored data into original');
             dataState.value.turnStoredIntoOriginal();
+            if (props.notificationType === NotificationType.Toast) {
+                openToast(<ToastConfig>{
+                    text: LktSettings.defaultUpdateSuccessText,
+                    details: LktSettings.defaultUpdateSuccessDetails,
+                    icon: LktSettings.defaultUpdateSuccessIcon,
+                    positionX: ToastPositionX.Right,
+                });
+            }
             doAutoReloadId(r);
             emit('update', r);
         },
@@ -221,6 +246,14 @@
                 }
                 return;
             }
+            if (props.notificationType === NotificationType.Toast) {
+                openToast(<ToastConfig>{
+                    text: LktSettings.defaultDropSuccessText,
+                    details: LktSettings.defaultDropSuccessDetails,
+                    icon: LktSettings.defaultDropSuccessIcon,
+                    positionX: ToastPositionX.Right,
+                });
+            }
             emit('drop', r);
             if (props.view === ItemCrudView.Modal) {
                 debug('onDrop -> close modal');
@@ -286,8 +319,8 @@
                     },
                     ...props.modalConfig,
                     ...{
-                        'before-close': crudBeforeClose,
-                        'close-confirm': closeConfirm.value,
+                        beforeClose: crudBeforeClose,
+                        closeConfirm: closeConfirm.value,
                     },
                 };
             }