@dataloop-ai/components 0.18.119 → 0.18.121

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.18.119",
+  "version": "0.18.121",
   "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

package/src/components/compound/DlSearches/DlSmartSearch/utils/index.ts

@@ -112,19 +112,25 @@ export function replaceJSDatesWithStringifiedDates(
     const toReturn = cloneDeep(json)
 
     for (const key of Object.keys(toReturn)) {
-        if (typeof toReturn[key] === 'object') {
-            toReturn[key] = replaceJSDatesWithStringifiedDates(
-                toReturn[key],
-                dateKeys
-            )
-            continue
-        }
-
         const value = toReturn[key]
         const keyToCheck = key.split('.').pop()
 
         if (dateKeys.includes(keyToCheck)) {
-            toReturn[key] = formatToStringDate(value)
+            if (typeof value === 'object') {
+                const testKey = Object.keys(toReturn[key])[0]
+                if (['$gt', '$gte', '$lt', '$lte'].includes(testKey)) {
+                    toReturn[key][testKey] = formatToStringDate(
+                        toReturn[key][testKey]
+                    )
+                }
+            } else {
+                toReturn[key] = formatToStringDate(value)
+            }
+        } else if (typeof value === 'object') {
+            toReturn[key] = replaceJSDatesWithStringifiedDates(
+                toReturn[key],
+                dateKeys
+            )
         }
     }