@dataloop-ai/components 0.18.92 → 0.18.94

package/package.json

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

package/src/components/compound/DlTable/DlTable.vue

@@ -959,7 +959,7 @@ export default defineComponent({
 
             if (props.filter) {
                 filtered = computedFilterMethod.value(
-                    rows,
+                    rows.value,
                     props.filter,
                     computedCols.value,
                     getCellValue
@@ -992,10 +992,14 @@ export default defineComponent({
                         filtered = filtered.slice(0, lastRowIndex.value)
                     }
                 } else {
-                    filtered = filtered.slice(
-                        firstRowIndex.value,
-                        lastRowIndex.value
-                    )
+                    if (
+                        filtered.length > computedPagination.value.rowsPerPage
+                    ) {
+                        filtered = filtered.slice(
+                            firstRowIndex.value,
+                            lastRowIndex.value
+                        )
+                    }
                 }
             }
 

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) => {