sprintify-ui 0.8.55 → 0.8.56

package/dist/sprintify-ui.es.js

@@ -24569,7 +24569,10 @@ const HB = { class: "grow" }, UB = {
     ), O = T(() => _.value.page && parseInt(_.value.page + "") ? parseInt(_.value.page + "") : 1), j = T(() => a.value == s ? ce.value : nt(r.items)), { items: G, paginationMetadata: be, lastPage: Te } = zp(
       j,
       O,
-      T(() => r.perPage)
+      T(() => {
+        if (a.value != s)
+          return r.perPage;
+      })
     ), Oe = T(() => a.value == s ? G.value : _t(xt(G.value)));
     function nt(ge) {
       if (!ge)

package/dist/types/composables/paginatedData.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref } from 'vue';
 import { Collection, PaginatedCollection, ResourceCollection, PaginationMetadata } from '@/types';
-export declare function useHasPaginatedData(data: Ref<Collection | PaginatedCollection | ResourceCollection | null | undefined>, page?: ComputedRef<number>, perPage?: ComputedRef<number>): {
+export declare function useHasPaginatedData(data: Ref<Collection | PaginatedCollection | ResourceCollection | null | undefined>, page?: ComputedRef<number>, perPage?: ComputedRef<number | undefined>): {
     items: ComputedRef<Collection>;
     paginationMetadata: ComputedRef<PaginationMetadata | null>;
     lastPage: ComputedRef<number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.55",
+  "version": "0.8.56",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseDataIterator.stories.js

@@ -20,9 +20,9 @@ export default {
     },
   },
   args: {
-    url: "https://effettandem.com/api/content/articles",
+    url: "https://faker.witify.io/api/todos",
     urlQuery: {
-      per_page: 5,
+      paginate: '0',
     },
     history: false,
   },

package/src/components/BaseDataIterator.vue

@@ -721,7 +721,13 @@ const dataInternal = computed<ResourceCollection | PaginatedCollection | Collect
 const { items, paginationMetadata, lastPage } = useHasPaginatedData(
   dataInternal,
   page,
-  computed(() => props.perPage),
+  computed(() => {
+    if (dataMode.value == REMOTE) {
+      return undefined;
+    }
+
+    return props.perPage;
+  }),
 );
 
 const itemsInternal = computed(() => {

package/src/composables/paginatedData.ts

@@ -11,7 +11,7 @@ import { getItems } from '@/utils/getApiData';
 export function useHasPaginatedData(
   data: Ref<Collection | PaginatedCollection | ResourceCollection | null | undefined>,
   page?: ComputedRef<number>,
-  perPage?: ComputedRef<number>,
+  perPage?: ComputedRef<number | undefined>,
 ) {
   const items = computed(() => {
     return getItems(data.value);