sprintify-ui 0.8.56 → 0.8.58

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

@@ -263,14 +263,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     query: DataTableQuery;
     updateQuery: (newQuery: DataTableQuery) => void;
     updateQueryValue: (key: string, value: any) => void;
+    updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
 }) => any>> & Partial<Record<string, (_: {
     query: DataTableQuery;
     updateQuery: (newQuery: DataTableQuery) => void;
     updateQueryValue: (key: string, value: any) => void;
+    updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
 }) => any>> & Partial<Record<string, (_: {
     query: DataTableQuery;
     updateQuery: (newQuery: DataTableQuery) => void;
     updateQueryValue: (key: string, value: any) => void;
+    updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
 }) => any>> & {
     default?(_: {
         items: Collection;

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

@@ -17,6 +17,7 @@ declare function __VLS_template(): {
             query: DataTableQuery;
             updateQuery: (newQuery: DataTableQuery) => void;
             updateQueryValue: (key: string, value: any) => void;
+            updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
         }): any;
         sidebarTop?(_: {
             paginationMetadata: import("@/types").PaginationMetadata | null;
@@ -382,14 +383,17 @@ declare function __VLS_template(): {
                 query: DataTableQuery;
                 updateQuery: (newQuery: DataTableQuery) => void;
                 updateQueryValue: (key: string, value: any) => void;
+                updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
             }) => any>> & Partial<Record<string, (_: {
                 query: DataTableQuery;
                 updateQuery: (newQuery: DataTableQuery) => void;
                 updateQueryValue: (key: string, value: any) => void;
+                updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
             }) => any>> & Partial<Record<string, (_: {
                 query: DataTableQuery;
                 updateQuery: (newQuery: DataTableQuery) => void;
                 updateQueryValue: (key: string, value: any) => void;
+                updateQueryValueDebounce: import("lodash").DebouncedFunc<(key: string, value: any) => void>;
             }) => any>> & {
                 default?(_: {
                     items: Collection;

package/package.json

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

package/src/components/BaseDataIterator.vue

@@ -80,6 +80,7 @@
               :query="query"
               :update-query="updateFilterQuery"
               :update-query-value="updateFilterQueryValue"
+              :update-query-value-debounce="updateFilterQueryValueDebounce"
             />
           </BaseDataIteratorSectionBox>
         </div>
@@ -146,6 +147,7 @@
               :query="query"
               :update-query="updateFilterQuery"
               :update-query-value="updateFilterQueryValue"
+              :update-query-value-debounce="updateFilterQueryValueDebounce"
             />
           </BaseDataIteratorSectionBox>
         </template>
@@ -171,6 +173,7 @@
           :query="query"
           :update-query="updateFilterQuery"
           :update-query-value="updateFilterQueryValue"
+          :update-query-value-debounce="updateFilterQueryValueDebounce"
         />
       </BaseDataIteratorSectionModal>
     </template>
@@ -453,6 +456,10 @@ function updateFilterQueryValue(key: string, value: any) {
   updateQuery(newQuery);
 }
 
+const updateFilterQueryValueDebounce = debounce((key: string, value: any) => {
+  updateFilterQueryValue(key, value);
+}, 350);
+
 function updateFilterQuery(newQuery: DataTableQuery) {
   newQuery = set(newQuery, 'page', 1);
   updateQuery(newQuery);

package/src/components/BaseDataTable.stories.js

@@ -2,6 +2,7 @@ import BaseDataTable from "./BaseDataTable.vue";
 import BaseTableColumn from "./BaseTableColumn.vue";
 import BaseBoolean from "./BaseBoolean.vue";
 import BaseSelect from "./BaseSelect.vue";
+import BaseInput from "./BaseInput.vue";
 import BaseBadge from "./BaseBadge.vue";
 import BaseAppSnackbars from "./BaseAppSnackbars.vue";
 import BaseAppDialogs from "./BaseAppDialogs.vue";
@@ -44,6 +45,7 @@ const templateComponents = {
   BaseBadge,
   BaseAppSnackbars,
   BaseAppDialogs,
+  BaseInput,
 };
 
 const componentProps = {

package/src/components/BaseDataTable.vue

@@ -176,13 +176,14 @@
 
     <template
       v-if="$slots.filters"
-      #filters="{ query, updateQuery, updateQueryValue }"
+      #filters="{ query, updateQuery, updateQueryValue, updateQueryValueDebounce }"
     >
       <slot
         name="filters"
         :query="query"
         :update-query="updateQuery"
         :update-query-value="updateQueryValue"
+        :update-query-value-debounce="updateQueryValueDebounce"
       />
     </template>
 

package/src/components/BaseTabs.vue

@@ -146,19 +146,26 @@ function animateLine(animate = true) {
     return;
   }
 
-  lineRef.value.animate(
-    [
+  const transformPx = `translateX(${x}px)`;
+  const widthPx = `${width}px`;
+
+  if (lineRef.value.animate) {
+    lineRef.value.animate(
+      [
+        {
+          transform: transformPx,
+          width: widthPx,
+        }
+      ],
       {
-        transform: `translateX(${x}px)`,
-        width: `${width}px`,
-      },
-    ],
-    {
-      duration: 200,
-      easing: 'ease-in-out',
-      fill: 'both',
-    }
-  );
-
+        duration: 200,
+        easing: 'ease-in-out',
+        fill: 'both',
+      }
+    );
+  } else {
+    lineRef.value.style.transform = transformPx;
+    lineRef.value.style.width = widthPx;
+  }
 }
 </script>