atom-nuxt 1.0.138 → 1.0.140

package/dist/runtime/components/CrudFormDialog.vue

@@ -1,8 +1,7 @@
 <script setup>
 import CrudErrorDisplay from "../components/CrudErrorDisplay.vue";
-import {computed} from "vue";
-import {useDisplay} from "vuetify";
-
+import { computed } from "vue";
+import { useDisplay } from "vuetify";
 const props = defineProps({
   action: {
     type: String,
@@ -77,16 +76,13 @@ const props = defineProps({
   }
 });
 const item = defineModel();
-const dialogOpen = defineModel('dialog');
+const dialogOpen = defineModel("dialog");
 const hasItem = computed(() => item.value && Object.keys(item.value).length > 0);
-
 const buttonTitle = computed(() => {
-  return props.btnText ? props.btnText : (props.action === 'create' ? props.createTitle : (props.action === 'update' ? props.updateTitle : (props.action === 'delete' ? props.deleteTitle : '')));
+  return props.btnText ? props.btnText : props.action === "create" ? props.createTitle : props.action === "update" ? props.updateTitle : props.action === "delete" ? props.deleteTitle : "";
 });
-
 const display = useDisplay();
 const isLarge = computed(() => display.lgAndUp.value);
-
 </script>
 
 <template>
@@ -163,7 +159,3 @@ const isLarge = computed(() => display.lgAndUp.value);
     </v-card>
   </v-dialog>
 </template>
-
-<style scoped>
-
-</style>

package/dist/runtime/components/CrudFormDialog.vue.d.ts

@@ -0,0 +1,28 @@
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import("vue").DefineComponent<{}, {
+    disabled: boolean;
+    action: string;
+    formErrors: Record<string, any>;
+    itemErrors: Record<string, any>;
+    formPending: boolean;
+    itemPending: boolean;
+    createTitle: string;
+    updateTitle: string;
+    deleteTitle: string;
+    saveAction: Function;
+    fullScreen: boolean;
+    originalItem: Record<string, any>;
+    btnText?: string | undefined;
+    $props: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {
+        action: any;
+        item: any;
+        errors: any;
+    }) => any) | undefined;
+};

package/dist/runtime/components/CrudFormLoader.vue

@@ -1,102 +1,99 @@
 <script setup async>
-import { computed, watch } from 'vue'
-import { useCrudConverters } from '../composables/useCrudConverters'
-import { useCrudApi } from '../composables/useCrudApi'
-import { useListenerService } from '../composables/useListenerService'
-import CrudFormDialog from './CrudFormDialog.vue'
-import { useRoute, useRouter } from '#app'
-
-const { cloneDeep } = useCrudConverters()
-
-const emits = defineEmits(['update', 'delete', 'create'])
-
+import { computed, watch } from "vue";
+import { useCrudConverters } from "../composables/useCrudConverters";
+import { useCrudApi } from "../composables/useCrudApi";
+import { useListenerService } from "../composables/useListenerService";
+import CrudFormDialog from "./CrudFormDialog.vue";
+import { useRoute, useRouter } from "#app";
+const { cloneDeep } = useCrudConverters();
+const emits = defineEmits(["update", "delete", "create"]);
 const props = defineProps({
   loaderKey: {
     type: String,
-    required: false,
+    required: false
   },
   initialItem: {
     type: Object,
-    required: false,
+    required: false
   },
   path: {
     type: String,
-    required: true,
+    required: true
   },
   allowCreate: {
     type: Boolean,
-    default: false,
+    default: false
   },
   hideFilters: {
     type: Boolean,
-    default: false,
+    default: false
   },
   title: {
     type: String,
-    required: false,
+    required: false
   },
   transformItem: {
     type: Function,
-    required: false,
+    required: false
   },
   transformItems: {
     type: Function,
-    required: false,
+    required: false
   },
   beforeSave: {
     type: Function,
-    required: false,
+    required: false
   },
   beforeCreate: {
     type: Function,
-    required: false,
+    required: false
   },
   beforeUpdate: {
     type: Function,
-    required: false,
+    required: false
   },
   beforeDelete: {
     type: Function,
-    required: false,
+    required: false
   },
   updateTitle: {
     type: String,
     required: false,
     default() {
-      return 'Update item'
-    },
+      return "Update item";
+    }
   },
   deleteTitle: {
     type: String,
     required: false,
     default() {
-      return 'Delete item'
-    },
+      return "Delete item";
+    }
   },
   createTitle: {
     type: String,
     required: false,
     default() {
-      return 'Create item'
-    },
+      return "Create item";
+    }
   },
   customFilters: {
     type: Object,
     required: false,
     default: () => {
-    },
+    }
   },
   await: {
     type: Boolean,
     required: false,
-    default: false,
+    default: false
   },
   listeners: {
     type: Array,
     required: false,
-    default: () => [],
-  },
-})
+    default: () => []
+  }
+});
 const {
   getItem,
   updateItem,
@@ -106,122 +103,106 @@ const {
   formErrors,
   formPending,
   itemErrors,
-  itemPending,
-} = useCrudApi(props.path, false, props.transformItem, props.transformItems)
-
-const route = useRoute()
-const router = useRouter()
-
-const action = computed(() => route.query[(props.loaderKey ?? '') + 'action'])
-const actionId = computed(() => route.query[(props.loaderKey ?? '') + 'actionId'])
-
+  itemPending
+} = useCrudApi(props.path, false, props.transformItem, props.transformItems);
+const route = useRoute();
+const router = useRouter();
+const action = computed(() => route.query[(props.loaderKey ?? "") + "action"]);
+const actionId = computed(() => route.query[(props.loaderKey ?? "") + "actionId"]);
 const dialogOpen = computed({
-  get: () => !!(action.value === 'create' || (action.value === 'update' && actionId.value) || (action.value === 'delete' && actionId.value)),
+  get: () => !!(action.value === "create" || action.value === "update" && actionId.value || action.value === "delete" && actionId.value),
   set: (value) => {
     if (!value) {
       if (router.options.history.state.back) {
-        router.back()
-      }
-      else {
-        const currentQuery = route.query
+        router.back();
+      } else {
+        const currentQuery = route.query;
         if (props.loaderKey) {
-          delete (currentQuery[(props.loaderKey ?? '') + 'action'])
-          delete (currentQuery[(props.loaderKey ?? '') + 'actionId'])
+          delete currentQuery[(props.loaderKey ?? "") + "action"];
+          delete currentQuery[(props.loaderKey ?? "") + "actionId"];
+        } else {
+          delete currentQuery.action;
+          delete currentQuery.actionId;
         }
-        else {
-          delete currentQuery.action
-          delete currentQuery.actionId
-        }
-        router.replace({ ...route, query: currentQuery })
+        router.replace({ ...route, query: currentQuery });
       }
     }
-  },
-})
+  }
+});
 const updateForm = async (id) => {
-  const newQuery = { query: { ...route.query } }
+  const newQuery = { query: { ...route.query } };
   if (props.loaderKey) {
-    newQuery.query[(props.loaderKey ?? '') + 'action'] = 'update'
-    newQuery.query[(props.loaderKey ?? '') + 'actionId'] = id
-  }
-  else {
-    newQuery.query.action = 'update'
-    newQuery.query.actionId = id
+    newQuery.query[(props.loaderKey ?? "") + "action"] = "update";
+    newQuery.query[(props.loaderKey ?? "") + "actionId"] = id;
+  } else {
+    newQuery.query.action = "update";
+    newQuery.query.actionId = id;
   }
-  await router.push(newQuery)
-}
+  await router.push(newQuery);
+};
 const deleteForm = async (id) => {
-  const newQuery = { query: { ...route.query } }
+  const newQuery = { query: { ...route.query } };
   if (props.loaderKey) {
-    newQuery.query[(props.loaderKey ?? '') + 'action'] = 'delete'
-    newQuery.query[(props.loaderKey ?? '') + 'actionId'] = id
-  }
-  else {
-    newQuery.query.action = 'delete'
-    newQuery.query.actionId = id
+    newQuery.query[(props.loaderKey ?? "") + "action"] = "delete";
+    newQuery.query[(props.loaderKey ?? "") + "actionId"] = id;
+  } else {
+    newQuery.query.action = "delete";
+    newQuery.query.actionId = id;
   }
-  await router.push(newQuery)
-}
+  await router.push(newQuery);
+};
 const createForm = () => {
-  item.value = props.initialItem ? cloneDeep(props.initialItem) : {}
-  const newQuery = { query: { ...route.query } }
+  item.value = props.initialItem ? cloneDeep(props.initialItem) : {};
+  const newQuery = { query: { ...route.query } };
   if (props.loaderKey) {
-    newQuery.query[(props.loaderKey ?? '') + 'action'] = 'create'
+    newQuery.query[(props.loaderKey ?? "") + "action"] = "create";
+  } else {
+    newQuery.query.action = "create";
   }
-  else {
-    newQuery.query.action = 'create'
-  }
-  router.push(newQuery)
-}
-
+  router.push(newQuery);
+};
 const saveAction = async () => {
-  formPending.value = true
-  let itemToSave = JSON.parse(JSON.stringify(item.value))
+  formPending.value = true;
+  let itemToSave = JSON.parse(JSON.stringify(item.value));
   if (props.beforeSave != null) {
-    itemToSave = await props.beforeSave(itemToSave)
+    itemToSave = await props.beforeSave(itemToSave);
   }
-  if (action.value === 'create') {
+  if (action.value === "create") {
     if (props.beforeCreate != null) {
-      itemToSave = await props.beforeCreate(itemToSave)
+      itemToSave = await props.beforeCreate(itemToSave);
     }
-    await createItem(itemToSave)
-  }
-  else if (action.value === 'update') {
+    await createItem(itemToSave);
+  } else if (action.value === "update") {
     if (props.beforeUpdate != null) {
-      itemToSave = await props.beforeUpdate(itemToSave)
+      itemToSave = await props.beforeUpdate(itemToSave);
     }
-    await updateItem(itemToSave.id, itemToSave)
-  }
-  else if (action.value === 'delete') {
+    await updateItem(itemToSave.id, itemToSave);
+  } else if (action.value === "delete") {
     if (props.beforeDelete != null) {
-      itemToSave = await props.beforeDelete(itemToSave)
+      itemToSave = await props.beforeDelete(itemToSave);
     }
-    await deleteItem(itemToSave.id)
+    await deleteItem(itemToSave.id);
   }
   if (formErrors.value == null || Object.keys(formErrors.value).length === 0) {
-    emits(action.value,itemToSave);
-    notify(props.path + ':' + action.value, itemToSave)
-    dialogOpen.value = false
+    emits(action.value, itemToSave);
+    notify(props.path + ":" + action.value, itemToSave);
+    dialogOpen.value = false;
   }
-}
-
+};
 watch(action, () => {
   try {
-    if (action.value === 'update' && actionId.value) {
-      getItem(actionId.value)
-    }
-    else if (action.value === 'create') {
-      item.value = props.initialItem ? cloneDeep(props.initialItem) : {}
-    }
-    else if (action.value === 'delete' && actionId.value) {
-      getItem(actionId.value)
+    if (action.value === "update" && actionId.value) {
+      getItem(actionId.value);
+    } else if (action.value === "create") {
+      item.value = props.initialItem ? cloneDeep(props.initialItem) : {};
+    } else if (action.value === "delete" && actionId.value) {
+      getItem(actionId.value);
     }
+  } catch (error) {
+    console.error("Error in actionId watcher:", error);
   }
-  catch (error) {
-    console.error('Error in actionId watcher:', error)
-  }
-}, { immediate: true })
-
-const { notify } = useListenerService()
+}, { immediate: true });
+const { notify } = useListenerService();
 </script>
 
 <template>
@@ -255,7 +236,3 @@ const { notify } = useListenerService()
     </crud-form-dialog>
   </div>
 </template>
-
-<style scoped>
-
-</style>

package/dist/runtime/components/CrudFormLoader.vue.d.ts

@@ -0,0 +1,41 @@
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import("vue").DefineComponent<{}, {
+    $emit: (event: "delete" | "create" | "update", ...args: any[]) => void;
+    path: string;
+    customFilters: Record<string, any>;
+    await: boolean;
+    listeners: unknown[];
+    createTitle: string;
+    updateTitle: string;
+    deleteTitle: string;
+    allowCreate: boolean;
+    hideFilters: boolean;
+    title?: string | undefined;
+    loaderKey?: string | undefined;
+    initialItem?: Record<string, any> | undefined;
+    transformItem?: Function | undefined;
+    transformItems?: Function | undefined;
+    beforeSave?: Function | undefined;
+    beforeCreate?: Function | undefined;
+    beforeUpdate?: Function | undefined;
+    beforeDelete?: Function | undefined;
+    $props: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {
+        createAction: any;
+        updateAction: any;
+        deleteAction: any;
+        formPending: any;
+    }) => any) | undefined;
+} & {
+    form?: ((props: {
+        action: any;
+        item: any;
+        errors: any;
+    }) => any) | undefined;
+};

package/dist/runtime/components/CrudListLoader.vue

@@ -1,14 +1,13 @@
 <script setup async>
-import {useCrudApi} from "../composables/useCrudApi";
+import { useCrudApi } from "../composables/useCrudApi";
 import CrudErrorDisplay from "./CrudErrorDisplay.vue";
-import {useListenerService} from "../composables/useListenerService";
-import {watch, onMounted, onBeforeUnmount, ref} from "vue";
-import {useDebounceFn} from "@vueuse/core";
-
+import { useListenerService } from "../composables/useListenerService";
+import { watch, onMounted, onBeforeUnmount, ref } from "vue";
+import { useDebounceFn } from "@vueuse/core";
 const props = defineProps({
-  debounced : {
+  debounced: {
     type: Boolean,
-    default :false
+    default: false
   },
   path: {
     type: String,
@@ -33,7 +32,7 @@ const props = defineProps({
     required: false,
     default: false
   },
-  listeners : {
+  listeners: {
     type: Array,
     required: false,
     default: () => []
@@ -60,20 +59,16 @@ const {
   totalPages,
   hasListErrors
 } = useCrudApi(props.path);
-
 const debouncedGet = useDebounceFn(getItems, 500);
-
 const lastRequest = ref(null);
-
 const setLastRequest = () => {
-  lastRequest.value = JSON.stringify({page: props.page, perPage: props.perPage, customFilters: props.customFilters});
-}
-
+  lastRequest.value = JSON.stringify({ page: props.page, perPage: props.perPage, customFilters: props.customFilters });
+};
 watch(() => props.customFilters, () => {
-  if (lastRequest.value === JSON.stringify({page: props.page, perPage: props.perPage, customFilters: props.customFilters})) {
+  if (lastRequest.value === JSON.stringify({ page: props.page, perPage: props.perPage, customFilters: props.customFilters })) {
     return;
   }
-  if(props.debounced) {
+  if (props.debounced) {
     debouncedGet(props.page, props.perPage, props.customFilters);
   } else {
     getItems(props.page, props.perPage, props.customFilters);
@@ -83,27 +78,25 @@ watch(() => props.customFilters, () => {
 watch(() => props.page, () => {
   getItems(props.page, props.perPage, props.customFilters);
 });
-if(props.await) {
+if (props.await) {
   await getItems(props.page, props.perPage, props.customFilters);
 } else {
   getItems(props.page, props.perPage, props.customFilters);
 }
 setLastRequest();
-
-const {addListener, removeLocalListenersWithEvent, notify} = useListenerService();
+const { addListener, removeLocalListenersWithEvent, notify } = useListenerService();
 onMounted(() => {
   props.listeners.forEach((listener) => {
     addListener(listener, (data) => {
       getItems(props.page, null, props.customFilters);
     });
   });
-})
+});
 onBeforeUnmount(() => {
   props.listeners.forEach((listener) => {
     removeLocalListenersWithEvent(listener);
   });
-})
-
+});
 </script>
 
 <template>
@@ -131,7 +124,3 @@ onBeforeUnmount(() => {
     </slot>
   </div>
 </template>
-
-<style scoped>
-
-</style>

package/dist/runtime/components/CrudListLoader.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import("vue").DefineComponent<{}, {
+    page: number;
+    debounced: boolean;
+    path: string;
+    perPage: number;
+    await: boolean;
+    listeners: unknown[];
+    noResultsText: string;
+    useQueryParams: boolean;
+    customFilters?: Record<string, any> | undefined;
+    $props: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    errors?: ((props: {}) => any) | undefined;
+} & {
+    empty?: ((props: {}) => any) | undefined;
+} & {
+    loader?: ((props: {
+        empty: boolean;
+    }) => any) | undefined;
+} & {
+    default?: ((props: {
+        items: any;
+        pending: any;
+        totalItems: any;
+        totalPages: any;
+        currentPage: any;
+        perPage: any;
+        filters: any;
+    }) => any) | undefined;
+};