sprintify-ui 0.0.191 → 0.0.192

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

@@ -80,7 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         search?: string | undefined;
         filter?: Record<string, any> | undefined;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete" | "checkAll" | "update:checked-rows" | "check" | "update:query" | "will-scroll-top")[], "click" | "delete" | "checkAll" | "update:checked-rows" | "check" | "update:query" | "will-scroll-top", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete" | "checkAll" | "update:checked-rows" | "check" | "update:query" | "will-scroll-top" | "fetch")[], "click" | "delete" | "checkAll" | "update:checked-rows" | "check" | "update:query" | "will-scroll-top" | "fetch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Base URL from which to make requests
      */
@@ -155,6 +155,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onCheck?: ((...args: any[]) => any) | undefined;
     "onUpdate:query"?: ((...args: any[]) => any) | undefined;
     "onWill-scroll-top"?: ((...args: any[]) => any) | undefined;
+    onFetch?: ((...args: any[]) => any) | undefined;
 }, {
     actions: MenuItemInterface[];
     urlQuery: Record<string, any>;

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

@@ -163,7 +163,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     fetch: () => void;
     fetchWithoutLoading: () => void;
     query: import("vue").ComputedRef<DataTableQuery | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:checked-rows" | "cell-click")[], "delete" | "update:checked-rows" | "cell-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "update:checked-rows" | "fetch" | "cell-click")[], "delete" | "update:checked-rows" | "fetch" | "cell-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Base URL from which to make requests
      */
@@ -324,6 +324,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     onDelete?: ((...args: any[]) => any) | undefined;
     "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
+    onFetch?: ((...args: any[]) => any) | undefined;
     "onCell-click"?: ((...args: any[]) => any) | undefined;
 }, {
     actions: MenuItemInterface[];

package/package.json

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

package/src/components/BaseDataIterator.vue

@@ -287,6 +287,7 @@ const emit = defineEmits([
   'check',
   'update:query',
   'will-scroll-top',
+  'fetch',
 ]);
 
 const dataIteratorNode = ref<null | HTMLElement>(null);
@@ -593,6 +594,7 @@ function fetch(force = false, showLoading = true) {
       loading.value = false;
       error.value = false;
       firstLoad.value = true;
+      emit('fetch', data.value);
     })
     .catch(() => {
       data.value = null;

package/src/components/BaseDataTable.stories.js

@@ -38,7 +38,9 @@ const templateComponents = {
 };
 
 const template = `
-<BaseDataTable v-bind="args" @cell-click="onCellClick">
+<div>Last fetch: {{ lastFetch?.getTime() }} (should update on each fetch)</div>
+<br/>
+<BaseDataTable v-bind="args" @cell-click="onCellClick" @fetch="onFetch">
   <BaseTableColumn
     v-slot="{ row }"
     label="Titre"
@@ -181,7 +183,13 @@ const templateSetup = (args) => {
     alert('cell click!');
   }
 
-  return { args, onCellClick, ownerIsVisible: true };
+  const lastFetch = ref(null);
+
+  function onFetch() {
+    lastFetch.value = new Date();
+  }
+
+  return { args, onCellClick, ownerIsVisible: true, onFetch, lastFetch };
 };
 
 const Template = (args) => ({

package/src/components/BaseDataTable.vue

@@ -10,6 +10,7 @@
     :layout="layout"
     :sections="sectionsInternal"
     :scroll-top-on-fetch="maxHeight ? false : scrollTopOnFetch"
+    @fetch="onFetch"
     @will-scroll-top="onWillScrollTop"
   >
     <template
@@ -200,10 +201,13 @@
 <script lang="ts" setup>
 import { PropType } from 'vue';
 import {
+  Collection,
   CollectionItem,
   DataIteratorSection,
   DataTableQuery,
   MenuItemInterface,
+  PaginatedCollection,
+  ResourceCollection,
   RowAction,
 } from '@/types';
 import { useDialogsStore } from '@/stores/dialogs';
@@ -427,7 +431,12 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(['cell-click', 'delete', 'update:checked-rows']);
+const emit = defineEmits([
+  'cell-click',
+  'delete',
+  'update:checked-rows',
+  'fetch',
+]);
 
 const dataIterator = ref<null | InstanceType<typeof BaseDataIterator>>(null);
 
@@ -679,6 +688,18 @@ function onWillScrollTop() {
   }
 }
 
+/*
+|--------------------------------------------------------------------------
+| On fetch
+|--------------------------------------------------------------------------
+*/
+
+function onFetch(
+  payload: null | ResourceCollection | PaginatedCollection | Collection
+) {
+  emit('fetch', payload);
+}
+
 /*
 |--------------------------------------------------------------------------
 | Exposed functions