@dataloop-ai/components 0.19.156 → 0.19.158

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.19.156",
+  "version": "0.19.158",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/compound/DlSearches/DlSmartSearch/components/DlSmartSearchInput.vue

@@ -5,11 +5,7 @@
         class="dl-smart-search-input"
     >
         <div class="dl-smart-search-input__search-bar-wrapper">
-            <div
-                ref="searchBar"
-                :class="searchBarClasses"
-                @click="focus()"
-            >
+            <div ref="searchBar" :class="searchBarClasses" @click="focus()">
                 <div class="dl-smart-search-input__status-icon-wrapper">
                     <dl-icon
                         v-if="!focused && computedStatus"
@@ -274,7 +270,11 @@ export default defineComponent({
         // todo: these can be stale data. we need to update them on schema change.
         const { hasEllipsis } = useSizeObserver(input)
         const { suggestions, error, findSuggestions, checkErrors } =
-            useSuggestions(schema, aliases, { strict, forbiddenKeys, omitSuggestions })
+            useSuggestions(schema, aliases, {
+                strict,
+                forbiddenKeys,
+                omitSuggestions
+            })
         //#endregion
 
         //#region methods
@@ -469,7 +469,9 @@ export default defineComponent({
             input.value.focus()
 
             focused.value = true
-            showSuggestions.value = true
+            if (suggestions.value.length) {
+                showSuggestions.value = true
+            }
             emit('focus')
         }
 
@@ -495,7 +497,7 @@ export default defineComponent({
             }
 
             if (cancelBlur.value === 0) {
-                if (showSuggestions.value && computedStatus.value.type !== 'error') {
+                if (showSuggestions.value) {
                     focused.value = true
                     return
                 }

package/src/components/shared/DlInfiniteScroll/DlInfiniteScroll.vue

@@ -9,14 +9,8 @@
             :container-ref="containerRef"
             @scroll-to-top="onScrollToTop"
         />
-        <slot
-            name="content"
-            :items="displayItems"
-        >
-            <div
-                v-for="item in displayItems"
-                :key="itemKey(item)"
-            >
+        <slot name="content" :items="displayItems">
+            <div v-for="item in displayItems" :key="itemKey(item)">
                 <slot :item="item" />
             </div>
         </slot>
@@ -160,6 +154,7 @@ export default defineComponent({
                     items.value,
                     pageSize.value
                 )
+                onScrollToTop()
             },
             { immediate: true }
         )

package/src/components/shared/DlVirtualScroll/styles/dl-virtual-scroll-styles.scss

@@ -1,4 +1,6 @@
 .dl-virtual-scroll {
+    scroll-behavior: auto !important;
+
     &:focus {
         outline: 0;
     }