@dataloop-ai/components 0.19.279 → 0.19.281

package/package.json

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

package/src/components/blocks/DlLabelPicker/DlLabelPicker.vue

@@ -7,6 +7,9 @@
             has-prepend
             padding-prop="0px 0px 0px 0px"
             :style="inputStyles"
+            @focus="onFocus"
+            @blur="onBlur"
+            @clear="onClear"
         >
             <template #prepend>
                 <dl-icon
@@ -104,7 +107,7 @@ export default defineComponent({
             default: false
         }
     },
-    emits: ['selected-label', 'click'],
+    emits: ['selected-label', 'click', 'focus', 'blur', 'clear'],
     setup(props, { emit, slots }) {
         const { items } = toRefs(props)
 
@@ -209,7 +212,15 @@ export default defineComponent({
                 }
             })
         })
-
+        const onFocus = (event: InputEvent) => {
+            emit('focus', event)
+        }
+        const onBlur = (event: InputEvent) => {
+            emit('blur', event)
+        }
+        const onClear = (event: InputEvent) => {
+            emit('clear', event)
+        }
         return {
             handleRowClick,
             inputValue,
@@ -218,7 +229,10 @@ export default defineComponent({
             inputStyles,
             rows,
             table,
-            isFilterString
+            isFilterString,
+            onClear,
+            onBlur,
+            onFocus
         }
     }
 })

package/src/hooks/use-suggestions.ts

@@ -272,12 +272,24 @@ export const useSuggestions = (
                     if (isObject(fieldOf) && !Array.isArray(fieldOf)) {
                         for (const key of Object.keys(fieldOf)) {
                             if (key === '*') continue
+                            if (aliasedKeys.includes(`${matchedField}.${key}`))
+                                continue
                             toAdd.push(`.${key}`)
                         }
                     }
                 } else {
+                    const matchedFieldBeforeDot = matchedField.replace(
+                        new RegExp(`\\.${lastWord}$`),
+                        ''
+                    )
                     for (const key in fieldOf) {
                         if (key === '*') continue
+                        if (
+                            aliasedKeys.includes(
+                                `${matchedFieldBeforeDot}.${key}`
+                            )
+                        )
+                            continue
                         if (key.startsWith(lastWord)) {
                             toAdd.push(`.${key}`)
                         }