neo.mjs 5.2.10 → 5.2.12

package/apps/ServiceWorker.mjs

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

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

@@ -1,5 +1,5 @@
 import FormPageContainer from '../FormPageContainer.mjs';
-import TextField         from '../../../../src/form/field/Text.mjs';
+import Radio             from '../../../../src/form/field/Radio.mjs';
 
 /**
  * @class Form.view.pages.Page5
@@ -12,6 +12,15 @@ class Page5 extends FormPageContainer {
          * @protected
          */
         className: 'Form.view.pages.Page5',
+        /**
+         * @member {Object} itemDefaults
+         */
+        itemDefaults: {
+            module    : Radio,
+            labelText : null,
+            labelWidth: 70,
+            name      : 'fruits'
+        },
         /**
          * @member {String} formGroup='page5'
          */
@@ -20,15 +29,22 @@ class Page5 extends FormPageContainer {
          * @member {Object[]} items
          */
         items: [{
-            module   : TextField,
-            labelText: 'Page 5 Field 1',
-            name     : 'field1',
-            required : true,
-            value    : 'bar'
+            labelText     : 'Fruits',
+            value         : 'apple',
+            valueLabelText: 'Apple'
+        }, {
+            value         : 'banana',
+            valueLabelText: 'Banana'
+        }, {
+            checked       : true,
+            value         : 'lemon',
+            valueLabelText: 'Lemon'
+        }, {
+            value         : 'orange',
+            valueLabelText: 'Orange'
         }, {
-            module   : TextField,
-            labelText: 'Page 5 Field 2',
-            name     : 'field2'
+            value         : 'strawberry',
+            valueLabelText: 'Strawberry'
         }]
     }
 }

package/examples/ServiceWorker.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "5.2.10",
+    "version": "5.2.12",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -44,7 +44,7 @@
         "@fortawesome/fontawesome-free": "^6.3.0",
         "@material/mwc-button": "^0.27.0",
         "@material/mwc-textfield": "^0.27.0",
-        "autoprefixer": "^10.4.13",
+        "autoprefixer": "^10.4.14",
         "chalk": "^5.2.0",
         "clean-webpack-plugin": "^4.0.0",
         "commander": "^10.0.0",
@@ -56,8 +56,8 @@
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.5",
         "postcss": "^8.4.21",
-        "sass": "^1.58.3",
-        "webpack": "^5.75.0",
+        "sass": "^1.59.2",
+        "webpack": "^5.76.1",
         "webpack-cli": "^5.0.1",
         "webpack-dev-server": "4.11.1",
         "webpack-hook-plugin": "^1.0.7",

package/resources/examples/data/formSideNav.json

@@ -8,7 +8,7 @@
         {"id":  4, "cardIndex":    2, "isHeader": false, "isValid": null, "name": "Page 3"},
         {"id":  5, "cardIndex": null, "isHeader": true,  "isValid": null, "name": "2. Personal data"},
         {"id":  6, "cardIndex":    3, "isHeader": false, "isValid": null, "name": "CheckBoxes"},
-        {"id":  7, "cardIndex":    4, "isHeader": false, "isValid": null, "name": "Page 5"},
+        {"id":  7, "cardIndex":    4, "isHeader": false, "isValid": null, "name": "Radios"},
         {"id":  8, "cardIndex":    5, "isHeader": false, "isValid": null, "name": "Page 6"},
         {"id":  9, "cardIndex":    6, "isHeader": false, "isValid": null, "name": "Fieldsets"},
         {"id": 10, "cardIndex": null, "isHeader": true,  "isValid": null, "name": "3. More data"},

package/src/DefaultConfig.mjs

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

package/src/container/Base.mjs

@@ -376,7 +376,7 @@ class Base extends Component {
             items = me.items,
             i, len, returnArray;
 
-        if (Neo.typeOf(item) === 'Array') {
+        if (Array.isArray(item)) {
             i           = 0;
             len         = item.length;
             returnArray = [];

package/src/form/Container.mjs

@@ -110,7 +110,7 @@ class Container extends BaseContainer {
                 ns  = values;
             }
 
-            if (Object.hasOwn(ns, key)) {
+            if (Object.hasOwn(ns, key) && value !== undefined) {
                 if (ns[key] === null) {
                     ns[key] = []
                 } else if (!Array.isArray(ns[key])) {
@@ -118,8 +118,8 @@ class Container extends BaseContainer {
                 }
 
                 value !== null && ns[key].unshift(value)
-            } else {
-                ns[key] = value;
+            } else if (value !== undefined) {
+                ns[key] = value
             }
         });
 

package/src/form/field/Radio.mjs

@@ -44,6 +44,13 @@ class Radio extends CheckBox {
         value && this.uncheckGroupItems()
     }
 
+    /**
+     * @returns {String|null}
+     */
+    getValue() {
+        return this.checked ? this.value : undefined
+    }
+
     /**
      * Radios do not fire a change event for "uncheck", so we need to iterate over other radios with the same name.
      */

package/src/tab/Container.mjs

@@ -408,25 +408,27 @@ class Container extends BaseContainer {
      * Inserts an item or array of items at a specific index
      * @param {Number} index
      * @param {Object|Object[]} item
+     * @param {Boolean} silent=false
      * @returns {Neo.component.Base|Neo.component.Base[]}
      */
-    insert(index, item) {
+    insert(index, item, silent=false) {
         let me            = this,
             cardContainer = me.getCardContainer(),
             tabBar        = me.getTabBar(),
             hasItem       = false,
-            i, len, superItem, tab, tabButtonConfig;
+            i, len, returnArray, superItem, tab, tabButtonConfig;
 
         if (Array.isArray(item)) {
-            i   = 0;
-            len = item.length;
+            i           = 0;
+            len         = item.length;
+            returnArray = [];
 
             for (; i < len; i++) {
-                // todo: render is async, ensure the order of items is correct
-
                 // insert the array backwards
-                item[i] = me.insert(item[len - 1], index);
+                returnArray.unshift(me.insert(index, item[len - 1 - i], true));
             }
+
+            superItem = returnArray;
         } else if (typeof item === 'object') {
             i   = 0;
             len = cardContainer.items.length;
@@ -435,38 +437,46 @@ class Container extends BaseContainer {
                 if (cardContainer.items[i].id === item.id) {
                     hasItem   = true;
                     superItem = cardContainer.items[i];
-                    me.activeIndex = i;
+
+                    if (me.activateInsertedTabs) {
+                        me.activeIndex = i;
+                    }
+
                     break;
                 }
             }
-        }
-
-        if (!hasItem) {
-            tabButtonConfig = item.tabButtonConfig;
 
-            tab = tabBar.insert(index, me.getTabButtonConfig(tabButtonConfig, index));
+            if (!hasItem) {
+                tabButtonConfig = item.tabButtonConfig;
 
-            // todo: non index based matching of tab buttons and cards
-            i   = 0;
-            len = tabBar.items.length;
+                tab = tabBar.insert(index, me.getTabButtonConfig(tabButtonConfig, index));
 
-            for (; i < len; i++) {
-                tabBar.items[i].index = i;
+                // todo: non index based matching of tab buttons and cards
+                i = 0;
+                len = tabBar.items.length;
 
-            }
+                for (; i < len; i++) {
+                    tabBar.items[i].index = i;
+                }
 
-            item.flex = 1;
-            superItem = cardContainer.insert(index, item);
+                item.flex = 1;
+                superItem = cardContainer.insert(index, item, silent);
 
-            if (me.activateInsertedTabs) {
-                if (!me.vnode) {
-                    me.activeIndex = index;
-                } else {
-                    tab.on('mounted', me.onTabButtonMounted, me);
+                if (me.activateInsertedTabs) {
+                    if (!me.vnode) {
+                        me.activeIndex = index;
+                    } else {
+                        tab.on('mounted', me.onTabButtonMounted, me);
+                    }
                 }
             }
         }
 
+        if (!silent) {
+            me.updateTabButtons()
+            me.update();
+        }
+
         return superItem
     }