@drax/crud-vue 0.37.0 → 0.37.2

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.37.0",
+  "version": "0.37.2",
   "type": "module",
   "main": "./src/index.ts",
   "module": "./src/index.ts",
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@drax/common-front": "^0.37.0",
-    "@drax/crud-front": "^0.37.0",
+    "@drax/crud-front": "^0.37.1",
     "@drax/crud-share": "^0.37.0",
     "@drax/media-vue": "^0.37.0"
   },
@@ -64,5 +64,5 @@
     "vue-tsc": "^2.1.10",
     "vuetify": "^3.8.2"
   },
-  "gitHead": "0bca48d4b686fd9536a78d84f5befe6801238000"
+  "gitHead": "85833fa79a0d1df3899c13a3a47ed3e7e3fe0448"
 }

package/src/components/CrudActiveFilters.vue

@@ -1,17 +1,15 @@
 <script setup lang="ts">
-import { computed, watch, onMounted,  type PropType } from 'vue'
-import type { IEntityCrud, IEntityCrudFilter } from '@drax/crud-share'
+import { computed,  type PropType } from 'vue'
+import type { IEntityCrud } from '@drax/crud-share'
 import { useCrudStore } from '../stores/UseCrudStore'
 import { useI18n } from 'vue-i18n'
 import { useFilterIcon } from '../composables/useFilterIcon'
-import { useCrudRefDisplay } from '../composables/useCrudRefDisplay'
-import dayjs from "dayjs";
 import CrudRefDisplay from "./CrudRefDisplay.vue";
+import {formatDate} from "@drax/common-front"
 
-const { t, d } = useI18n()
+const { t} = useI18n()
 const store = useCrudStore()
 const { filterIcon } = useFilterIcon()
-const { refDisplay } = useCrudRefDisplay()
 
 const props = defineProps({
   entity: {
@@ -55,7 +53,7 @@ const getFilterLabel = (filter: any) => {
 const getFilterValue = (filter: any) => {
   switch (filter.type) {
     case 'date':
-      return dayjs(filter.value).format('YYYY-MM-DD')
+      return formatDate(filter.value)
 
     case 'boolean':
       return filter.value ? t('common.yes') : t('common.no')
@@ -87,22 +85,6 @@ const getFilterValue = (filter: any) => {
   }
 }
 
-// watch(activeFilters, async (filters) => {
-//   for (const filter of filters) {
-//     filter.display = await getFilterValue(filter)
-//   }
-// }, { immediate: true, deep: true })
-//
-// const renegerateDisplay = async () => {
-//   for (const filter of activeFilters.value) {
-//     filter.display = await getFilterValue(filter)
-//   }
-// }
-//
-// onMounted(() => {
-//   renegerateDisplay()
-// })
-
 const removeFilter = (index: number) => {
   const filter = store.filters[index]
   const filterDef = props.entity.filters[index]
@@ -114,14 +96,6 @@ const removeFilter = (index: number) => {
   emit('filterRemoved')
 }
 
-const clearAllFilters = () => {
-  store.filters.forEach((filter: any, index: any) => {
-    const filterDef = props.entity.filters[index]
-    filter.value = filterDef.default
-  })
-
-  emit('filtersCleared')
-}
 
 const emit = defineEmits(['filterRemoved', 'filtersCleared'])
 </script>
@@ -146,7 +120,6 @@ const emit = defineEmits(['filterRemoved', 'filtersCleared'])
 
           <span class="font-weight-medium">{{ getFilterLabel(filter) }}</span>
           <v-icon :icon="filterIcon(filter)" size="x-small" class="mx-1" />
-<!--          <span>{{ getFilterValue(filter) }}</span>-->
           <span v-if="['ref','array.ref'].includes(filter.type)">
             <crud-ref-display
                 :ref-display="filter.refDisplay"

package/src/components/CrudList.vue

@@ -168,12 +168,12 @@ defineEmits(['import', 'export', 'create', 'update', 'delete', 'view', 'edit'])
       />
 
       <crud-update-button
-          v-if="entity.isEditable && entity.isItemEditable(item) && hasPermission(entity.permissions.update)"
+          v-if="entity.isEditable && entity.isItemEditable(item) && hasPermission(entity.permissions?.update)"
           @click="$emit('edit', item)"
       />
 
       <crud-delete-button
-          v-if="entity.isDeletable && hasPermission(entity.permissions.delete)"
+          v-if="entity.isDeletable && hasPermission(entity.permissions?.delete)"
           @click="$emit('delete', item)"
       />
 

package/src/components/CrudRefDisplay.vue

@@ -2,7 +2,7 @@
 import {onMounted, ref, computed} from "vue";
 import type {PropType} from "vue";
 import type {IEntityCrud} from "@drax/crud-share";
-import type {IDraxFieldFilter} from "@drax/crud-share/dist";
+import type {IDraxFieldFilter} from "@drax/crud-share";
 
 const {entity, value, refDisplay} = defineProps({
   entity: {type: Object as PropType<IEntityCrud | undefined>, required: true},

package/src/composables/UseCrud.ts

@@ -2,13 +2,13 @@ import type {IDraxPaginateResult, IEntityCrud} from "@drax/crud-share";
 import {useCrudStore} from "../stores/UseCrudStore";
 import {computed, nextTick, toRaw} from "vue";
 import getItemId from "../helpers/getItemId";
-import { useI18n } from "vue-i18n";
+import {useI18n} from "vue-i18n";
 
 export function useCrud(entity: IEntityCrud) {
 
     const store = useCrudStore()
 
-    const { t: $t } = useI18n()
+    const {t: $t} = useI18n()
 
     const exportError = computed({
         get() {
@@ -224,7 +224,7 @@ export function useCrud(entity: IEntityCrud) {
             .forEach(field => {
                 if (item[field.name] && Array.isArray(item[field.name])) {
                     item[field.name] = item[field.name].map(((i: any) => getItemId(i) ? getItemId(i) : i))
-                }else{
+                } else {
                     item[field.name] = []
                 }
             })
@@ -252,10 +252,10 @@ export function useCrud(entity: IEntityCrud) {
         openDialog()
     }
 
-    function cloneItem(item: object):object {
-        try{
+    function cloneItem(item: object): object {
+        try {
             return JSON.parse(JSON.stringify(item))
-        }catch (error){
+        } catch (error) {
             console.error("Error cloning item", error)
             return ({})
         }
@@ -273,7 +273,7 @@ export function useCrud(entity: IEntityCrud) {
         store.setInputErrors(null)
     }
 
-    async function onSubmit(formData: any): Promise<{status:string,item?:any}> {
+    async function onSubmit(formData: any): Promise<{ status: string, item?: any }> {
         store.setInputErrors(null)
         switch (store.operation) {
             case "view":
@@ -300,11 +300,14 @@ export function useCrud(entity: IEntityCrud) {
     async function doCreate(formData: any) {
         try {
             store.setLoading(true)
-            let item = await entity?.provider.create(toRaw(formData))
-            await doPaginate()
-            closeDialog()
-            store.showMessage("Entity created successfully!")
-            return {status: 'created', item: item}
+            if (entity?.provider.create) {
+                let item = await entity?.provider.create(toRaw(formData))
+                await doPaginate()
+                closeDialog()
+                store.showMessage("Entity created successfully!")
+                return {status: 'created', item: item}
+            }
+            throw new Error("provider.create not implemented")
         } catch (e: any) {
             if (e.inputErrors) {
                 store.setInputErrors(e.inputErrors)
@@ -321,11 +324,15 @@ export function useCrud(entity: IEntityCrud) {
     async function doUpdate(formData: any) {
         try {
             store.setLoading(true)
-            let item = await entity?.provider.update(getItemId(formData), toRaw(formData))
-            await doPaginate()
-            closeDialog()
-            store.showMessage("Entity updated successfully!")
-            return {status: 'updated', item: item}
+            if (entity?.provider.update) {
+                let item = await entity?.provider.update(getItemId(formData), toRaw(formData))
+                await doPaginate()
+                closeDialog()
+                store.showMessage("Entity updated successfully!")
+                return {status: 'updated', item: item}
+            }
+            throw new Error("provider.update not implemented")
+
         } catch (e: any) {
             //console.log("inputErrors", e.inputErrors)
             if (e.inputErrors) {
@@ -343,11 +350,14 @@ export function useCrud(entity: IEntityCrud) {
     async function doDelete(formData: any) {
         try {
             store.setLoading(true)
-            await entity?.provider.delete(getItemId(formData))
-            await doPaginate()
-            closeDialog()
-            store.showMessage("Entity deleted successfully!")
-            return {status: 'deleted'}
+            if (entity?.provider.delete) {
+                await entity?.provider.delete(getItemId(formData))
+                await doPaginate()
+                closeDialog()
+                store.showMessage("Entity deleted successfully!")
+                return {status: 'deleted'}
+            }
+            throw new Error("provider.delete not implemented")
         } catch (e: any) {
             store.setError(e.message || "An error occurred while deleting the entity")
             console.error("Error updating entity", e)
@@ -366,7 +376,7 @@ export function useCrud(entity: IEntityCrud) {
         store.setFilters(entity.formFilters)
     }
 
-    async function clearFilters(){
+    async function clearFilters() {
         prepareFilters()
         store.setSearch("")
         search.value = ""
@@ -376,7 +386,7 @@ export function useCrud(entity: IEntityCrud) {
 
     }
 
-    async function applyFilters(){
+    async function applyFilters() {
         await doPaginate()
     }