@ditojs/admin 2.36.1 → 2.36.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/admin",
-  "version": "2.36.1",
+  "version": "2.36.2",
   "type": "module",
   "description": "Dito.js Admin is a schema based admin interface for Dito.js Server, featuring auto-generated views and forms and built with Vue.js",
   "repository": "https://github.com/ditojs/dito/tree/master/packages/admin",
@@ -39,7 +39,7 @@
     "not ie_mob > 0"
   ],
   "dependencies": {
-    "@ditojs/ui": "^2.36.1",
+    "@ditojs/ui": "^2.36.2",
     "@ditojs/utils": "^2.36.0",
     "@kyvg/vue3-notification": "^3.4.0",
     "@lk77/vue3-color": "^3.0.6",
@@ -83,10 +83,10 @@
     "vue-upload-component": "^3.1.17"
   },
   "devDependencies": {
-    "@ditojs/build": "^2.36.1",
+    "@ditojs/build": "^2.36.2",
     "typescript": "^5.6.3",
     "vite": "^5.4.10"
   },
   "types": "types",
-  "gitHead": "70fd2abe897c2a4fd5d51cdaa06493c059f05d46"
+  "gitHead": "1fe383dfcdd9f856f324450d60c081be51071cf9"
 }

package/src/components/DitoRoot.vue

@@ -119,14 +119,12 @@ export default DitoComponent.component('DitoRoot', {
     tippyDelegate(this.$el, {
       target: '.dito-info',
       theme: 'info',
-      appendTo: node => node.closest('.dito-pane'),
       animation: 'shift-away-subtle',
       interactive: true,
       delay: 250,
       zIndex: 1,
-      onShow(instance) {
-        instance.setContent(instance.reference.dataset.info)
-      }
+      appendTo: node => node.closest('.dito-pane'),
+      onShow: instance => instance.setContent(instance.reference.dataset.info)
     })
 
     // Clear the label marked as active on all mouse and keyboard events, except

package/src/components/DitoSchema.vue

@@ -598,26 +598,32 @@ export default DitoComponent.component('DitoSchema', {
           while (dataPathParts.length > 0) {
             const components = this.getComponentsByDataPath(dataPathParts)
             for (const component of components) {
-              if (
-                await component.navigateToComponent?.(
-                  fullDataPath,
-                  subComponents => {
-                    let found = false
-                    for (const component of subComponents) {
-                      const errs = errors[component.dataPath]
-                      if (
-                        errs &&
-                        component.showValidationErrors(errs, first && focus)
-                      ) {
-                        found = true
-                        first = false
-                        break
-                      }
+              const navigated = await component.navigateToComponent?.(
+                fullDataPath,
+                subComponents => {
+                  let found = false
+                  for (const component of subComponents) {
+                    const matched = Object.fromEntries(
+                      Object.entries(errors).filter(
+                        ([dataPath]) =>
+                          normalizeDataPath(dataPath).startsWith(
+                            component.dataPath
+                          )
+                      )
+                    )
+                    if (
+                      Object.keys(matched).length > 0 &&
+                      component.showValidationErrors(matched, first && focus)
+                    ) {
+                      found = true
+                      first = false
+                      break
                     }
-                    return found
                   }
-                )
-              ) {
+                  return found
+                }
+              )
+              if (navigated) {
                 // Found a nested form to display at least parts fo the errors.
                 // We can't show all errors at once, so we're done. Don't call
                 // `notifyErrors()` yet, as we can only display it once

package/src/mixins/SourceMixin.js

@@ -587,6 +587,7 @@ export default {
                   this.$nextTick(callOnComplete)
                 })
             }
+            return
           }
           // Keep removing the last part until we find a match.
           dataPathParts.pop()

package/src/mixins/ValidationMixin.js

@@ -95,6 +95,9 @@ export default {
     showValidationErrors(errors, focus) {
       // Convert from AJV errors objects to an array of error messages
       this.errors = []
+      if (errors.length === 0) {
+        return false
+      }
       for (const { message } of errors) {
         this.addError(message, true)
       }

package/src/types/DitoTypeComputed.vue

@@ -31,7 +31,7 @@ export default DitoTypeComponent.register(
         get() {
           const { schema } = this
           if (schema.data || schema.dataPath) {
-            const value = this.handleDataSchema(schema, 'schema')
+            const value = this.handleDataSchema(schema, 'value')
             // TODO: Fix side-effects
             // eslint-disable-next-line max-len
             // eslint-disable-next-line vue/no-side-effects-in-computed-properties