neo.mjs 5.8.0 → 5.9.0

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='5.8.0'
+         * @member {String} version='5.9.0'
          */
-        version: '5.8.0'
+        version: '5.9.0'
     }
 
     /**

package/apps/form/view/FormContainer.mjs

@@ -75,7 +75,8 @@ class FormContainer extends BaseFormContainer {
                 {module: () => import('./pages/Page11.mjs')},
                 {module: () => import('./pages/Page12.mjs')},
                 {module: () => import('./pages/Page13.mjs')},
-                {module: () => import('./pages/Page14.mjs')}
+                {module: () => import('./pages/Page14.mjs')},
+                {module: () => import('./pages/Page15.mjs')}
             ]
         }, {
             module: Toolbar,

package/apps/form/view/pages/Page15.mjs

@@ -0,0 +1,34 @@
+import CurrencyField     from '../../../../src/form/field/Currency.mjs';
+import FormPageContainer from '../FormPageContainer.mjs';
+
+/**
+ * @class Form.view.pages.Page15
+ * @extends Form.view.FormPageContainer
+ */
+class Page15 extends FormPageContainer {
+    static config = {
+        /**
+         * @member {String} className='Form.view.pages.Page15'
+         * @protected
+         */
+        className: 'Form.view.pages.Page15',
+        /**
+         * @member {Object[]} items
+         */
+        items: [{
+            module   : CurrencyField,
+            labelText: 'Amount in €',
+            name     : 'page15.field1',
+            value    : 15.00
+        }, {
+            module   : CurrencyField,
+            labelText: 'Amount in $',
+            name     : 'page15.field2',
+            value    : 16.10
+        }]
+    }
+}
+
+Neo.applyClassConfig(Page15);
+
+export default Page15;

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='5.8.0'
+         * @member {String} version='5.9.0'
          */
-        version: '5.8.0'
+        version: '5.9.0'
     }
 
     /**

package/package.json

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

package/resources/examples/data/formSideNav.json

@@ -19,6 +19,7 @@
         {"id": 15, "cardIndex":   10, "isHeader": false, "isValid": null, "name": "ZipCodeFields"},
         {"id": 16, "cardIndex":   11, "isHeader": false, "isValid": null, "name": "EmailFields"},
         {"id": 17, "cardIndex":   12, "isHeader": false, "isValid": null, "name": "UrlFields"},
-        {"id": 18, "cardIndex":   13, "isHeader": false, "isValid": null, "name": "PhoneFields"}
+        {"id": 18, "cardIndex":   13, "isHeader": false, "isValid": null, "name": "PhoneFields"},
+        {"id": 19, "cardIndex":   14, "isHeader": false, "isValid": null, "name": "CurrencyFields"}
     ]
 }

package/src/DefaultConfig.mjs

@@ -236,12 +236,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '5.8.0'
+     * @default '5.9.0'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '5.8.0'
+    version: '5.9.0'
 };
 
 Object.assign(DefaultConfig, {

package/src/form/field/Currency.mjs

@@ -0,0 +1,54 @@
+import Number from './Number.mjs';
+
+/**
+ * @class Neo.form.field.Currency
+ * @extends Neo.form.field.Number
+ */
+class Currency extends Number {
+    static config = {
+        /**
+         * @member {String} className='Neo.form.field.Currency'
+         * @protected
+         */
+        className: 'Neo.form.field.Currency',
+        /**
+         * @member {String} ntype='currencyfield'
+         * @protected
+         */
+        ntype: 'currencyfield',
+        /**
+         * @member {Number} stepSize=0.01
+         */
+        stepSize: 0.01
+    }
+
+    /**
+     * @param {Number|null} value
+     * @returns {Number}
+     */
+    inputValueAdjustor(value) {
+        if (Neo.isString(value)) {
+            value = parseFloat(value).toFixed(2);
+
+            return parseInt(value.replace('.', '')) / 100
+        }
+
+        return value
+    }
+
+    /**
+     * @param {Number|null} value
+     * @returns {String}
+     */
+    inputValueRenderer(value) {
+        if (value === null) {
+            return null
+        }
+
+        return value.toFixed(2)
+    }
+}
+
+Neo.applyClassConfig(Currency);
+
+export default Currency;

package/src/form/field/Number.mjs

@@ -243,6 +243,18 @@ class Number extends Text {
         return value
     }
 
+    /**
+     * @param {Number|null} value
+     * @returns {Boolean}
+     */
+    fitsStepSize(value) {
+        if (value === null) {
+            return true
+        }
+
+        return (parseInt(value.toString().replace('.', '')) * (1 / this.stepSize)) % 1 === 0
+    }
+
     /**
      * @returns {Boolean}
      */
@@ -261,7 +273,7 @@ class Number extends Text {
             return false;
         }
 
-        if ((value / me.stepSize) % 1 !== 0) {
+        if (!me.fitsStepSize(value)) {
             return false;
         }
 
@@ -393,7 +405,7 @@ class Number extends Text {
             } else if (Neo.isNumber(minValue) && isNumber && value < minValue) {
                 me._error = me.errorTextMinValue(errorParam);
                 returnValue = false;
-            } else if ((value / me.stepSize) % 1 !== 0) {
+            } else if (!me.fitsStepSize(value)) {
                 me._error = me.errorTextStepSize(errorParam);
                 returnValue = false;
             }

package/src/form/field/Text.mjs

@@ -780,7 +780,7 @@ class Text extends Base {
 
         me.silentVdomUpdate = true;
 
-        me.getInputEl().value = value;
+        me.getInputEl().value = me.inputValueRenderer(value);
 
         me.validate(); // silent
 
@@ -1104,6 +1104,26 @@ class Text extends Base {
         return false
     }
 
+    /**
+     * Transform an input node value before applied to this.value.
+     * Override as needed
+     * @param {*} value
+     * @returns {*}
+     */
+    inputValueAdjustor(value) {
+        return value
+    }
+
+    /**
+     * Transform a value before getting rendered.
+     * Override as needed
+     * @param {*} value
+     * @returns {*}
+     */
+    inputValueRenderer(value) {
+        return value
+    }
+
     /**
      * @returns {Boolean}
      */
@@ -1202,7 +1222,7 @@ class Text extends Base {
             vnode.vnode.attributes.value = value;
         }
 
-        me.value = value
+       me.value = me.inputValueAdjustor(value)
     }
 
     /**