sprintify-ui 0.0.78 → 0.0.80

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

@@ -132,7 +132,9 @@ declare const _default: {
             onCheck?: ((...args: any[]) => any) | undefined;
             "onUpdate:query"?: ((...args: any[]) => any) | undefined;
         }, {
-            fetch: (force?: boolean) => void;
+            fetch: (force?: boolean, showLoading?: boolean) => void;
+            fetchWithLoading: (force?: boolean) => void;
+            fetchWithoutLoading: (force?: boolean) => void;
             scrollIntoView: () => void;
             query: Ref<DataTableQuery>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete" | "checkAll" | "update:checked-rows" | "check" | "update:query")[], string, {
@@ -215,7 +217,9 @@ declare const _default: {
         onCheck?: ((...args: any[]) => any) | undefined;
         "onUpdate:query"?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
-        fetch: (force?: boolean) => void;
+        fetch: (force?: boolean, showLoading?: boolean) => void;
+        fetchWithLoading: (force?: boolean) => void;
+        fetchWithoutLoading: (force?: boolean) => void;
         scrollIntoView: () => void;
         query: Ref<DataTableQuery>;
     }> & {} & import("vue").ComponentCustomProperties & {};
@@ -276,7 +280,9 @@ declare const _default: {
     onCheck?: ((...args: any[]) => any) | undefined;
     "onUpdate:query"?: ((...args: any[]) => any) | undefined;
 }, {
-    fetch: (force?: boolean) => void;
+    fetch: (force?: boolean, showLoading?: boolean) => void;
+    fetchWithLoading: (force?: boolean) => void;
+    fetchWithoutLoading: (force?: boolean) => void;
     scrollIntoView: () => void;
     query: Ref<DataTableQuery>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "delete" | "checkAll" | "update:checked-rows" | "check" | "update:query")[], "click" | "delete" | "checkAll" | "update:checked-rows" | "check" | "update:query", {

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

@@ -300,6 +300,7 @@ declare const _default: {
             "onCell-click"?: ((...args: any[]) => any) | undefined;
         }, {
             fetch: () => void;
+            fetchWithoutLoading: () => void;
             query: import("vue").ComputedRef<DataTableQuery | null>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click")[], string, {
             actions: MenuItemInterface[];
@@ -472,6 +473,7 @@ declare const _default: {
         "onCell-click"?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         fetch: () => void;
+        fetchWithoutLoading: () => void;
         query: import("vue").ComputedRef<DataTableQuery | null>;
     }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
@@ -610,6 +612,7 @@ declare const _default: {
     "onCell-click"?: ((...args: any[]) => any) | undefined;
 }, {
     fetch: () => void;
+    fetchWithoutLoading: () => void;
     query: import("vue").ComputedRef<DataTableQuery | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click")[], "delete" | "checkAll" | "update:checked-rows" | "check" | "cell-click", {
     actions: MenuItemInterface[];

package/package.json

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

package/src/components/BaseDataIterator.vue

@@ -519,7 +519,15 @@ function onRouteChange() {
 |--------------------------------------------------------------------------
 */
 
-function fetch(force = false) {
+function fetchWithLoading(force = false) {
+  fetch(force, true);
+}
+
+function fetchWithoutLoading(force = false) {
+  fetch(force, false);
+}
+
+function fetch(force = false, showLoading = true) {
   const urlSplit = url.value.split(/[?#]/);
 
   const baseUrl = urlSplit[0];
@@ -540,7 +548,10 @@ function fetch(force = false) {
     return;
   }
 
-  loading.value = true;
+  if (showLoading) {
+    loading.value = true;
+  }
+
   lastUrl = fullUrl;
 
   http
@@ -685,6 +696,8 @@ onMounted(() => {
 
 defineExpose({
   fetch,
+  fetchWithLoading,
+  fetchWithoutLoading,
   scrollIntoView,
   query,
 });

package/src/components/BaseDataTable.vue

@@ -485,12 +485,21 @@ function fetch() {
   dataIterator.value.fetch(true);
 }
 
+function fetchWithoutLoading() {
+  if (!dataIterator.value) {
+    return;
+  }
+  // Refetch even if URL is the same
+  dataIterator.value.fetchWithLoading(true);
+}
+
 const dataIteratorQuery = computed((): DataTableQuery | null => {
   return dataIterator.value?.query ?? null;
 });
 
 defineExpose({
   fetch,
+  fetchWithoutLoading,
   query: dataIteratorQuery,
 });
 </script>

package/src/components/BaseDropdown.vue

@@ -3,7 +3,7 @@
     <button ref="button" type="button" @click="toggle()">
       <slot name="button"></slot>
     </button>
-    <div ref="dropdown">
+    <div ref="dropdown" class="z-menu">
       <Transition
         :enter-active-class="
           animated ? 'duration-100 transition  ease-out' : ''