neo.mjs 5.5.10 → 5.5.11

package/apps/ServiceWorker.mjs

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

package/apps/form/Overwrites.mjs

@@ -5,10 +5,6 @@ Neo.overwrites = {
                 Text: {
                     labelPosition_   : 'inline',
                     showOptionalText_: true
-                },
-                ZipCode: {
-                    maxLength: 5,
-                    minLength: 5
                 }
             }
         }

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

@@ -1,4 +1,5 @@
 import FormPageContainer from '../FormPageContainer.mjs';
+import SelectField       from '../../../../src/form/field/Select.mjs';
 import ZipCodeField      from '../../../../src/form/field/ZipCode.mjs';
 
 /**
@@ -16,15 +17,32 @@ class Page11 extends FormPageContainer {
          * @member {Object[]} items
          */
         items: [{
-            module   : ZipCodeField,
-            labelText: 'Munich',
-            name     : 'page11.field1',
-            required : true,
-            value    : '80796'
+            module        : SelectField,
+            editable      : false,
+            forceSelection: true,
+            labelText     : 'Country',
+            name          : 'page11.countryfield',
+            reference     : 'country',
+            value         : 'DE',
+
+            store: {
+                data: [
+                    {id: 'DE',     name: 'Germany'},
+                    {id: 'Others', name: 'Others'}
+                ]
+            }
+        }, {
+            module      : ZipCodeField,
+            countryField: 'country',
+            labelText   : 'Munich',
+            name        : 'page11.field1',
+            required    : true,
+            value       : '80796'
         }, {
-            module   : ZipCodeField,
-            labelText: 'Page 11 Field 2',
-            name     : 'page11.field2'
+            module      : ZipCodeField,
+            countryField: 'country',
+            labelText   : 'Page 11 Field 2',
+            name        : 'page11.field2'
         }]
     }
 }

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/src/DefaultConfig.mjs

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

package/src/container/Base.mjs

@@ -507,18 +507,26 @@ class Base extends Component {
 
     /**
      * Clears the item array
-     * @param {Boolean} [destroyItem=true]
-     * @param {Boolean} [silent=false]
+     * @param {Boolean} destroyItems=true
+     * @param {Boolean} silent=false
      */
-    removeAll(destroyItem = true, silent = false) {
+    removeAll(destroyItems=true, silent=false) {
         let me = this;
 
+        me.items.forEach(item => {
+            if (destroyItems) {
+                item.destroy(true, true)
+            } else {
+                item.mounted = false
+            }
+        });
+
         me.items = [];
 
         me.getVdomItemsRoot().cn = [];
 
-        if (!silent || destroyItem) {
-            me.update();
+        if (!silent || destroyItems) {
+            me.update()
         }
     }
 

package/src/form/field/ZipCode.mjs

@@ -7,6 +7,15 @@ import Text from './Text.mjs';
  * @extends Neo.form.field.Text
  */
 class ZipCode extends Text {
+    /**
+     * @member {Object} countryCodes
+     * @protected
+     * @static
+     */
+    static countryCodes = {
+        DE: /^(?!01000|99999)(0[1-9]\d{3}|[1-9]\d{4})$/
+    }
+
     static config = {
         /**
          * @member {String} className='Neo.form.field.ZipCode'
@@ -17,7 +26,80 @@ class ZipCode extends Text {
          * @member {String} ntype='zipcodefield'
          * @protected
          */
-        ntype: 'zipcodefield'
+        ntype: 'zipcodefield',
+        /**
+         * @member {String} countryCode_=null
+         */
+        countryCode_: null,
+        /**
+         * You can either pass a field instance or a field reference
+         * @member {Neo.form.field.Base|String|null} countryField_=null
+         */
+        countryField_: null,
+        /**
+         * data passes inputPattern, maxLength, minLength & valueLength properties
+         * @member {Function} errorTextInputPattern=data=>`Input pattern violation: ${data.inputPattern}`
+         */
+        errorTextInputPattern: data => `Not a valid zip code`
+    }
+
+    /**
+     * Triggered after the countryCode config got changed
+     * @param {String|null} value
+     * @param {String|null} oldValue
+     * @protected
+     */
+    afterSetCountryCode(value, oldValue) {
+        let me = this;
+
+        me.inputPattern = ZipCode.countryCodes[value] || null;
+
+        !me.clean && me.validate(false);
+    }
+
+    /**
+     * Triggered after the countryField config got changed
+     * @param {Neo.form.field.Base|null} value
+     * @param {Neo.form.field.Base|null} oldValue
+     * @protected
+     */
+    afterSetCountryField(value, oldValue) {
+        if (value) {
+            let me = this;
+
+            value.on({
+                change: me.onCountryFieldChange,
+                scope : me
+            });
+
+            value.value && me.onCountryFieldChange({
+                component: value,
+                record   : value.record,
+                value    : value.value
+            })
+        }
+    }
+
+    /**
+     * Triggered before the countryField config gets changed
+     * @param {Neo.form.field.Base|String|null} value
+     * @param {Neo.form.field.Base|String|null} oldValue
+     * @returns {Neo.form.field.Base|null}
+     * @protected
+     */
+    beforeSetCountryField(value, oldValue) {
+        if (Neo.isString(value)) {
+            return this.up().getReference(value)
+        }
+
+        return value;
+    }
+
+    /**
+     * @param {Object} data
+     */
+    onCountryFieldChange(data) {
+        this.countryCode = data.record?.[data.component.valueField];
     }
 }