grantthomas-nuxt 1.0.15 → 1.0.17

package/dist/module.json

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

package/dist/runtime/components/CrudApiSelectorField.vue

@@ -84,7 +84,6 @@ const onCancel = () => {
                 <template #item="slot">
                   <v-list-item :value="slot.props.title[endpointResponseKey]">
                     <slot name="dialogListTitle" :item="slot.props.title">
-                      {{slot.props.title[endpointResponseKey]}}
                       {{ slot.props.title[endpointDisplayKey] }}
                     </slot>
                   </v-list-item>

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

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

package/dist/runtime/components/CrudPaginatedLoader.vue

@@ -115,6 +115,16 @@ const props = defineProps({
     type: String,
     required: false,
     default: ""
+  },
+  showPerPageSelector: {
+    type: Boolean,
+    required: false,
+    default: true
+  },
+  perPageOptions: {
+    type: Array,
+    required: false,
+    default: () => [10, 25, 50, 100, 250, 500, 1e3]
   }
 });
 const {
@@ -216,6 +226,11 @@ watch(filterValues, (newVal, oldValue) => {
   console.error("FILTERS CHANGED");
   onQueryChange(1);
 }, { deep: true });
+watch(perPage, () => {
+  currentPage.value = 1;
+  onQueryChange(1);
+  debouncedGet();
+});
 watch(() => page, () => {
   console.error("ROUTE CHANGED");
   debouncedGet();
@@ -377,11 +392,24 @@ const exportAction = async () => {
           </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
-              v-model="currentPage"
-              :disabled="listPending"
-              :length="totalPages"
-              @input="getItems()"></v-pagination>
+            <div class="d-flex align-center justify-center ga-4 flex-wrap">
+              <v-pagination
+                v-model="currentPage"
+                :disabled="listPending"
+                :length="totalPages"
+                @input="getItems()"></v-pagination>
+              <v-select
+                v-if="showPerPageSelector"
+                v-model="perPage"
+                :items="perPageOptions"
+                :disabled="listPending"
+                label="Per page"
+                density="compact"
+                variant="outlined"
+                hide-details
+                style="max-width: 120px;"
+              ></v-select>
+            </div>
           </div>
         </v-col>
       </v-row>

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

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

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

@@ -17,6 +17,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     isPublic: boolean;
     additionalPostData: Record<string, any>;
     mimeTypes: unknown[];
+    clearable: boolean;
     title?: any;
     $props: any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/CrudUploadField.vue

@@ -64,6 +64,10 @@ const props = defineProps({
   mimeTypes: {
     type: Array,
     default: null
+  },
+  clearable: {
+    type: Boolean,
+    default: true
   }
 });
 const model = defineModel();
@@ -421,6 +425,7 @@ watch(() => fileToUpload.value, (newVal, oldVal) => {
       <div class="d-flex align-center justify-space-between mb-2">
         <h4 class="mb-0">Selected:</h4>
         <v-btn
+          v-if="clearable"
           size="small"
           color="error"
           variant="text"

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

@@ -17,6 +17,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     isPublic: boolean;
     additionalPostData: Record<string, any>;
     mimeTypes: unknown[];
+    clearable: boolean;
     title?: any;
     $props: any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "grantthomas-nuxt",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "description": "Crud module for Nuxt 3 interacting with sibling .net project",
   "repository": "Tap-Leagues/GrantThomas.Nuxt",
   "license": "MIT",