sprintify-ui 0.9.0 → 0.9.1

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

@@ -95,7 +95,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
      * Per page (only when using local data)
      */
     perPage: {
-        default: number;
+        default: undefined;
         type: NumberConstructor;
     };
     /**
@@ -219,7 +219,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
      * Per page (only when using local data)
      */
     perPage: {
-        default: number;
+        default: undefined;
         type: NumberConstructor;
     };
     /**

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

@@ -59,13 +59,13 @@ declare function __VLS_template(): {
                 readonly layout: "default" | "compact";
                 readonly scrollTopOnFetch: boolean;
                 readonly filtersPosition: "section" | "top";
-                readonly perPage: number;
                 readonly search?: ((items: Collection, search: string | null) => Collection) | undefined;
                 readonly url?: string | undefined;
                 readonly actions?: ActionItem[] | undefined;
                 readonly items?: Collection | undefined;
                 readonly urlQuery?: Record<string, any> | undefined;
                 readonly sections?: DataIteratorSection[] | undefined;
+                readonly perPage?: number | undefined;
                 readonly onClick?: ((...args: any[]) => any) | undefined;
                 readonly onDelete?: ((...args: any[]) => any) | undefined;
                 readonly onCheckAll?: ((...args: any[]) => any) | undefined;
@@ -139,7 +139,7 @@ declare function __VLS_template(): {
                     type: PropType<"section" | "top">;
                 };
                 perPage: {
-                    default: number;
+                    default: undefined;
                     type: NumberConstructor;
                 };
                 search: {
@@ -277,7 +277,7 @@ declare function __VLS_template(): {
                 type: PropType<"section" | "top">;
             };
             perPage: {
-                default: number;
+                default: undefined;
                 type: NumberConstructor;
             };
             search: {
@@ -737,7 +737,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
      * Per page (only when using local data)
      */
     perPage: {
-        default: number;
+        default: undefined;
         type: NumberConstructor;
     };
     /**
@@ -993,7 +993,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
      * Per page (only when using local data)
      */
     perPage: {
-        default: number;
+        default: undefined;
         type: NumberConstructor;
     };
     /**

package/package.json

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

package/src/components/BaseDataIterator.vue

@@ -326,7 +326,7 @@ const props = defineProps({
    * Per page (only when using local data)
    */
   perPage: {
-    default: 16,
+    default: undefined,
     type: Number,
   },
 
@@ -805,6 +805,10 @@ function paginateItems(items: Collection | undefined) {
     return [];
   }
 
+  if (!props.perPage) {
+    return items;
+  }
+
   return items.slice(
     (page.value - 1) * props.perPage,
     page.value * props.perPage

package/src/components/BaseDataTable.stories.js

@@ -341,7 +341,7 @@ const LocalTemplate = (args) => ({
 export const Local = LocalTemplate.bind({});
 const localProps = cloneDeep(componentProps);
 localProps.url = null;
-localProps.perPage = 4;
+localProps.perPage = 10;
 localProps.rowTo = undefined;
 localProps.maxHeight = undefined;
 localProps.rowKey = (row) => row.value;
@@ -350,7 +350,6 @@ Local.args = localProps;
 export const VirtualScrolling = LocalTemplate.bind({});
 const localProps2 = cloneDeep(componentProps);
 localProps2.url = null;
-localProps2.perPage = 500;
 localProps2.rowTo = undefined;
 localProps2.maxHeight = undefined;
 localProps2.rowKey = (row) => row.value;

package/src/components/BaseDataTable.vue

@@ -278,7 +278,7 @@ const props = defineProps({
    * Per page (only when using local data)
    */
   perPage: {
-    default: 16,
+    default: undefined,
     type: Number,
   },
 

package/src/composables/paginatedData.ts

@@ -28,6 +28,10 @@ export function useHasPaginatedData(
       const perPageUnref = unref(perPage);
       const pageUnref = unref(page);
 
+      if (perPageUnref === undefined || perPageUnref === null) {
+        return null;
+      }
+
       const total = data.value.length;
       const perPageArr = perPageUnref ? perPageUnref : total;
       const pageArr = pageUnref ? pageUnref : 1;