@dataloop-ai/components 0.18.93 → 0.18.94

package/package.json

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

package/src/demos/SmartSearchDemo/DlSmartSearchDemo.vue

@@ -22,7 +22,12 @@
             style="width: 100px"
             class="props"
         />
-        { "metadata.system.width": 5 }
+        <div>
+            Template searches<br>
+
+            dir IN 'test', 'test2'<br>
+            { "metadata.system.width": 5 }<br>
+        </div>
         <dl-smart-search
             v-model="queryObject"
             :aliases="aliases"
@@ -45,6 +50,15 @@
         <br>
         Only the search
 
+        <dl-smart-search-input
+            v-model="queryObject"
+            :aliases="aliases"
+            :schema="schema"
+            :color-schema="colorSchema"
+            :strict="strictState"
+            :disabled="switchState"
+        />
+
         <dl-smart-search-input
             v-model="queryObject2"
             :aliases="aliases"
@@ -53,6 +67,7 @@
             :strict="strictState"
             :disabled="switchState"
         />
+        {{ queryObject }}
         {{ queryObject2 }}
     </div>
 </template>

package/src/hooks/use-suggestions.ts

@@ -370,7 +370,7 @@ const getError = (
 }
 
 const isValidByDataType = (
-    str: string,
+    str: string | string[],
     dataType: string | string[],
     operator: string
 ): boolean => {
@@ -378,12 +378,20 @@ const isValidByDataType = (
         return true
     }
 
+    if (Array.isArray(str)) {
+        for (const string of str) {
+            if (!isValidByDataType(string, dataType, operator)) {
+                return false
+            }
+        }
+        return true
+    }
+
     /**
      * TODO: create new support to validate by operation as well
      */
 
     if (Array.isArray(dataType)) {
-        str = str.replace(/\'/g, '')
         let isOneOf = !!getValueMatch(dataType, str)
         for (const type of dataType) {
             isOneOf = isOneOf || isValidByDataType(str, type, operator)
@@ -406,9 +414,12 @@ const isValidByDataType = (
 }
 
 const validateBracketValues = (value: string) => {
-    value = removeBrackets(value)
-    value = value.split(',')[0]
-    return value
+    const bracketless = removeBrackets(value)
+    const pureValue = bracketless.split(',')
+    if (pureValue.length === 1) {
+        return pureValue[0]
+    }
+    return pureValue
 }
 
 const isValidDateIntervalPattern = (str: string) => {
@@ -426,7 +437,7 @@ const isValidBoolean = (str: string) => {
 const isValidString = (str: string) => {
     const match = str.match(/(?<=\")(.*?)(?=\")|(?<=\')(.*?)(?=\')/)
     if (!match) return false
-    return match[0] === removeQuotes(str)
+    return match[0] === removeQuotes(str.trim())
 }
 
 const getOperatorByDataType = (dataType: string) => {