neo.mjs 4.0.57 → 4.0.60

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.0.57",
+    "version": "4.0.60",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

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

@@ -391,9 +391,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,

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(),
@@ -143,15 +157,11 @@ class Container extends BaseContainer {
      * This can be useful for create entity forms which show up "clean", when pressing a submit button.
      */
     updateValidationIndicators() {
-        let fields = this.getFields(),
-            form   = this.component,
-            vdom   = form.vdom;
+        let fields = this.getFields();
 
         fields.forEach(item => {
-            item.updateValidationIndicators?.(); // silent update
+            item.updateValidationIndicators?.(false);
         });
-
-        form.vdom = vdom;
     }
 }
 

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]
             });
         }
     }