neo.mjs 5.6.3 → 5.6.4

package/apps/ServiceWorker.mjs

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

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

@@ -1,5 +1,5 @@
 import FormPageContainer from '../FormPageContainer.mjs';
-import TextField         from '../../../../src/form/field/Text.mjs';
+import PhoneField        from '../../../../src/form/field/Phone.mjs';
 
 /**
  * @class Form.view.pages.Page14
@@ -16,11 +16,11 @@ class Page14 extends FormPageContainer {
          * @member {Object[]} items
          */
         items: [{
-            module   : TextField,
+            module   : PhoneField,
             labelText: 'Page 14 Field 1',
             name     : 'page14field1'
         }, {
-            module   : TextField,
+            module   : PhoneField,
             labelText: 'Page 14 Field 2',
             name     : 'page14field2'
         }]

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/resources/examples/data/formSideNav.json

@@ -19,6 +19,6 @@
         {"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": "Page 14"}
+        {"id": 18, "cardIndex":   13, "isHeader": false, "isValid": null, "name": "PhoneFields"}
     ]
 }

package/src/DefaultConfig.mjs

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

package/src/calendar/view/MainContainer.mjs

@@ -592,7 +592,7 @@ class MainContainer extends Container {
      * @param {String} data.value
      */
     onDateSelectorChange(data) {
-        data.oldValue !== undefined && this.getModel().setData('currentDate', new Date(`${data.value}T00:00:00`));
+        data.oldValue !== undefined && this.getModel().setData('currentDate', new Date(`${data.value}T00:00:00.000Z`));
     }
 
     /**

package/src/calendar/view/week/EventDragZone.mjs

@@ -218,7 +218,7 @@ class EventDragZone extends DragZone {
             endDate   = me.newEndDate;
             startDate = me.newStartDate || record.startDate;
         } else {
-            startDate = new Date(VDomUtil.findVdomChild(owner.vdom, me.proxyParentId).vdom.flag + 'T00:00:00');
+            startDate = new Date(VDomUtil.findVdomChild(owner.vdom, me.proxyParentId).vdom.flag + 'T00:00:00.000Z');
             startDate.setHours(me.axisStartTime);
             startDate.setMinutes(me.currentInterval * me.intervalSize);
 

package/src/calendar/view/week/plugin/DragDrop.mjs

@@ -180,7 +180,7 @@ class DragDrop extends Base {
                 intervalHeight  = columnRect.height / intervals,
                 position        = Math.min(columnRect.height, data.clientY - columnRect.top),
                 currentInterval = Math.floor(position / intervalHeight),
-                startDate       = new Date(VDomUtil.findVdomChild(owner.vdom, data.path[0].id).vdom.flag + 'T00:00:00'),
+                startDate       = new Date(VDomUtil.findVdomChild(owner.vdom, data.path[0].id).vdom.flag + 'T00:00:00.000Z'),
                 dragElement, endDate, eventDragZone, eventId, record;
 
             me.isDragging = true;

package/src/component/DateSelector.mjs

@@ -214,7 +214,7 @@ class DateSelector extends Component {
         if (value === false) {
             let me = this;
 
-            if (me.cachedUpdate && me.cachedUpdate !== new Date(`${me.value}T00:00:00`)) {
+            if (me.cachedUpdate && me.cachedUpdate !== new Date(`${me.value}T00:00:00.000Z`)) {
                 me.afterSetValue(me.value, DateUtil.convertToyyyymmdd(me.cachedUpdate));
             }
 
@@ -295,7 +295,7 @@ class DateSelector extends Component {
             });
 
             // triggers the vdom update
-            me.updateHeaderDays(me.dayNameFormat, '');
+            me.updateHeaderDays(me.dayNameFormat, '')
         }
     }
 
@@ -306,7 +306,7 @@ class DateSelector extends Component {
      * @protected
      */
     afterSetSelectionModel(value, oldValue) {
-        oldValue !== undefined && value.register(this);
+        oldValue !== undefined && value.register(this)
     }
 
     /**
@@ -319,15 +319,15 @@ class DateSelector extends Component {
         let me = this;
 
         if (!me.isUpdating) {
-            me.currentDate = new Date(`${value}T00:00:00`);
+            me.currentDate = new Date(`${value}T00:00:00.000Z`);
 
             me.fire('change', {
                 component: me,
                 oldValue,
                 value
-            });
+            })
         } else {
-            me.cacheUpdate();
+            me.cacheUpdate()
         }
     }
 
@@ -566,7 +566,7 @@ class DateSelector extends Component {
             currentMonth    = currentDate.getMonth(),
             currentYear     = currentDate.getFullYear(),
             date            = me.currentDate, // cloned
-            valueDate       = new Date(`${me.value}T00:00:00`),
+            valueDate       = new Date(`${me.value}T00:00:00.000Z`),
             valueMonth      = valueDate.getMonth(),
             valueYear       = valueDate.getFullYear(),
             daysInMonth     = DateUtil.getDaysInMonth(currentDate),

package/src/form/field/Date.mjs

@@ -116,7 +116,7 @@ class DateField extends Picker {
     getValue() {
         let value = this.value;
 
-        return this.submitDateObject && value ? new Date(value) : value
+        return this.submitDateObject && value ? new Date(`${value}T00:00:00.000Z`) : value
     }
 
     /**

package/src/form/field/Phone.mjs

@@ -17,6 +17,15 @@ class Phone extends Text {
          * @protected
          */
         ntype: 'phonefield',
+        /**
+         * data passes inputPattern, maxLength, minLength & valueLength properties
+         * @member {Function} errorTextInputPattern=data=>`Not a valid phone number``
+         */
+        errorTextInputPattern: data => `Not a valid phone number`,
+        /**
+         * @member {RegExp|null} inputPattern=/^[0-9\-+\(\) ]+$/
+         */
+        inputPattern: /^[0-9\-+\(\) ]+$/,
         /**
          * Value for the inputType_ textfield config
          * @member {String} inputType='tel'

package/src/form/field/ZipCode.mjs

@@ -38,7 +38,7 @@ class ZipCode extends Text {
         countryField_: null,
         /**
          * data passes inputPattern, maxLength, minLength & valueLength properties
-         * @member {Function} errorTextInputPattern=data=>`Input pattern violation: ${data.inputPattern}`
+         * @member {Function} errorTextInputPattern=data=>`Not a valid zip code`
          */
         errorTextInputPattern: data => `Not a valid zip code`
     }