atom-nuxt 1.0.138 → 1.0.140

package/dist/runtime/components/CrudPaginatedLoader.vue

@@ -1,16 +1,15 @@
 <script setup async>
-import {useCrudApi} from "../composables/useCrudApi";
-import {useCrudConverters} from "../composables/useCrudConverters";
-import {usePreviousRoute} from "../composables/usePreviousRoute";
-import {useRoute, useRouter} from '#app';
+import { useCrudApi } from "../composables/useCrudApi";
+import { useCrudConverters } from "../composables/useCrudConverters";
+import { usePreviousRoute } from "../composables/usePreviousRoute";
+import { useRoute, useRouter } from "#app";
 import CrudFilterList from "./CrudFilterList.vue";
-import {computed, ref, watch, onMounted, onBeforeUnmount} from "vue";
-import {useDebounceFn} from '@vueuse/core'
-import {useListenerService} from "../composables/useListenerService";
+import { computed, ref, watch, onMounted, onBeforeUnmount } from "vue";
+import { useDebounceFn } from "@vueuse/core";
+import { useListenerService } from "../composables/useListenerService";
 import CrudFormDialog from "./CrudFormDialog.vue";
 import CrudErrorDisplay from "./CrudErrorDisplay.vue";
-
-const {parseQuery, stringifyQuery, cloneDeep} = useCrudConverters();
+const { parseQuery, stringifyQuery, cloneDeep } = useCrudConverters();
 const props = defineProps({
   fullScreenDialog: {
     type: Boolean,
@@ -145,40 +144,29 @@ const {
   hasExportErrors,
   hasListErrors
 } = useCrudApi(props.path, false, props.transformItem, props.transformItems);
-
 perPage.value = props.perPage;
-
 const route = useRoute();
 const router = useRouter();
 const previousRoute = usePreviousRoute();
-
-const action = computed(() => route.query[(props.loaderKey ?? '') + 'action']);
-const actionId = computed(() => route.query[(props.loaderKey ?? '') + 'actionId']);
-
+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) {
-      const hasBackState = router.options.history.state.back
-
-      console.log('hasBackState', hasBackState)
-      console.log('previousRoute', previousRoute.value)
-      console.log('route', route)
-
-      const previousRouteName = previousRoute.value?.name
-      const currentRouteName = route.name
-
-      console.log('previousRouteName', previousRouteName)
-      console.log('currentRouteName', currentRouteName)
-
-
-      if (hasBackState && previousRouteName === currentRouteName) { // Only go back if there's a back state AND the previous route is the same
-        console.log('going back')
+      const hasBackState = router.options.history.state.back;
+      console.log("hasBackState", hasBackState);
+      console.log("previousRoute", previousRoute.value);
+      console.log("route", route);
+      const previousRouteName = previousRoute.value?.name;
+      const currentRouteName = route.name;
+      console.log("previousRouteName", previousRouteName);
+      console.log("currentRouteName", currentRouteName);
+      if (hasBackState && previousRouteName === currentRouteName) {
+        console.log("going back");
         router.back();
       } else {
-        // ✅ Clone the query object!
-        const currentQuery = {...route.query};
-
+        const currentQuery = { ...route.query };
         if (props.loaderKey) {
           delete currentQuery[`${props.loaderKey}action`];
           delete currentQuery[`${props.loaderKey}actionId`];
@@ -186,99 +174,89 @@ const dialogOpen = computed({
           delete currentQuery.action;
           delete currentQuery.actionId;
         }
-
         const finalRoute = {
           path: route.path,
-          query: currentQuery,
+          query: currentQuery
         };
         router.replace(finalRoute);
       }
     }
   }
 });
-
-
 const page = computed(() => props.loaderKey ? parseQuery(route.query[props.loaderKey])?.page ?? 1 : route.query.page ?? 1);
-const filterValues = props.loaderKey ? ref({...props.customFilters, ...parseQuery(route.query[props.loaderKey])} ?? props.customFilters) : ref({...props.customFilters, ...route.query});
-const onQueryChange = (page) => {
+const filterValues = props.loaderKey ? ref({ ...props.customFilters, ...parseQuery(route.query[props.loaderKey]) }) : ref({ ...props.customFilters, ...route.query });
+const onQueryChange = (page2) => {
   console.error("QUERY CHANGED");
-  let newQuery = {}
+  let newQuery = {};
   let existingQuery = parseQuery(route.query);
-
   for (let key in filterValues.value) {
     if (filterValues.value[key] !== null && filterValues.value[key] !== "") {
       newQuery[key] = filterValues.value[key];
     }
   }
-  newQuery.page = page;
+  newQuery.page = page2;
   let finalQuery = {
-    ...existingQuery,
-  }
+    ...existingQuery
+  };
   if (props.loaderKey) {
     finalQuery[props.loaderKey] = stringifyQuery(newQuery);
   } else {
     finalQuery = newQuery;
   }
   console.error("Setting query", finalQuery);
-  router.replace({path: route.path, query: finalQuery, force: true})
-}
+  router.replace({ path: route.path, query: finalQuery, force: true });
+};
 watch(currentPage, (newVal, oldValue) => {
   onQueryChange(currentPage.value);
 });
 watch(filterValues, (newVal, oldValue) => {
   console.error("FILTERS CHANGED");
   onQueryChange(1);
-}, {deep: true});
-
-
+}, { deep: true });
 watch(() => page, () => {
   console.error("ROUTE CHANGED");
   debouncedGet();
-}, {deep: true});
+}, { deep: true });
 watch(() => filterValues, () => {
   console.error("ROUTE CHANGED");
   debouncedGet();
-}, {deep: true});
-
+}, { deep: true });
 const debouncedGet = useDebounceFn(() => {
   console.error("DEBOUNCED GET");
   getItems(parseInt(page.value) ?? null, null, filterValues.value);
-}, 200)
-
+}, 200);
 const updateForm = async (id) => {
-  var newQuery = {query: {...route.query}};
+  var newQuery = { query: { ...route.query } };
   if (props.loaderKey) {
-    newQuery.query[(props.loaderKey ?? '') + 'action'] = "update";
-    newQuery.query[(props.loaderKey ?? '') + '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);
-}
+};
 const deleteForm = async (id) => {
-
-  var newQuery = {query: {...route.query}};
+  var newQuery = { query: { ...route.query } };
   if (props.loaderKey) {
-    newQuery.query[(props.loaderKey ?? '') + 'action'] = "delete";
-    newQuery.query[(props.loaderKey ?? '') + '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);
-}
+};
 const createForm = () => {
   item.value = props.initialItem ? cloneDeep(props.initialItem) : {};
-  var newQuery = {query: {...route.query}};
+  var newQuery = { query: { ...route.query } };
   if (props.loaderKey) {
-    newQuery.query[(props.loaderKey ?? '') + 'action'] = "create";
+    newQuery.query[(props.loaderKey ?? "") + "action"] = "create";
   } else {
     newQuery.query.action = "create";
   }
   router.push(newQuery);
-}
-
+};
 const saveAction = async () => {
   formPending.value = true;
   let itemToSave = JSON.parse(JSON.stringify(item.value));
@@ -309,14 +287,12 @@ const saveAction = async () => {
     await getItems(parseInt(page.value) ?? null, null, filterValues.value);
     notify(savedPath + ":" + savedAction, savedItem);
   }
-}
-
+};
 if (props.await) {
   await getItems(page.value ?? null, null, filterValues.value);
 } else {
   getItems(page.value ?? null, null, filterValues.value);
 }
-
 watch(action, (newVal, oldValue) => {
   try {
     if (action.value === "update" && actionId.value) {
@@ -329,28 +305,26 @@ watch(action, (newVal, oldValue) => {
   } catch (error) {
     console.error("Error in actionId watcher:", error);
   }
-}, {immediate: true});
-
-const {addListener, removeLocalListenersWithEvent, notify} = useListenerService();
+}, { immediate: true });
+const { addListener, removeLocalListenersWithEvent, notify } = useListenerService();
 onMounted(() => {
   props.listeners.forEach((listener) => {
     addListener(listener, (data) => {
       getItems(parseInt(page.value) ?? null, null, filterValues.value);
     });
   });
-})
+});
 onBeforeUnmount(() => {
   props.listeners.forEach((listener) => {
     removeLocalListenersWithEvent(listener);
   });
-})
+});
 const exportAction = async () => {
   await exportItems(filterValues.value);
   if (!hasExportErrors.value) {
-    window.open(exportUrl.value, '_blank');
+    window.open(exportUrl.value, "_blank");
   }
-}
-
+};
 </script>
 
 <template>
@@ -434,7 +408,3 @@ const exportAction = async () => {
 
   </div>
 </template>
-
-<style scoped>
-
-</style>

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

@@ -0,0 +1,70 @@
+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<{}, {
+    path: string;
+    customFilters: Record<string, any>;
+    perPage: number;
+    await: boolean;
+    listeners: unknown[];
+    noResultsText: string;
+    createTitle: string;
+    updateTitle: string;
+    deleteTitle: string;
+    allowCreate: boolean;
+    hideFilters: boolean;
+    fullScreenDialog: boolean;
+    contentClasses: string;
+    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 = {
+    before?: ((props: {
+        items: any;
+        pending: any;
+        createAction: any;
+        updateAction: any;
+        deleteAction: any;
+        formPending: any;
+        exportAction: any;
+        exportPending: any;
+        exportErrors: any;
+    }) => any) | undefined;
+} & {
+    filters?: ((props: {
+        filters: any;
+    }) => any) | undefined;
+} & {
+    empty?: ((props: {
+        createAction: any;
+    }) => any) | undefined;
+} & {
+    error?: ((props: {
+        errors: any;
+    }) => any) | undefined;
+} & {
+    default?: ((props: {
+        items: any;
+        pending: any;
+        updateAction: any;
+        deleteAction: any;
+        formPending: any;
+    }) => any) | undefined;
+} & {
+    form?: ((props: {
+        action: any;
+        item: any;
+        originalItem: any;
+        errors: any;
+    }) => any) | undefined;
+};

package/dist/runtime/components/CrudUploadField.vue

@@ -1,14 +1,11 @@
 <script setup>
-import {ref, computed, watch} from 'vue';
-
-import {useCrudApi} from "../composables/useCrudApi";
-import {useCrudConverters} from "../composables/useCrudConverters";
+import { ref, computed, watch } from "vue";
+import { useCrudApi } from "../composables/useCrudApi";
+import { useCrudConverters } from "../composables/useCrudConverters";
 import CrudErrorDisplay from "../components/CrudErrorDisplay.vue";
 import CrudListLoader from "./CrudListLoader.vue";
 import CrudUploadFieldSelection from "./CrudUploadFieldSelection.vue";
-
-const {toBase64, getFileType} = useCrudConverters();
-
+const { toBase64, getFileType } = useCrudConverters();
 const props = defineProps({
   replaceable: {
     type: Boolean,
@@ -33,11 +30,11 @@ const props = defineProps({
   },
   mimeKey: {
     type: String,
-    default: 'mimeType'
+    default: "mimeType"
   },
   fileNameKey: {
     type: String,
-    default: 'fileName'
+    default: "fileName"
   },
   customFilters: {
     type: Object,
@@ -52,31 +49,26 @@ const props = defineProps({
     }
   }
 });
-
 const model = defineModel();
-
 const dialog = ref(false);
 const filesToUpload = ref([]);
 const fileToUpload = ref(null);
 const searchValue = ref(null);
-
 const finish = () => {
   dialog.value = false;
 };
-
 const onSelectImage = (item) => {
   if (props.multiple) {
     if (model.value === null) model.value = [];
     if (!model.value.includes(item)) {
       model.value.push(item);
     } else {
-      model.value = model.value.filter(i => i !== item);
+      model.value = model.value.filter((i) => i !== item);
     }
   } else {
     model.value = model.value === item ? null : item;
   }
 };
-
 const {
   createItem: createUpload,
   item: completedUpload,
@@ -86,7 +78,6 @@ const {
   hasFormErrors: hasUploadErrors,
   formErrors: uploadErrors
 } = useCrudApi(props.path);
-
 const processUploads = async () => {
   uploadsLoading.value = true;
   if (props.multiple) {
@@ -120,7 +111,6 @@ const processUploads = async () => {
     dialog.value = false;
   }
 };
-
 const selectionFilters = computed(() => {
   let filters = {};
   if (hasSelection.value) {
@@ -128,15 +118,13 @@ const selectionFilters = computed(() => {
   }
   return filters;
 });
-
 const hasSelection = computed(() => {
   if (props.multiple) {
     return model.value && model.value.length > 0;
   } else {
-    return model.value && model.value !== '' && (model.value.length > 0 || model.value > 0);
+    return model.value && model.value !== "" && (model.value.length > 0 || model.value > 0);
   }
 });
-
 watch(() => filesToUpload.value, () => {
   if (filesToUpload.value.length > 0) {
     processUploads();
@@ -147,9 +135,8 @@ watch(() => fileToUpload.value, () => {
     processUploads();
   }
 });
-
-
 </script>
+
 <template>
   <div>
     <div v-if="title" style="font-size: 12px;" class="text-grey-darken-2 mb-1">{{ title }}</div>
@@ -290,7 +277,3 @@ watch(() => fileToUpload.value, () => {
     </v-dialog>
   </div>
 </template>
-
-<style scoped>
-
-</style>

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

@@ -0,0 +1,23 @@
+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<{}, {
+    path: string;
+    customFilters: Record<string, any>;
+    multiple: boolean;
+    disabled: boolean;
+    mimeKey: string;
+    fileNameKey: string;
+    replaceable: boolean;
+    isPublic: boolean;
+    additionalPostData: Record<string, any>;
+    title?: any;
+    $props: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    additionalActions?: ((props: {
+        item: any;
+    }) => any) | undefined;
+};

package/dist/runtime/components/CrudUploadFieldSelection.vue

@@ -1,13 +1,11 @@
 <script setup>
-import {computed, defineModel} from 'vue';
-import {useCrudConverters} from '../composables/useCrudConverters';
-
+import { computed, defineModel } from "vue";
+import { useCrudConverters } from "../composables/useCrudConverters";
 const {
   formatStringDate,
   uploadToUrl,
   mimeTypeToMdiIcon
 } = useCrudConverters();
-
 const props = defineProps({
   item: {
     type: Object,
@@ -15,11 +13,11 @@ const props = defineProps({
   },
   mimeKey: {
     type: String,
-    default: 'mimeType'
+    default: "mimeType"
   },
   fileNameKey: {
     type: String,
-    default: 'fileName'
+    default: "fileName"
   },
   hideTitle: {
     type: Boolean,
@@ -31,13 +29,10 @@ const props = defineProps({
     }
   }
 });
-
 const copyUrl = () => {
   navigator.clipboard.writeText(displayUrl.value);
 };
-
 const model = defineModel();
-
 const selected = computed(() => {
   if (props.item === null) {
     return false;
@@ -47,55 +42,52 @@ const selected = computed(() => {
   }
   return model.value === props.item.id;
 });
-
 const isVideo = computed(() => {
   if (props.item) {
-    return props.item[props.mimeKey].includes('video');
+    return props.item[props.mimeKey].includes("video");
   }
   return false;
 });
 const isImage = computed(() => {
   if (props.item) {
-    return props.item[props.mimeKey].includes('image');
+    return props.item[props.mimeKey].includes("image");
   }
   return false;
 });
-
 const url = computed(() => {
   if (props.item) {
-    return uploadToUrl(props.item, isImage.value ? 'thumbnail' : 'original');
+    return uploadToUrl(props.item, isImage.value ? "thumbnail" : "original");
   }
   return null;
 });
 const displayUrl = computed(() => {
   if (props.item) {
-    return uploadToUrl(props.item, isImage.value ? 'thumbnail' : 'original');
+    return uploadToUrl(props.item, isImage.value ? "thumbnail" : "original");
   }
   return null;
 });
 const downloadUrl = computed(() => {
   if (props.item) {
-    return uploadToUrl(props.item, 'original');
+    return uploadToUrl(props.item, "original");
   }
   return null;
 });
 const largeUrl = computed(() => {
   if (props.item) {
-    return uploadToUrl(props.item, 'large');
+    return uploadToUrl(props.item, "large");
   }
   return null;
 });
-
 const containerClasses = computed(() => {
   return {
-    'pa-1': true,
-    'position-relative': true,
-    'cursor': true,
-    'd-flex': true
-  }
+    "pa-1": true,
+    "position-relative": true,
+    "cursor": true,
+    "d-flex": true
+  };
 });
-
 </script>
+
 <template>
   <div :class="containerClasses">
     <v-tooltip>

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

@@ -0,0 +1,18 @@
+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<{}, {
+    item: Record<string, any>;
+    mimeKey: string;
+    fileNameKey: string;
+    hideTitle: boolean;
+    imageClickAction: Function;
+    $props: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    additionalActions?: ((props: {
+        item: any;
+    }) => any) | undefined;
+};

package/dist/types.d.mts

@@ -1,7 +1,9 @@
 import type { NuxtModule } from '@nuxt/schema'
 
-import type { default as Module } from './module.js'
+import type { default as Module } from './module.mjs'
 
 export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
 
-export { default } from './module.js'
+export { default } from './module.mjs'
+
+export { type AtomCrudModuleOptions, type azureAdB2COptions } from './module.mjs'