neo.mjs 2.3.17 → 3.0.1

package/src/form/field/CheckBox.mjs

@@ -70,11 +70,10 @@ class CheckBox extends Base {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me           = this,
             domListeners = me.domListeners;
@@ -87,7 +86,6 @@ class CheckBox extends Base {
     }
 
     /**
-     *
      * @param {Boolean} value
      * @param {Boolean} oldValue
      * @protected
@@ -261,7 +259,6 @@ class CheckBox extends Base {
     }
 
     /**
-     *
      * @returns {String}
      */
     getInputElId() {
@@ -269,7 +266,6 @@ class CheckBox extends Base {
     }
 
     /**
-     *
      * @returns {String}
      */
     getLabelId() {
@@ -277,7 +273,6 @@ class CheckBox extends Base {
     }
 
     /**
-     *
      * @returns {String}
      */
     getValueLabelId() {

package/src/form/field/Color.mjs

@@ -45,11 +45,10 @@ class Color extends Select {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me           = this,
             vdom         = me.vdom,
@@ -95,7 +94,6 @@ class Color extends Select {
     }
 
     /**
-     *
      * @returns {String}
      */
     getColor() {
@@ -107,7 +105,6 @@ class Color extends Select {
     }
 
     /**
-     *
      * @returns {String}
      */
     getColorIndicatorId() {

package/src/form/field/Date.mjs

@@ -60,11 +60,10 @@ class DateField extends Picker {
     }}
 
     /**
-     *
      * @param config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me = this;
 
@@ -85,7 +84,6 @@ class DateField extends Picker {
     }
 
     /**
-     *
      * @returns {Neo.component.DateSelector}
      */
     createPickerComponent() {
@@ -104,7 +102,6 @@ class DateField extends Picker {
     }
 
     /**
-     *
      * @param {Object} opts
      */
     onDatePickerChange(opts) {
@@ -141,7 +138,6 @@ class DateField extends Picker {
     }
 
     /**
-     *
      * @param {Object} data
      * @protected
      */

package/src/form/field/Display.mjs

@@ -29,11 +29,10 @@ class Display extends Text {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me      = this,
             vdom    = me.vdom,

package/src/form/field/Picker.mjs

@@ -84,7 +84,6 @@ class Picker extends Text {
     }}
 
     /**
-     *
      * @param {Boolean} silent
      */
     applyClientRects(silent) {
@@ -110,7 +109,6 @@ class Picker extends Text {
     }
 
     /**
-     *
      * @returns {Neo.container.Base}
      */
     createPicker() {
@@ -139,16 +137,13 @@ class Picker extends Text {
     }
 
     /**
-     *
      * @param {Function} [callback]
      * @param {Function} [callbackScope]
      */
     getClientRectsThenShow(callback, callbackScope) {
         let me = this;
 
-        Neo.main.DomAccess.getBoundingClientRect({
-            id: [me.id, me.getInputWrapperId(), 'body']
-        }).then(data => {
+        me.getDomRect([me.id, me.getInputWrapperId(), 'body']).then(data => {
             me.clientRects = data;
             me.showPicker(callback, callbackScope);
         });
@@ -169,7 +164,6 @@ class Picker extends Text {
     }
 
     /**
-     *
      * @returns {String}
      */
     getPickerId() {
@@ -177,7 +171,6 @@ class Picker extends Text {
     }
 
     /**
-     *
      * @param {Boolean} [silent=false]
      */
     hidePicker(silent=false) {
@@ -200,7 +193,6 @@ class Picker extends Text {
     }
 
     /**
-     *
      * @param {Object} data
      * @protected
      */
@@ -218,7 +210,6 @@ class Picker extends Text {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {Function} [callback]
      * @param {Function} [callbackScope]
@@ -229,7 +220,6 @@ class Picker extends Text {
     }
 
     /**
-     *
      * @param {Object} data
      * @protected
      */
@@ -252,7 +242,6 @@ class Picker extends Text {
     }
 
     /**
-     *
      * @param {Function} [callback]
      * @param {Function} [callbackScope]
      */

package/src/form/field/Range.mjs

@@ -46,11 +46,10 @@ class Range extends Number {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me           = this,
             domListeners = me.domListeners,

package/src/form/field/Select.mjs

@@ -105,8 +105,8 @@ class Select extends Picker {
     /**
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me = this;
 
@@ -189,15 +189,6 @@ class Select extends Picker {
         super.afterSetValue(value, oldValue);
     }
 
-    /**
-     * Gets triggered before getting the value of the value config
-     * @param {Number|String|null} value
-     * @returns {Number|Object|String}
-     */
-    beforeGetValue(value) {
-        return this.record || value;
-    }
-
     /**
      * Triggered before the listConfig config gets changed.
      * @param {Object} value
@@ -278,13 +269,18 @@ class Select extends Picker {
      */
     fireChangeEvent(value, oldValue) {
         let me     = this,
-            record = me.record;
+            record = me.record,
+            oldRecord;
 
         if (!(me.forceSelection && !record)) {
+            oldRecord = me.store.get(oldValue) || null;
+
             me.fire('change', {
                 component: me,
-                oldValue : me.store.get(oldValue) ? oldValue : null,
-                value    : record || value
+                oldRecord,
+                oldValue,
+                record,
+                value
             });
         }
     }
@@ -307,7 +303,6 @@ class Select extends Picker {
     }
 
     /**
-     *
      * @returns {Object}
      */
     getInputHintEl() {
@@ -350,7 +345,6 @@ class Select extends Picker {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {Object[]} data.oldPath
      * @protected
@@ -402,10 +396,17 @@ class Select extends Picker {
      * @protected
      */
     onKeyDownRight(data) {
-        let me = this;
+        let me = this,
+            oldValue, record;
 
         if (me.hintRecordId) {
-            me.value = me.store.get(me.hintRecordId)[me.displayField];
+            oldValue = me.value;
+            record   = me.store.get(me.hintRecordId);
+
+            me.record = record;
+            me._value = record[me.displayField];
+
+            me.afterSetValue(me._value, oldValue);
         }
     }
 
@@ -437,9 +438,10 @@ class Select extends Picker {
      * @protected
      */
     onListItemClick(record) {
-        let me       = this,
-            oldValue = me.value,
-            value    = record[me.displayField];
+        let me           = this,
+            displayField = me.displayField,
+            oldValue     = me.value,
+            value        = record[displayField];
 
         if (me.value !== value) {
             me.hintRecordId = null;
@@ -451,7 +453,7 @@ class Select extends Picker {
 
             me.fire('select', {
                 record: record,
-                value : record[me.store.keyProperty]
+                value : record[displayField]
             });
         }
     }

package/src/form/field/Text.mjs

@@ -121,11 +121,10 @@ class Text extends Base {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me           = this,
             domListeners = me.domListeners;
@@ -638,7 +637,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @returns {Object|null}
      */
     getCenterBorderEl() {
@@ -647,7 +645,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @returns {Object|null}
      */
     getInputEl() {
@@ -655,7 +652,6 @@ class Text extends Base {
         return el?.vdom;
     }
     /**
-     *
      * @returns {String}
      */
     getInputElId() {
@@ -682,7 +678,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @returns {String}
      */
     getInputWrapperId() {
@@ -690,7 +685,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @returns {Object|null}
      */
     getLabelEl() {
@@ -699,7 +693,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @returns {String}
      */
     getLabelId() {
@@ -707,7 +700,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @param {String} type
      * @returns {Neo.form.field.trigger.Base|null}
      */
@@ -727,7 +719,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @param {String} id
      * @returns {Neo.form.field.trigger.Base|null}
      */
@@ -747,7 +738,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @param {String} type
      * @protected
      * @returns {String} The trigger node id
@@ -776,7 +766,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @returns {Boolean}
      */
     isEmpty() {
@@ -784,7 +773,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @returns {Boolean}
      */
     isValid() {
@@ -798,7 +786,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @param {Object} config
      * @param {Boolean} [preventOriginalConfig] True prevents the instance from getting an originalConfig property
      * @returns {Object} config
@@ -815,7 +802,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {Object[]} data.path
      * @protected
@@ -840,7 +826,6 @@ class Text extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {Object[]} data.oldPath
      * @protected
@@ -936,9 +921,7 @@ class Text extends Base {
     updateCenterBorderElWidth(silent=false) {
         let me = this;
 
-        me.mounted && Neo.main.DomAccess.getBoundingClientRect({
-            id: me.getCenterBorderEl().id
-        }).then(data => {
+        me.mounted && me.getDomRect(me.getCenterBorderEl().id).then(data => {
             me.centerBorderElWidth = Math.round(data.width * .7) + 8;
 
             if (!silent) {

package/src/form/field/Time.mjs

@@ -82,11 +82,10 @@ class Time extends Picker {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me           = this,
             clearTrigger = me.getTrigger('clear');
@@ -253,7 +252,6 @@ class Time extends Picker {
     }
 
     /**
-     *
      * @returns {String[]}
      */
     createCollectionItems() {
@@ -285,7 +283,6 @@ class Time extends Picker {
     }
 
     /**
-     *
      * @returns {Neo.component.DateSelector}
      */
     createPickerComponent() {
@@ -293,7 +290,6 @@ class Time extends Picker {
     }
 
     /**
-     *
      * @param {Function} [callback]
      */
     focusInputEl(callback) {
@@ -340,7 +336,6 @@ class Time extends Picker {
     }
 
     /**
-     *
      * @param {Object} data
      * @protected
      */
@@ -356,7 +351,6 @@ class Time extends Picker {
     }
 
     /**
-     *
      * @param {Object} record
      */
     onListItemClick(record) {
@@ -373,7 +367,6 @@ class Time extends Picker {
     }
 
     /**
-     *
      * @param {Object} record
      */
     onListItemNavigate(record) {

package/src/form/field/trigger/Base.mjs

@@ -80,11 +80,10 @@ class Base extends Component {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me             = this,
             domListeners   = me.domListeners || [],
@@ -168,7 +167,6 @@ class Base extends Component {
     }
 
     /**
-     *
      * @param {Boolean} updateParentVdom
      * @param {Boolean} silent
      */

package/src/form/field/trigger/Clear.mjs

@@ -81,7 +81,6 @@ class Clear extends Base {
     }
 
     /**
-     *
      * @returns {Boolean} true in case the trigger should be hidden
      */
     getHiddenState() {
@@ -101,7 +100,6 @@ class Clear extends Base {
     }
 
     /**
-     *
      * @param {Object} opts
      */
     onFieldChange(opts) {
@@ -136,7 +134,6 @@ class Clear extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTriggerClick(data) {

package/src/form/field/trigger/CopyToClipboard.mjs

@@ -55,7 +55,6 @@ class CopyToClipboard extends Base {
     }
 
     /**
-     *
      * @returns {Boolean} true in case the trigger should be hidden
      */
     getHiddenState() {
@@ -80,7 +79,6 @@ class CopyToClipboard extends Base {
     }
 
     /**
-     *
      * @param {Object} opts
      */
     onFieldChange(opts) {
@@ -88,7 +86,6 @@ class CopyToClipboard extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTriggerClick(data) {

package/src/form/field/trigger/Picker.mjs

@@ -30,7 +30,6 @@ class Picker extends Base {
     }}
 
     /**
-     *
      * @param {Object} data
      */
     onTriggerClick(data) {

package/src/form/field/trigger/SpinDown.mjs

@@ -34,7 +34,6 @@ class SpinDown extends Base {
     }}
 
     /**
-     *
      * @param {Object} data
      */
     onTriggerClick(data) {

package/src/form/field/trigger/SpinUp.mjs

@@ -30,7 +30,6 @@ class SpinUp extends Base {
     }}
 
     /**
-     *
      * @param {Object} data
      */
     onTriggerClick(data) {

package/src/form/field/trigger/SpinUpDown.mjs

@@ -55,7 +55,6 @@ class SpinUpDown extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTriggerClick(data) {

package/src/form/field/trigger/Time.mjs

@@ -48,11 +48,10 @@ class Time extends Picker {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me   = this,
             vdom = me.vdom;

package/src/grid/Container.mjs

@@ -74,17 +74,15 @@ class Container extends BaseContainer {
     }
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         this.createRandomViewData(this.amountRows);
     }
 
     /**
-     *
      * @param columns
      * @returns {*}
      */
@@ -108,7 +106,6 @@ class Container extends BaseContainer {
     }
 
     /**
-     *
      * Dummy method until we have a data package in place
      * @param {Number} amountRows
      */
@@ -165,4 +162,4 @@ class Container extends BaseContainer {
 
 Neo.applyClassConfig(Container);
 
-export {Container as default};
+export {Container as default};