grantthomas-nuxt 1.0.19 → 1.0.21

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@grantthomas/nuxt",
   "configKey": "grantThomasNuxt",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/CrudErrorDisplay.vue

@@ -34,7 +34,7 @@ const hasErrors = computed(() => {
     </template>
     <template v-if="showAll">
       <div v-for="(errorGroup, groupKey) in errors" :key="`${random}-group-${groupKey}`">
-        <div v-for="(error, errorIndex) in errorGroup" :key="`${random}-error-${groupKey}-${errorIndex}`">
+        <div v-if="Array.isArray(errorGroup)" v-for="(error, errorIndex) in errorGroup" :key="`${random}-error-${groupKey}-${errorIndex}`">
           {{ error }}
         </div>
       </div>

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

@@ -19,6 +19,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     contentClasses: string;
     showPerPageSelector: boolean;
     perPageOptions: unknown[];
+    onSaveQueryParams: Record<string, any>;
     title?: string | undefined;
     loaderKey?: string | undefined;
     initialItem?: Record<string, any> | undefined;

package/dist/runtime/components/CrudPaginatedLoader.vue

@@ -125,6 +125,13 @@ const props = defineProps({
     type: Array,
     required: false,
     default: () => [10, 25, 50, 100, 250, 500, 1e3]
+  },
+  onSaveQueryParams: {
+    type: Object,
+    required: false,
+    default: () => {
+      return {};
+    }
   }
 });
 const {
@@ -285,17 +292,17 @@ const saveAction = async () => {
     if (props.beforeCreate != null) {
       itemToSave = await props.beforeCreate(itemToSave);
     }
-    await createItem(itemToSave);
+    await createItem(itemToSave, {}, props.onSaveQueryParams);
   } else if (action.value === "update") {
     if (props.beforeUpdate != null) {
       itemToSave = await props.beforeUpdate(itemToSave);
     }
-    await updateItem(itemToSave.id, itemToSave);
+    await updateItem(itemToSave.id, itemToSave, {}, props.onSaveQueryParams);
   } else if (action.value === "delete") {
     if (props.beforeDelete != null) {
       itemToSave = await props.beforeDelete(itemToSave);
     }
-    await deleteItem(itemToSave.id);
+    await deleteItem(itemToSave.id, {}, props.onSaveQueryParams);
   }
   if (formErrors.value == null || Object.keys(formErrors.value).length === 0) {
     const savedPath = props.path;

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

@@ -19,6 +19,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     contentClasses: string;
     showPerPageSelector: boolean;
     perPageOptions: unknown[];
+    onSaveQueryParams: Record<string, any>;
     title?: string | undefined;
     loaderKey?: string | undefined;
     initialItem?: Record<string, any> | undefined;

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

@@ -11,6 +11,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     aspectRatio: string;
     defaultAspectRatio: string;
     crop: boolean;
+    onSaveQueryParams: Record<string, any>;
     mimeKey: string;
     fileNameKey: string;
     replaceable: boolean;

package/dist/runtime/components/CrudUploadField.vue

@@ -68,10 +68,18 @@ const props = defineProps({
   clearable: {
     type: Boolean,
     default: true
+  },
+  onSaveQueryParams: {
+    type: Object,
+    default: () => {
+      return {};
+    }
   }
 });
 const model = defineModel();
+const objectsModel = defineModel("objects");
 const dialog = ref(false);
+const selectedObjects = ref(null);
 const filesToUpload = ref([]);
 const fileToUpload = ref(null);
 const searchValue = ref(null);
@@ -237,7 +245,7 @@ const handleCropComplete = async (croppedBase64) => {
       originalFilename: fileForCrop.value.name,
       ...props.additionalPostData
     };
-    await createUpload(upload);
+    await createUpload(upload, {}, props.onSaveQueryParams);
     if (!hasUploadErrors.value && hasItem.value) {
       onSelectImage(completedUpload.value.id);
     }
@@ -250,7 +258,7 @@ const handleCropComplete = async (croppedBase64) => {
       originalFilename: fileForCrop.value.name,
       ...props.additionalPostData
     };
-    await createUpload(upload);
+    await createUpload(upload, {}, props.onSaveQueryParams);
     if (!hasUploadErrors.value && hasItem.value) {
       model.value = completedUpload.value.id;
       dialog.value = false;
@@ -312,7 +320,7 @@ const processUploads = async () => {
         originalFilename: file.name,
         ...props.additionalPostData
       };
-      await createUpload(upload);
+      await createUpload(upload, {}, props.onSaveQueryParams);
       if (!hasUploadErrors.value && hasItem.value) {
         onSelectImage(completedUpload.value.id);
       }
@@ -344,7 +352,7 @@ const processUploads = async () => {
       originalFilename: fileToUpload.value.name,
       ...props.additionalPostData
     };
-    await createUpload(upload);
+    await createUpload(upload, {}, props.onSaveQueryParams);
     if (!hasUploadErrors.value && hasItem.value) {
       model.value = completedUpload.value.id;
       dialog.value = false;
@@ -409,6 +417,12 @@ watch(() => fileToUpload.value, (newVal, oldVal) => {
     processUploads();
   }
 });
+const updateSelectedObjects = (items) => {
+  selectedObjects.value = items;
+};
+watch(selectedObjects, (newObjects) => {
+  objectsModel.value = newObjects;
+}, { deep: true });
 </script>
 
 <template>
@@ -442,6 +456,7 @@ watch(() => fileToUpload.value, (newVal, oldVal) => {
         :path="path"
       >
         <template #default="uploadSlot">
+          {{ updateSelectedObjects(uploadSlot.items) }}
           <div v-for="item in uploadSlot.items" :key="item.id">
             <crud-upload-field-selection
               :hide-title="true"

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

@@ -11,6 +11,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     aspectRatio: string;
     defaultAspectRatio: string;
     crop: boolean;
+    onSaveQueryParams: Record<string, any>;
     mimeKey: string;
     fileNameKey: string;
     replaceable: boolean;

package/dist/runtime/composables/useCrudApi.d.ts

@@ -22,9 +22,9 @@ export declare const useCrudApi: (path: string, watchPage?: boolean, transformIt
     getItems: (page?: number | null, perPageLimit?: number | null, filterValues?: Record<string, any> | null, headers?: Record<string, string>) => Promise<void>;
     getItem: (id: string | number, headers?: Record<string, string>) => Promise<void>;
     getCount: (filterValues?: Record<string, any> | null, headers?: Record<string, string>) => Promise<void>;
-    createItem: (itemData: any, headers?: Record<string, string>) => Promise<void>;
-    updateItem: (id: string | number, itemData: any, headers?: Record<string, string>) => Promise<void>;
-    deleteItem: (id: string | number, headers?: Record<string, string>) => Promise<void>;
+    createItem: (itemData: any, headers?: Record<string, string>, queryParams?: Record<string, any> | null) => Promise<void>;
+    updateItem: (id: string | number, itemData: any, headers?: Record<string, string>, queryParams?: Record<string, any> | null) => Promise<void>;
+    deleteItem: (id: string | number, headers?: Record<string, string>, queryParams?: Record<string, any> | null) => Promise<void>;
     exportItems: (filterValues?: Record<string, any> | null) => Promise<void>;
     exportUrl: Ref<any, any>;
     hasFormErrors: import("vue").ComputedRef<boolean>;

package/dist/runtime/composables/useCrudApi.js

@@ -221,8 +221,12 @@ export const useCrudApi = (path, watchPage = true, transformItem = null, transfo
       originalItem.value = cloneDeep(res);
     }
   };
-  const createItem = async (itemData, headers = {}) => {
-    const url = `${crudNuxtConfig.apiBaseUrl}/${path}`;
+  const createItem = async (itemData, headers = {}, queryParams = null) => {
+    let url = `${crudNuxtConfig.apiBaseUrl}/${path}`;
+    if (queryParams) {
+      const queryString = stringifyQuery(queryParams, "?");
+      url += queryString;
+    }
     const options = {
       method: "POST",
       headers: {
@@ -240,8 +244,12 @@ export const useCrudApi = (path, watchPage = true, transformItem = null, transfo
       originalItem.value = cloneDeep(res);
     }
   };
-  const updateItem = async (id, itemData, headers = {}) => {
-    const url = `${crudNuxtConfig.apiBaseUrl}/${path}/${id}`;
+  const updateItem = async (id, itemData, headers = {}, queryParams = null) => {
+    let url = `${crudNuxtConfig.apiBaseUrl}/${path}/${id}`;
+    if (queryParams) {
+      const queryString = stringifyQuery(queryParams, "?");
+      url += queryString;
+    }
     const options = {
       method: "PUT",
       headers: {
@@ -259,8 +267,12 @@ export const useCrudApi = (path, watchPage = true, transformItem = null, transfo
       originalItem.value = cloneDeep(res);
     }
   };
-  const deleteItem = async (id, headers = {}) => {
-    const url = `${crudNuxtConfig.apiBaseUrl}/${path}/${id}`;
+  const deleteItem = async (id, headers = {}, queryParams = null) => {
+    let url = `${crudNuxtConfig.apiBaseUrl}/${path}/${id}`;
+    if (queryParams) {
+      const queryString = stringifyQuery(queryParams, "?");
+      url += queryString;
+    }
     const options = {
       method: "DELETE",
       headers: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "grantthomas-nuxt",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "Crud module for Nuxt 3 interacting with sibling .net project",
   "repository": "Tap-Leagues/GrantThomas.Nuxt",
   "license": "MIT",
@@ -29,7 +29,7 @@
   "dependencies": {
     "@azure/msal-browser": "^4.13.1",
     "@nuxt/image": "^1.10.0",
-    "@nuxt/kit": "^3.17.5",
+    "@nuxt/kit": "^4.3.0",
     "@nuxt/scripts": "^0.11.8",
     "@vueuse/core": "^13.3.0",
     "@vueuse/nuxt": "^13.3.0",
@@ -48,8 +48,8 @@
     "@nuxt/devtools": "1.7.0",
     "@nuxt/eslint-config": "^1.4.1",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.5",
-    "@nuxt/test-utils": "^3.19.1",
+    "@nuxt/schema": "^4.3.0",
+    "@nuxt/test-utils": "^4.0.0",
     "@types/luxon": "^3.6.2",
     "@types/node": "^22.15.32",
     "@types/uuid": "^8.3.0",
@@ -58,7 +58,7 @@
     "eslint-config-prettier": "^8.8.0",
     "sass": "^1.89.2",
     "typescript": "^5.8.3",
-    "vitest": "^3.2.3",
+    "vitest": "^4.0.2",
     "vue-tsc": "^2.2.10"
   }
 }