@ditojs/admin 2.11.3 → 2.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/admin",
-  "version": "2.11.3",
+  "version": "2.12.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",
@@ -33,57 +33,57 @@
     "not ie_mob > 0"
   ],
   "dependencies": {
-    "@ditojs/ui": "^2.11.3",
-    "@ditojs/utils": "^2.11.1",
-    "@kyvg/vue3-notification": "^2.9.1",
+    "@ditojs/ui": "^2.12.0",
+    "@ditojs/utils": "^2.12.0",
+    "@kyvg/vue3-notification": "^3.0.1",
     "@lk77/vue3-color": "^3.0.6",
-    "@tiptap/core": "^2.0.4",
-    "@tiptap/extension-blockquote": "^2.0.4",
-    "@tiptap/extension-bold": "^2.0.4",
-    "@tiptap/extension-bullet-list": "^2.0.4",
-    "@tiptap/extension-code": "^2.0.4",
-    "@tiptap/extension-code-block": "^2.0.4",
-    "@tiptap/extension-document": "^2.0.4",
-    "@tiptap/extension-hard-break": "^2.0.4",
-    "@tiptap/extension-heading": "^2.0.4",
-    "@tiptap/extension-history": "^2.0.4",
-    "@tiptap/extension-horizontal-rule": "^2.0.4",
-    "@tiptap/extension-italic": "^2.0.4",
-    "@tiptap/extension-link": "^2.0.4",
-    "@tiptap/extension-list-item": "^2.0.4",
-    "@tiptap/extension-ordered-list": "^2.0.4",
-    "@tiptap/extension-paragraph": "^2.0.4",
-    "@tiptap/extension-strike": "^2.0.4",
-    "@tiptap/extension-text": "^2.0.4",
-    "@tiptap/extension-underline": "^2.0.4",
-    "@tiptap/pm": "^2.0.4",
-    "@tiptap/vue-3": "^2.0.4",
-    "@vueuse/integrations": "^10.3.0",
+    "@tiptap/core": "^2.1.7",
+    "@tiptap/extension-blockquote": "^2.1.7",
+    "@tiptap/extension-bold": "^2.1.7",
+    "@tiptap/extension-bullet-list": "^2.1.7",
+    "@tiptap/extension-code": "^2.1.7",
+    "@tiptap/extension-code-block": "^2.1.7",
+    "@tiptap/extension-document": "^2.1.7",
+    "@tiptap/extension-hard-break": "^2.1.7",
+    "@tiptap/extension-heading": "^2.1.7",
+    "@tiptap/extension-history": "^2.1.7",
+    "@tiptap/extension-horizontal-rule": "^2.1.7",
+    "@tiptap/extension-italic": "^2.1.7",
+    "@tiptap/extension-link": "^2.1.7",
+    "@tiptap/extension-list-item": "^2.1.7",
+    "@tiptap/extension-ordered-list": "^2.1.7",
+    "@tiptap/extension-paragraph": "^2.1.7",
+    "@tiptap/extension-strike": "^2.1.7",
+    "@tiptap/extension-text": "^2.1.7",
+    "@tiptap/extension-underline": "^2.1.7",
+    "@tiptap/pm": "^2.1.7",
+    "@tiptap/vue-3": "^2.1.7",
+    "@vueuse/integrations": "^10.4.1",
     "codeflask": "^1.4.1",
-    "filesize": "^10.0.8",
+    "filesize": "^10.0.12",
     "filesize-parser": "^1.5.0",
     "focus-trap": "^7.5.2",
     "nanoid": "^4.0.2",
     "sortablejs": "^1.15.0",
     "tinycolor2": "^1.6.0",
     "tippy.js": "^6.3.7",
-    "type-fest": "^4.1.0",
+    "type-fest": "^4.3.1",
     "vue": "^3.3.4",
     "vue-multiselect": "^3.0.0-beta.2",
     "vue-router": "^4.2.4",
     "vue-upload-component": "^3.1.8"
   },
   "devDependencies": {
-    "@ditojs/build": "^2.11.0",
-    "@vitejs/plugin-vue": "^4.2.3",
+    "@ditojs/build": "^2.12.0",
+    "@vitejs/plugin-vue": "^4.3.4",
     "@vue/compiler-sfc": "^3.3.4",
     "pug": "^3.0.2",
-    "sass": "1.64.2",
-    "typescript": "^5.1.6",
+    "sass": "1.66.1",
+    "typescript": "^5.2.2",
     "vite": "^4.4.9"
   },
   "types": "types",
-  "gitHead": "9a5406b3ce9575128e9432dfbe6a6d3177d96c3d",
+  "gitHead": "8fd13e75795f65ef5991263d6b385d2f2fb99f08",
   "scripts": {
     "build": "vite build",
     "watch": "yarn build --mode 'development' --watch",

package/src/components/DitoErrors.vue

@@ -59,7 +59,7 @@ export default DitoComponent.component('DitoErrors', {
           interactive: true,
           hideOnClick: false,
           offset: [3, 3], // 1/2 form-spacing
-          zIndex: ''
+          zIndex: 1
         })
         tip.popper.addEventListener('mousedown', () => tip.hide())
         tip.show()

package/src/components/DitoNotifications.vue

@@ -6,6 +6,7 @@
     VueNotifications(
       ref="notifications"
       classes="dito-notification"
+      :dangerouslySetInnerHTML="true"
       position=""
       width=""
     )

package/src/components/DitoRoot.vue

@@ -123,7 +123,7 @@ export default DitoComponent.component('DitoRoot', {
       animation: 'shift-away-subtle',
       interactive: true,
       delay: 250,
-      zIndex: '',
+      zIndex: 1,
       onCreate(instance) {
         instance.setContent(instance.reference.dataset.info)
       }

package/src/mixins/SourceMixin.js

@@ -603,20 +603,16 @@ export default {
     }
     // Inlined forms don't need to actually add routes.
     if (hasFormSchema(schema) && !inlined) {
-      const getPathWithParam = (path, param) =>
-        param
-          ? path
-            ? `${path}/:${param}`
-            : `:${param}`
-          : path
-
       // Lists in single-component-views (level === 0) use their view's path,
       // while all others need their path prefixed with the parent's path:
       const sourcePath = level === 0 ? '' : schema.path
       const formRoute = {
-        // Object sources don't need id params in their form paths, as they
-        // directly edit one object.
-        path: getPathWithParam(sourcePath, isListSource(schema) && param),
+        path: getPathWithParam(
+          sourcePath,
+          // Object sources don't need id params in their form paths, as they
+          // directly edit one object.
+          isListSource(schema) ? param : null
+        ),
         component: DitoComponent.component(
           nested ? 'DitoFormNested' : 'DitoForm'
         ),
@@ -672,3 +668,11 @@ export default {
     return value
   }
 }
+
+function getPathWithParam(path, param) {
+  return param
+    ? path
+      ? `${path}/:${param}`
+      : `:${param}`
+    : path
+}