@ditojs/admin 0.270.0 → 0.273.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/admin",
-  "version": "0.270.0",
+  "version": "0.273.0",
   "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",
   "main": "dist/dito-admin.umd.min.js",
   "repository": "https://github.com/ditojs/dito/tree/master/packages/admin",
@@ -33,15 +33,15 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.15.4",
-    "@ditojs/ui": "^0.270.0",
-    "@ditojs/utils": "^0.270.0",
-    "axios": "^0.22.0",
+    "@babel/runtime": "^7.17.2",
+    "@ditojs/ui": "^0.273.0",
+    "@ditojs/utils": "^0.273.0",
+    "axios": "^0.26.0",
     "codeflask": "^1.4.1",
-    "core-js": "^3.18.1",
-    "filesize": "^8.0.3",
+    "core-js": "^3.21.1",
+    "filesize": "^8.0.7",
     "filesize-parser": "^1.5.0",
-    "nanoid": "^3.1.28",
+    "nanoid": "^3.3.1",
     "postcss-inset": "^1.0.0",
     "tinycolor2": "^1.4.2",
     "tiptap": "^1.32.2",
@@ -53,29 +53,28 @@
     "vue-js-modal": "^1.3.35",
     "vue-multiselect": "^2.1.6",
     "vue-notification": "^1.3.20",
-    "vue-router": "^3.5.2",
+    "vue-router": "^3.5.3",
     "vue-spinner": "^1.0.4",
     "vue-template-compiler": "^2.6.14",
     "vue-upload-component": "^2.8.22",
     "vuedraggable": "^2.24.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.15.5",
-    "@babel/preset-env": "^7.15.6",
-    "@ditojs/babel-preset": "^0.270.0",
-    "@ditojs/build": "^0.270.0",
+    "@babel/core": "^7.17.5",
+    "@babel/preset-env": "^7.16.11",
+    "@ditojs/babel-preset": "^0.273.0",
+    "@ditojs/build": "^0.273.0",
     "@vue/cli-plugin-babel": "^4.5.13",
-    "@vue/cli-service": "^4.5.13",
-    "autoprefixer": "^9.8.7",
+    "@vue/cli-service": "^4.5.15",
+    "autoprefixer": "^9.8.8",
     "babel-loader": "^8.2.2",
-    "fibers": "^5.0.0",
-    "postcss": "^8.3.8",
+    "postcss": "^8.4.7",
     "postcss-loader": "^4.3.0",
     "pug": "^3.0.2",
     "pug-plain-loader": "^1.1.0",
     "sass": "1.32.13",
-    "sass-loader": "^10.2.0",
+    "sass-loader": "^10.2.1",
     "webpack": "^4.46.0"
   },
-  "gitHead": "99b1d3c89aa4a4aed19a0741d6a0683654a13196"
+  "gitHead": "ecdd9eee04947c3362c449623b8a685b3e02e0ab"
 }

package/src/components/DitoForm.vue

@@ -16,6 +16,15 @@
     :is="isNestedRoute ? 'div' : 'form'"
     @submit.prevent
   )
+    // Prevent implicit submission of the form, for example when typing enter
+    // in an input field.
+    // https://stackoverflow.com/a/51507806
+    button(
+      v-show="false"
+      type="submit"
+      disabled="true"
+      aria-hidden="true"
+    )
     dito-schema(
       :schema="schema"
       :dataPath="dataPath"

package/src/components/DitoRoot.vue

@@ -158,6 +158,10 @@ export default DitoComponent.component('dito-root', {
 
     async login() {
       this.allowLogin = true
+      const {
+        additionalComponents,
+        redirectAfterLogin
+      } = this.options.login || {}
       const loginData = await this.showDialog({
         components: {
           username: {
@@ -166,7 +170,8 @@ export default DitoComponent.component('dito-root', {
           },
           password: {
             type: 'password'
-          }
+          },
+          ...additionalComponents
         },
         buttons: {
           cancel: {},
@@ -180,8 +185,12 @@ export default DitoComponent.component('dito-root', {
             data: loginData,
             internal: true
           })
-          this.setUser(response.data.user)
-          await this.resolveViews()
+          if (redirectAfterLogin) {
+            location.replace(redirectAfterLogin)
+          } else {
+            this.setUser(response.data.user)
+            await this.resolveViews()
+          }
         } catch (err) {
           const error = err.response?.data?.error
           this.notify({

package/src/components/DitoTableHead.vue

@@ -3,6 +3,7 @@
     tr
       th(
         v-for="(column, index) in columns"
+        v-if="shouldRender(column)"
         :class="getColumnClass(column)"
       )
         router-link(

package/src/mixins/ResourceMixin.js

@@ -264,9 +264,9 @@ export default {
     },
 
     getPayloadData(button, method) {
-      // Convention: only post and patch requests pass the data as payload.
+      // Convention: only post, put and patch requests pass the data as payload.
       return (
-        ['post', 'patch'].includes(method) && (
+        ['post', 'put', 'patch'].includes(method) && (
           // TODO: Use `handleDataSchema()` asynchronously here instead, to
           // offer the same amount of possibilities for data loading.
           button.getSchemaValue(['resource', 'data']) ||

package/src/types/TypeColor.vue

@@ -103,6 +103,7 @@ export default TypeComponent.register('color', {
         } else {
           this.value = tinycolor(value).toString(format)
         }
+        this.onChange()
       }
     },
 

package/src/types/TypeList.vue

@@ -51,6 +51,7 @@
           template(v-if="columns")
             dito-table-cell(
               v-for="column in columns"
+              v-if="shouldRender(column)"
               :key="column.name"
               :class="getCellClass(column)"
               :cell="column"

package/src/types/TypeMultiselect.vue

@@ -31,6 +31,7 @@
       @search-change="onSearchChange"
     )
     button.dito-button-clear.dito-button-overlay(
+      type="button"
       v-if="showClearButton"
       @click="clear"
       :disabled="disabled"

package/src/types/TypeUpload.vue

@@ -283,6 +283,7 @@ export default TypeComponent.register('upload', {
       if (newFile && oldFile) {
         const { success, error } = newFile
         if (success) {
+          this.onChange()
           const file = newFile.response[0]
           if (file) {
             file.upload = newFile