@ditojs/admin 2.84.1 → 2.85.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/admin",
-  "version": "2.84.1",
+  "version": "2.85.1",
   "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",
@@ -42,36 +42,36 @@
     "not ie_mob > 0"
   ],
   "dependencies": {
-    "@ditojs/ui": "^2.84.0",
-    "@ditojs/utils": "^2.84.0",
+    "@ditojs/ui": "^2.85.0",
+    "@ditojs/utils": "^2.85.0",
     "@kyvg/vue3-notification": "^3.4.2",
     "@lk77/vue3-color": "^3.0.6",
-    "@tiptap/core": "^3.20.0",
-    "@tiptap/extension-blockquote": "^3.20.0",
-    "@tiptap/extension-bold": "^3.20.0",
-    "@tiptap/extension-bullet-list": "^3.20.0",
-    "@tiptap/extension-code": "^3.20.0",
-    "@tiptap/extension-code-block": "^3.20.0",
-    "@tiptap/extension-document": "^3.20.0",
-    "@tiptap/extension-hard-break": "^3.20.0",
-    "@tiptap/extension-heading": "^3.20.0",
-    "@tiptap/extension-history": "^3.20.0",
-    "@tiptap/extension-horizontal-rule": "^3.20.0",
-    "@tiptap/extension-italic": "^3.20.0",
-    "@tiptap/extension-link": "^3.20.0",
-    "@tiptap/extension-list": "^3.20.0",
-    "@tiptap/extension-list-item": "^3.20.0",
-    "@tiptap/extension-ordered-list": "^3.20.0",
-    "@tiptap/extension-paragraph": "^3.20.0",
-    "@tiptap/extension-strike": "^3.20.0",
-    "@tiptap/extension-subscript": "^3.20.0",
-    "@tiptap/extension-superscript": "^3.20.0",
-    "@tiptap/extension-text": "^3.20.0",
-    "@tiptap/extension-text-style": "^3.20.0",
-    "@tiptap/extension-underline": "^3.20.0",
-    "@tiptap/extensions": "^3.20.0",
-    "@tiptap/pm": "^3.20.0",
-    "@tiptap/vue-3": "^3.20.0",
+    "@tiptap/core": "^3.20.1",
+    "@tiptap/extension-blockquote": "^3.20.1",
+    "@tiptap/extension-bold": "^3.20.1",
+    "@tiptap/extension-bullet-list": "^3.20.1",
+    "@tiptap/extension-code": "^3.20.1",
+    "@tiptap/extension-code-block": "^3.20.1",
+    "@tiptap/extension-document": "^3.20.1",
+    "@tiptap/extension-hard-break": "^3.20.1",
+    "@tiptap/extension-heading": "^3.20.1",
+    "@tiptap/extension-history": "^3.20.1",
+    "@tiptap/extension-horizontal-rule": "^3.20.1",
+    "@tiptap/extension-italic": "^3.20.1",
+    "@tiptap/extension-link": "^3.20.1",
+    "@tiptap/extension-list": "^3.20.1",
+    "@tiptap/extension-list-item": "^3.20.1",
+    "@tiptap/extension-ordered-list": "^3.20.1",
+    "@tiptap/extension-paragraph": "^3.20.1",
+    "@tiptap/extension-strike": "^3.20.1",
+    "@tiptap/extension-subscript": "^3.20.1",
+    "@tiptap/extension-superscript": "^3.20.1",
+    "@tiptap/extension-text": "^3.20.1",
+    "@tiptap/extension-text-style": "^3.20.1",
+    "@tiptap/extension-underline": "^3.20.1",
+    "@tiptap/extensions": "^3.20.1",
+    "@tiptap/pm": "^3.20.1",
+    "@tiptap/vue-3": "^3.20.1",
     "@vueuse/integrations": "^14.2.1",
     "codeflask": "^1.4.1",
     "filesize": "^11.0.13",
@@ -83,15 +83,15 @@
     "tippy.js": "^6.3.7",
     "tiptap-footnotes": "^3.0.1",
     "type-fest": "^5.4.4",
-    "vue": "^3.5.29",
+    "vue": "^3.5.30",
     "vue-multiselect": "^3.4.0",
     "vue-router": "^5.0.3",
     "vue-upload-component": "^3.1.17"
   },
   "devDependencies": {
-    "@ditojs/build": "^2.84.0",
+    "@ditojs/build": "^2.85.0",
     "typescript": "^5.9.3",
     "vite": "^7.3.1"
   },
-  "gitHead": "2087c12d2af181bf72af0d2e525788fa6d460c47"
+  "gitHead": "2a442c0da86355cf67fa5e2077d121c2a62342d7"
 }

package/src/components/DitoDialog.vue

@@ -10,6 +10,7 @@
   UseFocusTrap.dito-dialog__focus-trap(:options="focusTrapOptions")
     form.dito-scroll-parent(
       @submit.prevent="submit"
+      @keydown.enter="onEnter"
     )
       // Add an invisible button that prevents the clearable buttons from being
       // pressed when the user presses the Enter key:
@@ -150,6 +151,15 @@ export default DitoComponent.component('DitoDialog', {
       this.remove()
     },
 
+    onEnter(event) {
+      // Handle Enter key on input fields to submit the form. This also handles
+      // password managers (e.g. 1Password) that simulate an untrusted Enter
+      // keypress to submit, which browsers ignore.
+      if (event.target instanceof HTMLInputElement) {
+        this.submit()
+      }
+    },
+
     submit() {
       this.resolve(this.dialogData)
     },
@@ -193,6 +203,12 @@ export default DitoComponent.component('DitoDialog', {
     max-height: 100%;
   }
 
+  // Place cancel button visually first even though submit comes first in DOM,
+  // so that password managers (e.g. 1Password) find the submit button first.
+  .dito-container:has(.dito-button--cancel) {
+    order: -1;
+  }
+
   // TODO: `&__inner`
   form {
     position: relative;

package/src/components/DitoRoot.vue

@@ -295,16 +295,19 @@ export default DitoComponent.component('DitoRoot', {
           },
           ...additionalComponents
         },
+        // NOTE: Login must come before cancel in DOM order so that password
+        // managers (e.g. 1Password) target the submit button instead of cancel.
+        // DitoDialog uses CSS order to visually place cancel first.
         buttons: {
+          login: {
+            type: 'submit',
+            text: 'Login'
+          },
+
           cancel: {
             type: 'button',
             text: 'Cancel'
             // NOTE: The click event is added in DitoDialog.buttonSchemas()
-          },
-
-          login: {
-            type: 'submit',
-            text: 'Login'
           }
         }
       })

package/src/components/DitoTreeItem.vue

@@ -310,6 +310,8 @@ export default DitoComponent.component('DitoTreeItem', {
 .dito-tree-item {
   --chevron-indent: #{$chevron-indent};
 
+  overflow: hidden;
+
   > .dito-tree-header {
     > .dito-tree-branch,
     > .dito-tree-leaf {
@@ -333,12 +335,20 @@ export default DitoComponent.component('DitoTreeItem', {
   .dito-tree-leaf {
     display: flex;
     flex: auto;
+    overflow: hidden;
+    min-width: 0;
     position: relative;
     margin: 1px 0;
     @include user-select(none);
   }
 
-  .dito-tree-label,
+  .dito-tree-label {
+    display: flex;
+    align-items: baseline;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
   .dito-tree-info {
     white-space: nowrap;
   }
@@ -349,10 +359,12 @@ export default DitoComponent.component('DitoTreeItem', {
   }
 
   .dito-buttons {
+    flex: auto;
     display: flex;
     visibility: hidden;
     height: 100%;
-    margin: 1px 0 1px 1em;
+    margin: 1px;
+    margin-right: 0;
   }
 
   .dito-tree-header:hover {