@dataloop-ai/components 0.18.119 → 0.18.120

package/package.json

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

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

@@ -349,7 +349,7 @@ export default defineComponent({
                 stringValue = value + ' '
             }
 
-            setInputValue(
+            debouncedSetInputValue(
                 clearPartlyTypedSuggestion(input.value.innerText, stringValue)
             )
             setCaret(input.value)
@@ -452,10 +452,38 @@ export default defineComponent({
             }
         }
 
+        const endsWithOperator = computed(() => {
+            const operators = ['>=', '<=', '!=', '=', '>', '<', 'IN', 'NOT-IN']
+
+            for (const op of operators) {
+                if (
+                    searchQuery.value.endsWith(op) ||
+                    searchQuery.value.endsWith(`${op} `)
+                ) {
+                    return true
+                }
+            }
+
+            return false
+        })
+
         const onKeyPress = (e: KeyboardEvent) => {
-            if (e.key === 'Enter') {
+            if (e.code === 'Enter' || e.key === 'Enter') {
                 e.preventDefault()
                 e.stopPropagation()
+
+                if (showSuggestions.value || showDatePicker.value) {
+                    return
+                }
+
+                if (endsWithOperator.value) {
+                    return
+                }
+
+                if (!input.value.innerHTML.length) {
+                    return
+                }
+
                 emit('search', updateJSONQuery())
                 showSuggestions.value = false
                 return
@@ -467,10 +495,6 @@ export default defineComponent({
         }
 
         const onInput = (e: Event) => {
-            if ((e as KeyboardEvent).key === 'Enter') {
-                return
-            }
-
             const text = (e.target as HTMLElement).textContent
             debouncedSetInputValue(text)
         }

package/src/components/compound/DlSearches/DlSmartSearch/types.ts

@@ -36,6 +36,16 @@ export type SyntaxColorSchema = {
     }
 }
 
+export type DLSmartSearchOperators =
+    | '>='
+    | '<='
+    | '!='
+    | '='
+    | '>'
+    | '<'
+    | 'IN'
+    | 'NOT-IN'
+
 import {
     Alias as DlSmartSearchAlias,
     Schema as DlSmartSearchSchema