@dataloop-ai/components 0.19.126 → 0.19.128

package/package.json

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

package/src/components/compound/DlPagination/DlPagination.vue

@@ -134,7 +134,7 @@ export default defineComponent({
         },
         itemsName: {
             type: String,
-            default: null
+            default: 'rows'
         },
         withQuickNavigation: Boolean,
         withRowsPerPage: Boolean,

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

@@ -255,11 +255,8 @@ export default defineComponent({
         //#region hooks
         // todo: these can be stale data. we need to update them on schema change.
         const { hasEllipsis } = useSizeObserver(input)
-        const { suggestions, error, findSuggestions } = useSuggestions(
-            schema,
-            aliases,
-            { strict, omitSuggestions }
-        )
+        const { suggestions, error, findSuggestions, checkErrors } =
+            useSuggestions(schema, aliases, { strict, omitSuggestions })
         //#endregion
 
         //#region methods
@@ -328,6 +325,7 @@ export default defineComponent({
 
             nextTick(() => {
                 findSuggestions(value.substring(0, caretAt.value))
+                checkErrors(value)
             })
 
             if (!noEmit) {
@@ -492,6 +490,7 @@ export default defineComponent({
             }
             nextTick(() => {
                 findSuggestions('')
+                checkErrors('')
             })
         }
 

package/src/demos/DlTableDemo.vue

@@ -706,7 +706,7 @@ const columns = [
     },
     {
         name: 'calories',
-        align: 'center',
+        align: 'right',
         label: 'Calories',
         field: 'calories',
         sortable: true,

package/src/hooks/use-suggestions.ts

@@ -151,6 +151,18 @@ export const useSuggestions = (
     const suggestions: Ref<Suggestion[]> = ref(sortedSuggestions)
     const error: Ref<string | null> = ref(null)
 
+    const checkErrors = (input: string) => {
+        input = input.replace(/\s+/g, ' ').trimStart()
+
+        const words = splitByQuotes(input, space)
+        const mergedWords = mergeWords(words)
+        const expressions = mapWordsToExpressions(mergedWords)
+
+        error.value = input.length
+            ? getError(schemaValue, aliasesArray, expressions, { strict })
+            : null
+    }
+
     const findSuggestions = (input: string) => {
         input = input.replace(/\s+/g, ' ').trimStart()
         localSuggestions = sortedSuggestions
@@ -288,17 +300,13 @@ export const useSuggestions = (
             localSuggestions = sortedSuggestions
         }
 
-        error.value = input.length
-            ? getError(schemaValue, aliasesArray, expressions, { strict })
-            : null
-
         suggestions.value = localSuggestions.filter(
             (value) =>
                 !omitSuggestions || !omitSuggestions.value.includes(value)
         )
     }
 
-    return { suggestions, findSuggestions, error }
+    return { suggestions, findSuggestions, error, checkErrors }
 }
 
 const errors = {