@dataloop-ai/components 0.19.132 → 0.19.133

package/package.json

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

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

@@ -346,7 +346,8 @@ export default defineComponent({
             }
         }
 
-        const setInputFromSuggestion = (value: string) => {
+        const setInputFromSuggestion = (suggestion: any) => {
+            const value = '' + suggestion
             let stringValue = ''
             let caretPosition = 0
             if (searchQuery.value.length) {

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

@@ -28,7 +28,7 @@
                     :highlighted="suggestionIndex === highlightedIndex"
                     @click="handleOption(item)"
                 >
-                    {{ item }}
+                    {{ removeQuotes(item) }}
                 </dl-list-item>
             </dl-list>
         </dl-menu>
@@ -115,11 +115,18 @@ export default defineComponent({
             emit('update:model-value', false)
         }
 
+        const removeQuotes = (item: any) => {
+            const str = '' + item
+            const match = str.match(/^'(.*)'$/)
+            return match ? match[1] : str
+        }
+
         return {
             defaultTarget,
             setHighlightedIndex,
             handleSelectedItem,
             highlightedIndex,
+            removeQuotes,
             onShow,
             onHide,
             emitModelValue,

package/src/demos/SmartSearchDemo/DlSmartSearchDemo.vue

@@ -136,6 +136,7 @@ export default defineComponent({
                 '*': 'any'
             },
             type: ['dir', 'file'],
+            test0: ['why wont', 'this work', 123],
             test1: ['5', '6', 'number'],
             test2: ['true', 'false']
         }

package/src/hooks/use-suggestions.ts

@@ -260,11 +260,15 @@ export const useSuggestions = (
             }
 
             if (Array.isArray(dataType)) {
-                localSuggestions = dataType.filter(
-                    (type) =>
-                        typeof type === 'string' &&
-                        !knownDataTypes.includes(type)
-                ) as string[]
+                localSuggestions = dataType
+                    .filter(
+                        (type) =>
+                            !knownDataTypes.includes(type as string) &&
+                            typeof type !== 'object'
+                    )
+                    .map((type) =>
+                        typeof type === 'string' ? `'${type}'` : type
+                    ) as string[]
 
                 if (!value) continue
 
@@ -704,7 +708,7 @@ const getValueSuggestions = (
                 !knownDataTypes.includes(type as string) &&
                 typeof type !== 'object'
             ) {
-                suggestion.push(type)
+                suggestion.push(typeof type === 'string' ? `'${type}'` : type)
             }
         }
     }