sprintify-ui 0.0.70 → 0.0.72

package/dist/types/src/components/BaseDataIterator.vue.d.ts

@@ -299,7 +299,7 @@ declare const _default: {
             onPageChange: (p: number) => void;
         }) => any;
         sidebarTop: (_: {
-            paginationMetadata: PaginationMetadata;
+            paginationMetadata: PaginationMetadata | null;
         }) => any;
         filters: (_: {
             query: DataTableQuery;
@@ -307,7 +307,7 @@ declare const _default: {
             updateQueryValue: (key: string, value: any) => void;
         }) => any;
         sidebarBottom: (_: {
-            paginationMetadata: PaginationMetadata;
+            paginationMetadata: PaginationMetadata | null;
         }) => any;
     };
 });

package/dist/types/src/components/BaseDataTable.vue.d.ts

@@ -650,7 +650,7 @@ declare const _default: {
             updateQueryValue: (key: string, value: any) => void;
         }) => any;
         sidebarTop: (_: {
-            paginationMetadata: import("@/types").PaginationMetadata;
+            paginationMetadata: import("@/types").PaginationMetadata | null;
         }) => any;
     };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.70",
+  "version": "0.0.72",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseDataIterator.stories.js

@@ -18,7 +18,7 @@ export default {
 };
 
 const template = `
-<BaseDataIterator v-bind="args">
+<BaseDataIterator v-bind="args" :url-query="urlQuery">
   <template #default="{ items, loading }">
     <div class="relative">
       <div class="space-y-1.5">
@@ -106,7 +106,15 @@ const Template = (args) => ({
     BaseSelect,
   },
   setup() {
-    return { args };
+    const urlQuery = ref({});
+
+    setTimeout(() => {
+      urlQuery.value = {
+        type: 'video',
+      };
+    }, 3000);
+
+    return { args, urlQuery };
   },
   template: template,
 });

package/src/components/BaseDataIterator.vue

@@ -99,7 +99,7 @@
 
         <!-- Pagination -->
 
-        <div class="mt-5">
+        <div v-if="paginationMetadata" class="mt-5">
           <p class="text-center text-xs text-slate-400 sm:text-right">
             {{
               (paginationMetadata.current_page - 1) *
@@ -119,7 +119,7 @@
           </p>
         </div>
 
-        <div class="mt-4">
+        <div v-if="paginationMetadata" class="mt-4">
           <BasePagination
             :model-value="page"
             :last-page="lastPage"
@@ -471,6 +471,13 @@ watch(
   }
 );
 
+watch(
+  () => props.urlQuery,
+  () => {
+    fetch();
+  }
+);
+
 function getRouteQuery() {
   return config.parseQueryString(window.location.search.replace(/^(\?)/, ''));
 }
@@ -587,13 +594,18 @@ const paginationMetadata = computed(() => {
   if ('meta' in data.value) {
     return data.value.meta;
   }
-  return {
-    current_page: data.value.current_page,
-    last_page: data.value.last_page,
-    per_page: data.value.per_page,
-    total: data.value.total,
-  };
-}) as ComputedRef<PaginationMetadata>;
+
+  if (data.value.current_page) {
+    return {
+      current_page: data.value.current_page,
+      last_page: data.value.last_page,
+      per_page: data.value.per_page,
+      total: data.value.total,
+    };
+  }
+
+  return null;
+}) as ComputedRef<PaginationMetadata | null>;
 
 const page = computed((): number => {
   if (query.value.page && parseInt(query.value.page + '')) {
@@ -603,6 +615,9 @@ const page = computed((): number => {
 });
 
 const lastPage = computed(() => {
+  if (!paginationMetadata.value) {
+    return 1;
+  }
   return paginationMetadata.value.last_page;
 });