@dataloop-ai/components 0.19.91 → 0.19.93

package/package.json

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

package/src/components/compound/DlInput/DlInput.vue

@@ -803,7 +803,7 @@ export default defineComponent({
             return modelValue.value?.toString()
         })
 
-        const onModelValueChange = (val: string) => {
+        const onModelValueChange = (val: string | number) => {
             if (!isInternalChange.value && val !== null && val !== undefined) {
                 if (readonly.value || disabled.value) {
                     return
@@ -830,10 +830,17 @@ export default defineComponent({
             return debounced
         })
 
+        const firstTime = ref(true)
+
         watch(
             modelValue,
-            (val) => {
+            (val: string | number) => {
                 nextTick(() => {
+                    if (firstTime.value) {
+                        firstTime.value = false
+                        onModelValueChange(val)
+                        return
+                    }
                     debouncedOnModelValueChange.value(val)
                 })
             },

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

@@ -195,7 +195,10 @@ export default defineComponent({
             type: String,
             default: '28px'
         },
-
+        omitSuggestions: {
+            type: Array as PropType<string[]>,
+            default: () => [] as string[]
+        },
         strict: {
             type: Boolean,
             default: false
@@ -226,6 +229,7 @@ export default defineComponent({
             status,
             disabled,
             schema,
+            omitSuggestions,
             height,
             width
         } = toRefs(props)
@@ -252,7 +256,7 @@ export default defineComponent({
         const { suggestions, error, findSuggestions } = useSuggestions(
             schema,
             aliases,
-            { strict }
+            { strict, omitSuggestions }
         )
         //#endregion
 

package/src/demos/SmartSearchDemo/DlSmartSearchDemo.vue

@@ -79,7 +79,7 @@
 
         <br>
         <br>
-        With placeholder
+        With placeholder and [OR, true] suggestions omitted
         <dl-smart-search-input
             v-model="queryObject"
             :aliases="aliases"
@@ -87,6 +87,7 @@
             :color-schema="colorSchema"
             :strict="strictState"
             :disabled="switchState"
+            :omit-suggestions="['OR', 'true']"
             placeholder="I am a placeholder"
         />
     </div>

package/src/hooks/use-suggestions.ts

@@ -119,9 +119,9 @@ const mergeWords = (words: string[]) => {
 export const useSuggestions = (
     schema: Ref<Schema>,
     aliases: Ref<Alias[]>,
-    options: { strict?: Ref<boolean> } = {}
+    options: { strict?: Ref<boolean>; omitSuggestions?: Ref<string[]> } = {}
 ) => {
-    const { strict } = options
+    const { strict, omitSuggestions } = options
     const aliasesArray = aliases.value ?? []
     const schemaValue = schema.value ?? {}
 
@@ -286,7 +286,10 @@ export const useSuggestions = (
             ? getError(schemaValue, aliasesArray, expressions, { strict })
             : null
 
-        suggestions.value = localSuggestions
+        suggestions.value = localSuggestions.filter(
+            (value) =>
+                !omitSuggestions || !omitSuggestions.value.includes(value)
+        )
     }
 
     return { suggestions, findSuggestions, error }