sprintify-ui 0.9.0 → 0.9.2

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

@@ -13,6 +13,7 @@ declare function __VLS_template(): {
             index: number;
         }): any;
         checkedHeader?(_: any): any;
+        empty?(_: {}): any;
         filters?(_: {
             query: {
                 [x: string]: any;
@@ -59,13 +60,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 +140,7 @@ declare function __VLS_template(): {
                     type: PropType<"section" | "top">;
                 };
                 perPage: {
-                    default: number;
+                    default: undefined;
                     type: NumberConstructor;
                 };
                 search: {
@@ -277,7 +278,7 @@ declare function __VLS_template(): {
                 type: PropType<"section" | "top">;
             };
             perPage: {
-                default: number;
+                default: undefined;
                 type: NumberConstructor;
             };
             search: {
@@ -737,7 +738,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 +994,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.2",
   "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

@@ -160,15 +160,19 @@
             </div>
             <div
               v-else-if="dataIteratorProps.firstLoad"
-              class="flex items-center justify-center py-16"
             >
-              <div class="flex flex-col items-center">
-                <BaseEmptyState class="w-24" />
-
-                <p class="mt-3 text-center text-sm text-slate-600">
-                  {{ t('sui.nothing_found') }}
-                </p>
-              </div>
+              <slot name="empty">
+                <div class="flex items-center justify-center py-16">
+
+                  <div class="flex flex-col items-center">
+                    <BaseEmptyState class="w-24" />
+                    
+                    <p class="mt-3 text-center text-sm text-slate-600">
+                      {{ t('sui.nothing_found') }}
+                    </p>
+                  </div>
+                </div>
+              </slot>
             </div>
           </template>
         </BaseDataTableTemplate>
@@ -278,7 +282,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;