sprintify-ui 0.10.20 → 0.10.22

package/package.json

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

package/src/components/BaseAutocompleteFetch.vue

@@ -64,7 +64,7 @@
 
 <script lang="ts" setup>
 import { config } from '@/index';
-import { debounce, throttle } from 'lodash';
+import { debounce, throttle, uniqueId } from 'lodash';
 import { PropType } from 'vue';
 import {
   Collection,
@@ -239,13 +239,12 @@ watch(
   }
 );
 
-function search() {
-  if (fetching.value) {
-    return;
-  }
+let requestId = '';
 
+async function search() {
   fetching.value = true;
   showLoading.value = true;
+  requestId = uniqueId();
 
   config.http
     .get(props.url, {
@@ -255,6 +254,11 @@ function search() {
       },
     })
     .then((response: any) => {
+
+      if (requestId !== requestId) {
+        return;
+      }
+
       data.value = response.data as
         | ResourceCollection
         | PaginatedCollection
@@ -269,6 +273,11 @@ function search() {
       firstSearch.value = true;
     })
     .finally(() => {
+
+      if (requestId !== requestId) {
+        return;
+      }
+
       fetching.value = false;
       showLoading.value = false;
     });

package/src/components/BaseDataIterator.vue

@@ -692,14 +692,12 @@ function fetch(force = false, showLoading = true) {
     .get(fullUrl)
     .then((response) => {
       data.value = response.data;
-      loading.value = false;
       error.value = false;
       firstLoad.value = true;
       emit('fetch', data.value);
     })
     .catch(() => {
       data.value = null;
-      loading.value = false;
       error.value = true;
     })
     .finally(() => {

package/src/components/BaseTagAutocompleteFetch.vue

@@ -58,7 +58,7 @@
 </template>
 
 <script lang="ts" setup>
-import { debounce, throttle } from 'lodash';
+import { debounce, throttle, uniqueId } from 'lodash';
 import { config } from '@/index';
 import { PropType } from 'vue';
 import {
@@ -175,15 +175,16 @@ watch(
   }
 );
 
+let requestId = '';
+
 const search = () => {
-  if (fetching.value) {
-    return;
-  }
 
   fetching.value = true;
   showLoading.value = true;
   firstSearch.value = true;
 
+  requestId = uniqueId();
+
   http
     .get(props.url, {
       params: {
@@ -192,6 +193,11 @@ const search = () => {
       },
     })
     .then((response: any) => {
+
+      if (requestId != requestId) {
+        return;
+      }
+
       data.value = response.data as
         | ResourceCollection
         | PaginatedCollection
@@ -206,6 +212,11 @@ const search = () => {
       firstSearch.value = true;
     })
     .finally(() => {
+
+      if (requestId != requestId) {
+        return;
+      }
+
       fetching.value = false;
       showLoading.value = false;
     });

package/src/components/BaseTooltip.vue

@@ -71,7 +71,7 @@ const props = withDefaults(defineProps<{
       placement: 'top-start',
     };
   },
-  interactive: true,
+  interactive: false,
   delay: 0,
   dark: false,
   offset: 6,