@dataloop-ai/components 0.19.157 → 0.19.159

package/package.json

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

package/src/components/basic/DlChip/DlChip.vue

@@ -9,23 +9,13 @@
         @click="$emit('click')"
     >
         <slot name="prefix" />
-        <span
-            v-if="hasIcon"
-            class="dl-chip-left-icon-container"
-        >
-            <dl-icon
-                class="dl-chip-left-icon"
-                size="12px"
-                :icon="icon"
-            />
+        <span v-if="hasIcon" class="dl-chip-left-icon-container">
+            <dl-icon class="dl-chip-left-icon" size="12px" :icon="icon" />
         </span>
         <dl-tooltip v-if="overflow && isOverflowing">
             {{ label }}
         </dl-tooltip>
-        <div
-            v-if="hasLabelSlot || hasLabel"
-            class="dl-chip--content"
-        >
+        <div v-if="hasLabelSlot || hasLabel" class="dl-chip--content">
             <div
                 ref="dlChipRef"
                 :class="{
@@ -221,6 +211,8 @@ export default defineComponent({
         width: auto;
         min-width: 0;
         max-width: 100%;
+        display: flex;
+        align-items: center;
     }
 
     &--ellipsis {

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
                 }