atom-nuxt 1.0.152 → 1.0.154

package/dist/module.json

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

package/dist/runtime/components/CrudFormDialog.vue

@@ -77,6 +77,11 @@ const props = defineProps({
     required: false,
     default: false
   },
+  hideActions: {
+    type: Boolean,
+    required: false,
+    default: false
+  },
   originalItem: {
     type: Object,
     required: false,
@@ -154,7 +159,7 @@ const isLarge = computed(() => display.lgAndUp.value);
           </suspense>
         </div>
       </div>
-      <v-card-actions class="pa-0 border-t pa-4 elevation-5">
+      <v-card-actions v-if="!hideActions" class="pa-0 border-t pa-4 elevation-5">
         <v-btn
           size="large"
           class="px-5"

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

@@ -17,6 +17,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     btnIcon: string;
     btnColor: string;
     fullScreen: boolean;
+    hideActions: boolean;
     originalItem: Record<string, any>;
     btnText?: string | undefined;
     $props: any;

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.152",
+  "version": "1.0.154",
   "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",