neo.mjs 10.0.0-alpha.5 → 10.0.0-beta.1

package/src/table/{View.mjs → Body.mjs}

@@ -5,25 +5,25 @@ import RowModel        from '../selection/table/RowModel.mjs';
 import VDomUtil        from '../util/VDom.mjs';
 
 /**
- * @class Neo.table.View
+ * @class Neo.table.Body
  * @extends Neo.component.Base
  */
-class View extends Component {
+class TableBody extends Component {
     static config = {
         /**
-         * @member {String} className='Neo.table.View'
+         * @member {String} className='Neo.table.Body'
          * @protected
          */
-        className: 'Neo.table.View',
+        className: 'Neo.table.Body',
         /**
-         * @member {String} ntype='table-view'
+         * @member {String} ntype='table-body'
          * @protected
          */
-        ntype: 'table-view',
+        ntype: 'table-body',
         /**
-         * @member {String[]} baseCls=['neo-table-view']
+         * @member {String[]} baseCls=['neo-table-body']
          */
-        baseCls: ['neo-table-view'],
+        baseCls: ['neo-table-body'],
         /**
          * Define which model field contains the value of colspan definitions
          * @member {String} colspanField='colspan'
@@ -132,18 +132,17 @@ class View extends Component {
     }
 
     /**
-     * @param {Object} data
-     * @param {String} [data.cellId]
-     * @param {Object} data.column
-     * @param {Number} data.columnIndex
-     * @param {Object} data.record
-     * @param {Number} data.rowIndex
+     * @param {Object}              data
+     * @param {String}              [data.cellId]
+     * @param {Object}              data.column
+     * @param {Number}              data.columnIndex
+     * @param {Object}              data.record
+     * @param {Number}              data.rowIndex
      * @param {Neo.table.Container} data.tableContainer
      * @returns {Object}
      */
-    applyRendererOutput(data) {
-        let {cellId, column, columnIndex, record, rowIndex, tableContainer} = data,
-            me          = this,
+    applyRendererOutput({cellId, column, columnIndex, record, rowIndex, tableContainer}) {
+        let me          = this,
             cellCls     = ['neo-table-cell'],
             colspan     = record[me.colspanField],
             {dataField} = column,
@@ -382,7 +381,7 @@ class View extends Component {
             dataField = me.getCellDataField(id),
             record    = me.getRecord(id);
 
-        me.parent.fire(eventName, {data, dataField, record, view: me})
+        me.parent.fire(eventName, {body: me, data, dataField, record})
     }
 
     /**
@@ -394,7 +393,7 @@ class View extends Component {
             id     = data.currentTarget,
             record = me.getRecord(id);
 
-        me.parent.fire(eventName, {data, record, view: me})
+        me.parent.fire(eventName, {body: me, data, record})
     }
 
     /**
@@ -619,4 +618,4 @@ class View extends Component {
     }
 }
 
-export default Neo.setupClass(View);
+export default Neo.setupClass(TableBody);

package/src/table/Container.mjs

@@ -3,7 +3,7 @@ import ClassSystemUtil from '../util/ClassSystem.mjs';
 import CssUtil         from '../util/Css.mjs';
 import NeoArray        from '../util/Array.mjs';
 import Store           from '../data/Store.mjs';
-import View            from './View.mjs';
+import TableBody       from './Body.mjs';
 import * as header     from './header/_export.mjs';
 
 /**
@@ -26,6 +26,16 @@ class Container extends BaseContainer {
          * @member {String[]} baseCls=['neo-table-container']
          */
         baseCls: ['neo-table-container'],
+        /**
+         * Configs for Neo.table.Body
+         * @member {Object|null} [bodyConfig=null]
+         */
+        bodyConfig: null,
+        /**
+         * @member {String|null} bodyId_=null
+         * @protected
+         */
+        bodyId_: null,
         /**
          * true uses table.plugin.CellEditing
          * @member {Boolean} cellEditing_=false
@@ -75,16 +85,6 @@ class Container extends BaseContainer {
          * @member {Boolean} useCustomScrollbars_=true
          */
         useCustomScrollbars_: true,
-        /**
-         * Configs for Neo.table.View
-         * @member {Object|null} [viewConfig=null]
-         */
-        viewConfig: null,
-        /**
-         * @member {String|null} viewId_=null
-         * @protected
-         */
-        viewId_: null,
         /**
          * @member {Array|null} items=null
          * @protected
@@ -100,19 +100,19 @@ class Container extends BaseContainer {
     }
 
     /**
-     * Convenience method to access the Neo.table.header.Toolbar
-     * @returns {Neo.table.header.Toolbar|null}
+     * Convenience method to access the Neo.table.Body
+     * @returns {Neo.table.Body|null}
      */
-    get headerToolbar() {
-        return Neo.getComponent(this.headerToolbarId) || Neo.get(this.headerToolbarId)
+    get body() {
+        return Neo.getComponent(this.bodyId) || Neo.get(this.bodyId)
     }
 
     /**
-     * Convenience method to access the Neo.table.View
-     * @returns {Neo.table.View|null}
+     * Convenience method to access the Neo.table.header.Toolbar
+     * @returns {Neo.table.header.Toolbar|null}
      */
-    get view() {
-        return Neo.getComponent(this.viewId) || Neo.get(this.viewId)
+    get headerToolbar() {
+        return Neo.getComponent(this.headerToolbarId) || Neo.get(this.headerToolbarId)
     }
 
     /**
@@ -123,8 +123,8 @@ class Container extends BaseContainer {
 
         let me = this;
 
+        me.bodyId          = Neo.getId('table-body');
         me.headerToolbarId = Neo.getId('table-header-toolbar');
-        me.viewId          = Neo.getId('table-view');
 
         me.items = [{
             module           : header.Toolbar,
@@ -133,11 +133,11 @@ class Container extends BaseContainer {
             sortable         : me.sortable,
             ...me.headerToolbarConfig
         }, {
-            module     : View,
+            module     : TableBody,
             containerId: me.id,
-            id         : me.viewId,
+            id         : me.bodyId,
             store      : me.store,
-            ...me.viewConfig
+            ...me.bodyConfig
         }];
 
         me.vdom.id = me.getWrapperId();
@@ -184,7 +184,7 @@ class Container extends BaseContainer {
                 headerToolbar.createItems()
             }
 
-            me.view?.createViewData()
+            me.body?.createViewData()
         }
     }
 
@@ -229,9 +229,9 @@ class Container extends BaseContainer {
         value   ?.on(listeners);
         oldValue?.un(listeners);
 
-        // in case we dynamically change the store, the view needs to get the new reference
-        if (me.view) {
-            me.view.store = value
+        // in case we dynamically change the store, the body needs to get the new reference
+        if (me.body) {
+            me.body.store = value
         }
     }
 
@@ -270,6 +270,16 @@ class Container extends BaseContainer {
         me.scrollbarsCssApplied = true
     }
 
+    /**
+     * Triggered before the bodyId config gets changed.
+     * @param {String} value
+     * @param {String} oldValue
+     * @protected
+     */
+    beforeSetBodyId(value, oldValue) {
+        return value || oldValue
+    }
+
     /**
      * Triggered before the columns config gets changed.
      * @param {Object[]} value
@@ -308,16 +318,6 @@ class Container extends BaseContainer {
         return value
     }
 
-    /**
-     * Triggered before the viewId config gets changed.
-     * @param {String} value
-     * @param {String} oldValue
-     * @protected
-     */
-    beforeSetViewId(value, oldValue) {
-        return value || oldValue
-    }
-
     /**
      * In case you want to update multiple existing records in parallel,
      * using this method is faster than updating each record one by one.
@@ -325,19 +325,19 @@ class Container extends BaseContainer {
      * @param {Object[]} records
      */
     bulkUpdateRecords(records) {
-        let {store, view} = this,
+        let {body, store} = this,
             {keyProperty} = store;
 
-        if (view) {
-            view.silentVdomUpdate = true;
+        if (body) {
+            body.silentVdomUpdate = true;
 
             records.forEach(item => {
                 store.get(item[keyProperty])?.set(item)
             });
 
-            view.silentVdomUpdate = false;
+            body.silentVdomUpdate = false;
 
-            view.update()
+            body.update()
         }
     }
 
@@ -426,7 +426,7 @@ class Container extends BaseContainer {
 
         me.store.sort(opts);
         me.removeSortingCss(opts.property);
-        opts.direction && me.view.onStoreLoad()
+        opts.direction && me.body.onStoreLoad()
     }
 
     /**

package/src/table/_export.mjs

@@ -1,5 +1,5 @@
 import * as header from './header/_export.mjs';
+import Body        from './Body.mjs';
 import Container   from './Container.mjs';
-import View        from './View.mjs';
 
-export {header, Container, View};
+export {header, Body, Container};

package/src/table/plugin/CellEditing.mjs

@@ -69,7 +69,7 @@ class CellEditing extends Plugin {
             me.onSelectionModelChange({value: selectionModel})
         }
 
-        owner.view.keys.add({
+        owner.body.keys.add({
             Enter: 'onTableKeyDown',
             Space: 'onTableKeyDown',
             scope: me
@@ -109,9 +109,9 @@ class CellEditing extends Plugin {
 
         let me                  = this,
             {appName, windowId} = me,
-            {view}              = me.owner,
-            cellId              = view.getCellId(record, dataField),
-            cellNode            = VdomUtil.find(view.vdom, cellId).vdom,
+            {body}              = me.owner,
+            cellId              = body.getCellId(record, dataField),
+            cellNode            = VdomUtil.find(body.vdom, cellId).vdom,
             column              = me.owner.headerToolbar.getColumn(dataField),
             editor              = me.editors[dataField],
             value               = record[dataField],
@@ -133,7 +133,7 @@ class CellEditing extends Plugin {
                 cls      : me.editorCls,
                 dataField,
                 hideLabel: true,
-                parentId : view.id,
+                parentId : body.id,
                 record,
                 value,
                 windowId,
@@ -163,9 +163,9 @@ class CellEditing extends Plugin {
         cellNode.cn = [editor.createVdomReference()];
         delete cellNode.html;
 
-        view.updateDepth = -1;
+        body.updateDepth = -1;
 
-        await view.promiseUpdate();
+        await body.promiseUpdate();
 
         await me.timeout(30);
 
@@ -175,13 +175,13 @@ class CellEditing extends Plugin {
     /**
      *
      * @param {Object} data
-     * @param {Object} data.data
-     * @param {String} data.dataField
-     * @param {Object} data.record
-     * @param {Neo.table.View} data.view
+     * @param {Neo.table.Body} data.body
+     * @param {Object}         data.data
+     * @param {String}         data.dataField
+     * @param {Object}         data.record
      * @returns {Promise<void>}
      */
-    async onCellDoubleClick({data, dataField, record, view}) {
+    async onCellDoubleClick({body, data, dataField, record}) {
         await this.mountEditor(record, dataField)
     }
 
@@ -262,12 +262,12 @@ class CellEditing extends Plugin {
     async onTableKeyDown(data) {
         let me       = this,
             {target} = data,
-            {view}   = me.owner,
+            {body}   = me.owner,
             dataField, record;
 
         if (!me.mountedEditor && target.cls?.includes('neo-selected')) {
-            dataField = view.getCellDataField(target.id);
-            record    = view.getRecord(target.id);
+            dataField = body.getCellDataField(target.id);
+            record    = body.getRecord(target.id);
 
             await me.mountEditor(record, dataField)
         }
@@ -328,13 +328,13 @@ class CellEditing extends Plugin {
 
         let me       = this,
             record   = me.mountedEditor.record,
-            {view}   = me.owner,
-            rowIndex = view.store.indexOf(record);
+            {body}   = me.owner,
+            rowIndex = body.store.indexOf(record);
 
         me.mountedEditor = null;
 
-        view.getVdomRoot().cn[rowIndex] = view.createRow({record, rowIndex});
-        await view.promiseUpdate()
+        body.getVdomRoot().cn[rowIndex] = body.createRow({record, rowIndex});
+        await body.promiseUpdate()
     }
 }
 

package/src/vdom/Helper.mjs

@@ -38,23 +38,20 @@ class Helper extends Base {
     }
 
     /**
-     * @param {Object} config
+     * @returns {Promise<void>}
      */
-    construct(config) {
-        super.construct(config);
+    async initAsync() {
+        super.initAsync();
 
         let me = this;
 
-        // Ensure Neo.currentWorker is defined before attaching listeners
-        Promise.resolve().then(async () => {
-            // Subscribe to global Neo.config changes for dynamic renderer switching.
-            Neo.currentWorker.on({
-                neoConfigChange: me.onNeoConfigChange,
-                scope          : me
-            });
+        // Subscribe to global Neo.config changes for dynamic renderer switching.
+        Neo.currentWorker.on({
+            neoConfigChange: me.onNeoConfigChange,
+            scope          : me
+        });
 
-            await me.importUtil()
-        })
+        await me.importUtil()
     }
 
     /**

package/src/worker/Base.mjs

@@ -4,7 +4,7 @@ import Message            from './Message.mjs';
 import RemoteMethodAccess from './mixin/RemoteMethodAccess.mjs';
 
 /**
- * The abstract base class for the App, Data & VDom worker
+ * The abstract base class for e.g. the App, Data & VDom worker
  * @class Neo.worker.Base
  * @extends Neo.core.Base
  * @abstract

package/src/worker/mixin/RemoteMethodAccess.mjs

@@ -96,7 +96,7 @@ class RemoteMethodAccess extends Base {
             out = method.call(pkg, msg.data)
         }
 
-        if (out instanceof Promise) {
+        if (Neo.isPromise(out)) {
             out
                 /*
                  * Intended logic: