neo.mjs 4.0.58 → 4.0.61

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.0.58",
+    "version": "4.0.61",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -57,7 +57,7 @@
         "sass": "^1.53.0",
         "webpack": "^5.73.0",
         "webpack-cli": "^4.10.0",
-        "webpack-dev-server": "4.9.2",
+        "webpack-dev-server": "4.9.3",
         "webpack-hook-plugin": "^1.0.7",
         "webpack-node-externals": "^3.0.0"
     },

package/resources/scss/src/Global.scss

@@ -1,9 +1,12 @@
 @import "global/all";
 
 html, .neo-body-viewport {
-    height  : 100%;
-    overflow: hidden; // chrome can overscroll the full page (bug)
-    width   : 100%;
+    align-items    : center;
+    display        : flex;
+    height         : 100%;
+    justify-content: center;
+    overflow       : hidden; // chrome can overscroll the full page (bug)
+    width          : 100%;
 }
 
 .neo-body {

package/resources/scss/src/dialog/Base.scss

@@ -18,12 +18,9 @@
 }
 
 .neo-dialog-wrapper {
-    display  : flex;
-    left     : 50%;
-    position : absolute;
-    top      : 50%;
-    transform: translate(-50%, -50%);
-    z-index  : 20; // ensure to be on top of table headers
+    display : flex;
+    position: absolute;
+    z-index : 20; // ensure to be on top of table headers
 
     transition-duration       : 200ms;
     transition-property       : height, left, top, transform, width;

package/src/calendar/view/EditEventContainer.mjs

@@ -238,7 +238,7 @@ class EditEventContainer extends FormContainer {
      */
     onCalendarFieldChange(data) {
         if (!Neo.isEmpty(data.value)) {
-            this.record.calendarId = data.value[data.component.store.keyProperty];
+            this.record.calendarId = data.record[data.component.store.keyProperty];
         }
     }
 

package/src/dialog/Base.mjs

@@ -112,7 +112,7 @@ class Base extends Panel {
         /**
          * @member {String} title='Dialog Title'
          */
-        title: 'Dialog Title',
+        title_: 'Dialog Title',
         /**
          * @member {Object} _vdom
          */
@@ -270,6 +270,18 @@ class Base extends Panel {
         });
     }
 
+    /**
+     * Triggered after the title config got changed
+     * @param {String} value
+     * @param {String} oldValue
+     * @protected
+     */
+    afterSetTitle(value, oldValue) {
+        if (oldValue) {
+            this.down({flag: 'title-label'}).text = value;
+        }
+    }
+
     /**
      *
      */
@@ -391,9 +403,7 @@ class Base extends Panel {
             cls     = ['neo-header-toolbar', 'neo-toolbar'],
             headers = me.headers || [];
 
-        if (me.draggable) {
-            cls.push('neo-draggable');
-        }
+        me.draggable && cls.push('neo-draggable');
 
         headers.unshift({
             cls  : cls,
@@ -401,6 +411,7 @@ class Base extends Panel {
             id   : me.getHeaderToolbarId(),
             items: [{
                 ntype: 'label',
+                flag : 'title-label',
                 text : me.title
             }, '->', {
                 iconCls: 'far fa-window-maximize',

package/src/form/Container.mjs

@@ -64,7 +64,21 @@ class Container extends BaseContainer {
     }
 
     /**
-     * @returns {Object} values
+     * @returns {Object}
+     */
+    getSubmitValues() {
+        let fields = this.getFields(),
+            values = {};
+
+        fields.forEach(item => {
+            values[item.name || item.id] = item.getSubmitValue();
+        });
+
+        return values;
+    }
+
+    /**
+     * @returns {Object}
      */
     getValues() {
         let fields = this.getFields(),

package/src/form/field/Select.mjs

@@ -109,7 +109,13 @@ class Select extends Picker {
          * Display the first matching result while typing
          * @member {Boolean} typeAhead_=true
          */
-        typeAhead_: true
+        typeAhead_: true,
+        /**
+         * This config should point to the store keyProperty or a different model field,
+         * which you want to submit instead
+         * @member {Number|String} valueField='id'
+         */
+        valueField: 'id'
     }}
 
     /**
@@ -338,6 +344,15 @@ class Select extends Picker {
         return recordKey && this.store.get(list.getItemRecordId(recordKey)) || null;
     }
 
+    /**
+     * @returns {Number|String}
+     */
+    getSubmitValue() {
+        let me = this;
+
+        return me.record?.[me.valueField] || me.value;
+    }
+
     /**
      * @param {Object} data
      * @protected
@@ -463,7 +478,7 @@ class Select extends Picker {
 
             me.fire('select', {
                 record,
-                value : record[displayField]
+                value: record[displayField]
             });
         }
     }