@dataloop-ai/components 0.18.93 → 0.18.95

package/package.json

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

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

@@ -690,6 +690,12 @@ export default defineComponent({
             () => virtualScroll.value === true
         )
 
+        const hasEmptyStateProps = computed(() =>
+            props.emptyStateProps
+                ? Object.keys(props.emptyStateProps).length > 0
+                : false
+        )
+
         const groupOptions = computed(() =>
             (props.columns as DlTableColumn[]).map((item) => ({
                 label: item.label,
@@ -1337,9 +1343,6 @@ export default defineComponent({
         const updatePagination = (value: any, key: string) => {
             return setPagination({ [`${key}`]: value })
         }
-        const hasEmptyStateProps = computed(
-            () => Object.keys(props.emptyStateProps).length > 0
-        )
 
         const handleVisibleColumnsUpdate = (columns: string[]) => {
             if (columns.length < 1) return

package/src/components/compound/DlTreeTable/DlTreeTable.vue

@@ -243,8 +243,10 @@ export default defineComponent({
         const tableColumns = ref(props.columns)
         const hasFlatTreeData = true
 
-        const hasEmptyStateProps = computed(
-            () => Object.keys(props.emptyStateProps).length > 0
+        const hasEmptyStateProps = computed(() =>
+            props.emptyStateProps
+                ? Object.keys(props.emptyStateProps).length > 0
+                : false
         )
 
         const computedRows = computed(() =>
@@ -281,7 +283,7 @@ export default defineComponent({
             rowsArr = tableRows.value
         ) => {
             (rowsArr as DlTableRow[]).some((o) => {
-                if (o.name === name) {
+                if (o[getRowKey.value as unknown as string] === name) {
                     if (isVue2) {
                         set(o, 'expanded', isExpanded)
                     } else {

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