atom-nuxt 1.0.151 → 1.0.153

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@atomengine/atom-nuxt",
   "configKey": "atomNuxt",
-  "version": "1.0.151",
+  "version": "1.0.153",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/runtime/components/CrudAddressSearchField.vue

@@ -3,6 +3,25 @@ import { ref, watch } from "vue";
 import { useRuntimeConfig } from "nuxt/app";
 import { useDebounceFn } from "@vueuse/core";
 const atomNuxtConfig = useRuntimeConfig().public.atomNuxt;
+const props = defineProps({
+  hint: {
+    type: String,
+    default: "Search by postcode, city or country. You must select an option from the list."
+  },
+  label: {
+    type: String,
+    default: "Address search"
+  },
+  placeholder: {
+    type: String,
+    default: "Start typing address"
+  },
+  countries: {
+    type: Array,
+    default: () => []
+    // Example: ['gb', 'fr', 'us']
+  }
+});
 const searchText = ref("");
 const addressSearchResults = ref([]);
 const loading = ref(false);
@@ -18,7 +37,8 @@ const fetchAutocompleteSuggestions = async (query) => {
       {
         params: {
           input: query,
-          key: atomNuxtConfig.googleMapsApiKey
+          key: atomNuxtConfig.googleMapsApiKey,
+          components: props.countries.length ? props.countries.map((c) => `country:${c}`).join("|") : void 0
         },
         method: "GET"
       }
@@ -80,13 +100,13 @@ watch(selectedPlaceId, (newPlaceId) => {
       v-model:search="searchText"
       :items="addressSearchResults"
       v-model="selectedPlaceId"
-      label="Address search"
+      :label="label"
       item-title="text"
       item-value="place_id"
-      hint="Search by postcode, city or country. You must select an option from the list."
+      :hint="hint"
       :persistent-hint="true"
       :clearable="true"
-      placeholder="Start typing address"
+      :placeholder="placeholder"
     >
       <template #no-data>
         <v-list-item v-if="loading">

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

@@ -1,2 +1,8 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {
+    hint: string;
+    label: string;
+    placeholder: string;
+    countries: unknown[];
+    $props: any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/CrudPaginatedLoader.vue

@@ -187,9 +187,9 @@ const page = computed(() => props.loaderKey ? parseQuery(route.query[props.loade
 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 existingQuery = parseQuery(route.query);
-  for (let key in filterValues.value) {
+  const newQuery = {};
+  const existingQuery = parseQuery(route.query);
+  for (const key in filterValues.value) {
     if (filterValues.value[key] !== null && filterValues.value[key] !== "") {
       newQuery[key] = filterValues.value[key];
     }
@@ -203,6 +203,13 @@ const onQueryChange = (page2) => {
   } else {
     finalQuery = newQuery;
   }
+  if (props.loaderKey) {
+    delete finalQuery[`${props.loaderKey}action`];
+    delete finalQuery[`${props.loaderKey}actionId`];
+  } else {
+    delete finalQuery.action;
+    delete finalQuery.actionId;
+  }
   console.error("Setting query", finalQuery);
   router.replace({ path: route.path, query: finalQuery, force: true });
 };
@@ -223,10 +230,10 @@ watch(() => filterValues, () => {
 }, { deep: true });
 const debouncedGet = useDebounceFn(() => {
   console.error("DEBOUNCED GET");
-  getItems(parseInt(page.value) ?? null, null, filterValues.value);
+  getItems(Number.parseInt(page.value) ?? null, null, filterValues.value);
 }, 200);
 const updateForm = async (id) => {
-  var newQuery = { query: { ...route.query } };
+  const newQuery = { query: { ...route.query } };
   if (props.loaderKey) {
     newQuery.query[(props.loaderKey ?? "") + "action"] = "update";
     newQuery.query[(props.loaderKey ?? "") + "actionId"] = id;
@@ -237,7 +244,7 @@ const updateForm = async (id) => {
   await router.push(newQuery);
 };
 const deleteForm = async (id) => {
-  var newQuery = { query: { ...route.query } };
+  const newQuery = { query: { ...route.query } };
   if (props.loaderKey) {
     newQuery.query[(props.loaderKey ?? "") + "action"] = "delete";
     newQuery.query[(props.loaderKey ?? "") + "actionId"] = id;
@@ -249,7 +256,7 @@ const deleteForm = async (id) => {
 };
 const createForm = () => {
   item.value = props.initialItem ? cloneDeep(props.initialItem) : {};
-  var newQuery = { query: { ...route.query } };
+  const newQuery = { query: { ...route.query } };
   if (props.loaderKey) {
     newQuery.query[(props.loaderKey ?? "") + "action"] = "create";
   } else {
@@ -284,7 +291,7 @@ const saveAction = async () => {
     const savedAction = action.value;
     const savedItem = item.value;
     dialogOpen.value = false;
-    await getItems(parseInt(page.value) ?? null, null, filterValues.value);
+    await getItems(Number.parseInt(page.value) ?? null, null, filterValues.value);
     notify(savedPath + ":" + savedAction, savedItem);
   }
 };
@@ -310,7 +317,7 @@ const { addListener, removeLocalListenersWithEvent, notify } = useListenerServic
 onMounted(() => {
   props.listeners.forEach((listener) => {
     addListener(listener, (data) => {
-      getItems(parseInt(page.value) ?? null, null, filterValues.value);
+      getItems(Number.parseInt(page.value) ?? null, null, filterValues.value);
     });
   });
 });
@@ -333,13 +340,13 @@ const exportAction = async () => {
       name="before"
       :items="items"
       :pending="listPending"
-      :createAction="createForm"
-      :updateAction="updateForm"
-      :deleteAction="deleteForm"
-      :formPending="formPending"
-      :exportAction="exportAction"
-      :exportPending="exportPending"
-      :exportErrors="exportErrors"
+      :create-action="createForm"
+      :update-action="updateForm"
+      :delete-action="deleteForm"
+      :form-pending="formPending"
+      :export-action="exportAction"
+      :export-pending="exportPending"
+      :export-errors="exportErrors"
     >
     </slot>
     <div :class="contentClasses">
@@ -348,13 +355,13 @@ const exportAction = async () => {
         <v-col v-if="!hideFilters && filters.length > 0" cols="12" md="3">
           <div>
             <slot name="filters" :filters="filters">
-              <crud-filter-list :filters="filters" v-model="filterValues"></crud-filter-list>
+              <crud-filter-list v-model="filterValues" :filters="filters"></crud-filter-list>
             </slot>
           </div>
         </v-col>
-        <v-col cols="12" :md="hideFilters || filters.length == 0 ? '12' : '9'">
+        <v-col cols="12" :md="hideFilters || filters.length === 0 ? '12' : '9'">
           <div class="">
-            <slot v-if="!listPending && totalItems === 0 && !hasListErrors" name="empty" :createAction="createForm">
+            <slot v-if="!listPending && totalItems === 0 && !hasListErrors" name="empty" :create-action="createForm">
               <v-alert icon="mdi-playlist-remove" type="info" class="pa-5">
                 {{ noResultsText }}
               </v-alert>
@@ -362,20 +369,21 @@ const exportAction = async () => {
             <slot v-if="hasListErrors" name="error" :errors="listErrors">
               <crud-error-display :errors="listErrors"></crud-error-display>
             </slot>
-            <slot v-if="totalItems > 0"
-                  :items="items"
-                  :pending="listPending"
-                  :updateAction="updateForm"
-                  :deleteAction="deleteForm"
-                  :formPending="formPending"
+            <slot
+              v-if="totalItems > 0"
+              :items="items"
+              :pending="listPending"
+              :update-action="updateForm"
+              :delete-action="deleteForm"
+              :form-pending="formPending"
             >
             </slot>
           </div>
           <div v-if="totalItems > 0 && totalPages > 1" class="pa-3">
             <span class="d-none d-md-block pa-3">Page {{ currentPage }} of {{ totalPages }} pages with {{ totalItems }} items</span>
             <v-pagination
-              :disabled="listPending"
               v-model="currentPage"
+              :disabled="listPending"
               :length="totalPages"
               @input="getItems()"></v-pagination>
           </div>
@@ -388,20 +396,21 @@ const exportAction = async () => {
       v-model="item"
       :original-item="originalItem"
       :action="action"
-      :formErrors="formErrors"
-      :itemErrors="itemErrors"
-      :formPending="formPending"
-      :itemPending="itemPending"
-      :createTitle="createTitle"
-      :updateTitle="updateTitle"
-      :deleteTitle="deleteTitle"
+      :form-errors="formErrors"
+      :item-errors="itemErrors"
+      :form-pending="formPending"
+      :item-pending="itemPending"
+      :create-title="createTitle"
+      :update-title="updateTitle"
+      :delete-title="deleteTitle"
       :save-action="saveAction"
       :full-screen="fullScreenDialog"
     >
-      <slot name="form" v-bind:action="action"
-            v-bind:item="item"
-            v-bind:originalItem="originalItem"
-            v-bind:errors="formErrors">
+      <slot
+        name="form" :action="action"
+        :item="item"
+        :original-item="originalItem"
+        :errors="formErrors">
 
       </slot>
     </crud-form-dialog>

package/dist/runtime/composables/useCrudApi.js

@@ -74,6 +74,7 @@ export const useCrudApi = (path, watchPage = true, transformItem = null, transfo
     try {
       pending.value = true;
       errors.value = {};
+      debugger;
       if (crudHeadersGenerator) {
         const dynamicHeaders = await crudHeadersGenerator();
         options.headers = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "atom-nuxt",
-  "version": "1.0.151",
+  "version": "1.0.153",
   "description": "My new Nuxt module",
   "repository": "atomengine/atom-nuxt",
   "license": "MIT",
@@ -49,6 +49,7 @@
     "@types/uuid": "^8.3.0",
     "changelogen": "^0.6.1",
     "eslint": "^9.29.0",
+    "eslint-config-prettier": "^8.8.0",
     "sass": "^1.89.2",
     "typescript": "^5.8.3",
     "vue-tsc": "^2.2.10",