neo.mjs 8.0.0 → 8.1.0

package/resources/scss/src/grid/View.scss

@@ -1,4 +1,26 @@
+.neo-grid-view-wrapper {
+    height    : 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    position  : relative;
+
+    .neo-grid-scrollbar {
+        height        : 1px;
+        position      : absolute;
+        top           : 0;
+        visibility    : hidden;
+        width         : 1px;
+    }
+}
+
 .neo-grid-view {
+    height    : 100%;
+    overflow-x: visible;
+
+    &.neo-is-scrolling * {
+        pointer-events: none !important;
+    }
+
     .neo-center {
         justify-content: center;
     }
@@ -8,33 +30,37 @@
     }
 
     .neo-grid-row {
-             &:hover {
-                 .neo-grid-cell {
-                     background-color: var(--grid-cell-background-color-hover);
-                 }
+        position: absolute;
+
+         &:hover {
+             .neo-grid-cell {
+                 background-color: var(--grid-cell-background-color-hover);
              }
+         }
 
-             // selection.RowModel
-             &.neo-selected {
-                 .neo-grid-cell {
-                     background-color: var(--grid-rowmodel-selected-cell-background-color);
-                     color           : var(--grid-rowmodel-selected-cell-color);
-                 }
+         // selection.RowModel
+         &.neo-selected {
+             .neo-grid-cell {
+                 background-color: var(--grid-rowmodel-selected-cell-background-color);
+                 color           : var(--grid-rowmodel-selected-cell-color);
              }
+         }
+
+         .neo-grid-cell {
+             position: absolute;
 
              // selection.CellModel
-             .neo-grid-cell {
-                 &.neo-selected {
-                     background-color: var(--grid-cellmodel-selected-cell-background-color) !important;
-                     color           : var(--grid-cellmodel-selected-cell-color) !important;
-                 }
+             &.neo-selected {
+                 background-color: var(--grid-cellmodel-selected-cell-background-color) !important;
+                 color           : var(--grid-cellmodel-selected-cell-color) !important;
+             }
 
-                 &.selected-column-cell {
-                     background-color: var(--grid-cellmodel-selected-column-cell-background-color);
-                     color           : var(--grid-cellmodel-selected-column-cell-color);
-                 }
+             &.selected-column-cell {
+                 background-color: var(--grid-cellmodel-selected-column-cell-background-color);
+                 color           : var(--grid-cellmodel-selected-column-cell-color);
              }
          }
+     }
 }
 
 .neo-selection-cellrowmodel,

package/resources/scss/src/grid/header/Button.scss

@@ -20,10 +20,8 @@
         border-right: 1px solid var(--grid-container-border-color);
     }
 
-    &.neo-locked { // todo: for testing, will get removed once the header toolbar is outside of the scroll region
-        position: sticky;
-        top     : 0;
-        z-index : 5001;
+    &.neo-locked {
+
     }
 
     &.neo-drag-over {

package/resources/scss/src/grid/header/Toolbar.scss

@@ -2,6 +2,5 @@
     border-bottom: 2px solid var(--grid-container-border-color);
     border-top   : 1px solid var(--grid-container-border-color);
     padding      : 0;
-    position     : sticky;
-    top          : 0;
+    width        : max-content;
 }

package/resources/scss/src/grid/plugin/CellEditing.scss

@@ -0,0 +1,11 @@
+.neo-grid-view {
+    .neo-grid-cell {
+        &:has(.neo-grid-editor) {
+            padding: 1px 4px 2px;
+        }
+    }
+
+    .neo-grid-editor {
+        margin: 0;
+    }
+}

package/resources/scss/src/table/plugin/CellEditing.scss

@@ -0,0 +1,11 @@
+.neo-table-view {
+    .neo-table-cell {
+        &:has(.neo-table-editor) {
+            padding: 1px 4px 2px;
+        }
+    }
+
+    .neo-table-editor {
+        margin: 0;
+    }
+}

package/src/DefaultConfig.mjs

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

package/src/Xhr.mjs

@@ -18,7 +18,7 @@ class Xhr extends XhrConnection {
          */
         ntype: 'xhr',
         /**
-         * @member {Object} remote={app:['promiseRequest','promiseJson']}
+         * @member {Object} remote={app:['promiseRequest','promiseJson','setDefaultHeaders']}
          * @protected
          */
         remote: {

package/src/button/Base.mjs

@@ -5,7 +5,7 @@ import NeoArray  from '../util/Array.mjs';
  * @class Neo.button.Base
  * @extends Neo.component.Base
  */
-class Base extends Component {
+class Button extends Component {
     /**
      * Valid values for badgePosition
      * @member {String[]} badgePositions=['bottom-left','bottom-right','top-left','top-right']
@@ -581,4 +581,4 @@ class Base extends Component {
     }
 }
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Button);

package/src/collection/Base.mjs

@@ -1,4 +1,4 @@
-import CoreBase   from '../core/Base.mjs';
+import Base       from '../core/Base.mjs';
 import Filter     from './Filter.mjs';
 import Logger     from '../util/Logger.mjs';
 import Observable from '../core/Observable.mjs';
@@ -16,7 +16,7 @@ const countMutations   = Symbol('countMutations'),
  * @class Neo.collection.Base
  * @extends Neo.core.Base
  */
-class Base extends CoreBase {
+class Collection extends Base {
     /**
      * True automatically applies the core.Observable mixin
      * @member {Boolean} observable=true
@@ -453,7 +453,7 @@ class Base extends CoreBase {
             config.sorters.push(sorter.originalConfig)
         });
 
-        return Neo.create(Base, config)
+        return Neo.create(Collection, config)
     }
 
     /**
@@ -669,7 +669,7 @@ class Base extends CoreBase {
                 delete config.items;
                 delete config.sorters;
 
-                me.allItems = Neo.create(Base, {
+                me.allItems = Neo.create(Collection, {
                     ...Neo.clone(config, true, true),
                     keyProperty: me.keyProperty,
                     sourceId   : me.id
@@ -1265,4 +1265,4 @@ class Base extends CoreBase {
  * @returns {Object}
  */
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Collection);

package/src/component/Base.mjs

@@ -1,6 +1,6 @@
+import Base             from '../core/Base.mjs';
 import ClassSystemUtil  from '../util/ClassSystem.mjs';
 import ComponentManager from '../manager/Component.mjs';
-import CoreBase         from '../core/Base.mjs';
 import DomEventManager  from '../manager/DomEvent.mjs';
 import KeyNavigation    from '../util/KeyNavigation.mjs';
 import Logger           from '../util/Logger.mjs';
@@ -24,7 +24,7 @@ const
  * @class Neo.component.Base
  * @extends Neo.core.Base
  */
-class Base extends CoreBase {
+class Component extends Base {
     /**
      * Valid values for hideMode
      * @member {String[]} hideModes=['removeDom','visibility']
@@ -2698,4 +2698,4 @@ class Base extends CoreBase {
  * @param {Object[]} data.oldPath dom element ids upwards
  */
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Component);

package/src/component/DateSelector.mjs

@@ -392,6 +392,21 @@ class DateSelector extends Component {
         return ClassSystemUtil.beforeSetInstance(value, DateSelectorModel)
     }
 
+    /**
+     * Triggered before the value config gets changed
+     * @param {String} value
+     * @param {String} oldValue
+     * @protected
+     */
+    beforeSetValue(value, oldValue) {
+        // If the value is set as a Date, try to convert it into a string
+        if (Neo.typeOf(value) === 'Date') {
+            return DateUtil.convertToyyyymmdd(value)
+        }
+
+        return value
+    }
+
     /**
      * Triggered before the weekStartDay config gets changed
      * @param {String} value

package/src/container/Base.mjs

@@ -14,7 +14,7 @@ const byWeight = ({ weight : lhs = 0 }, { weight : rhs = 0 }) => lhs - rhs;
  * @class Neo.container.Base
  * @extends Neo.component.Base
  */
-class Base extends Component {
+class Container extends Component {
     static config = {
         /**
          * @member {String} className='Neo.container.Base'
@@ -746,4 +746,4 @@ class Base extends Component {
     }
 }
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Container);

package/src/controller/Base.mjs

@@ -1,4 +1,4 @@
-import CoreBase    from '../core/Base.mjs';
+import Base        from '../core/Base.mjs';
 import HashHistory from '../util/HashHistory.mjs';
 
 const
@@ -9,7 +9,7 @@ const
  * @class Neo.controller.Base
  * @extends Neo.core.Base
  */
-class Base extends CoreBase {
+class Controller extends Base {
     static config = {
         /**
          * @member {String} className='Neo.controller.Base'
@@ -214,4 +214,4 @@ class Base extends CoreBase {
     }
 }
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Controller);

package/src/dialog/Base.mjs

@@ -9,7 +9,7 @@ let DragZone;
  * @class Neo.dialog.Base
  * @extends Neo.container.Panel
  */
-class Base extends Panel {
+class Dialog extends Panel {
     /**
      * Valid values for closeAction
      * @member {String[]} closeActions=['close','hide']
@@ -796,4 +796,4 @@ class Base extends Panel {
     }
 }
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Dialog);

package/src/form/field/Base.mjs

@@ -7,7 +7,7 @@ import NeoArray         from '../../util/Array.mjs';
  * @class Neo.form.field.Base
  * @extends Neo.component.Base
  */
-class Base extends Component {
+class Field extends Component {
     /**
      * Valid values for isTouchedEvent
      * @member {String[]} isTouchedEvents=['focusEnter','focusLeave']
@@ -78,10 +78,7 @@ class Base extends Component {
      * @returns {Boolean}
      */
     get isDirty() {
-        let originalValue = this.originalConfig.value,
-            value         = this.value;
-
-        return value !== originalValue && Neo.isEmpty(value) !== Neo.isEmpty(originalValue)
+        return !Neo.isEqual(this.getSubmitValue(), this.originalConfig.value)
     }
     /**
      * An internal cache for formGroup(s) and the field name
@@ -382,4 +379,4 @@ class Base extends Component {
  * @returns {Object}
  */
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Field);

package/src/form/field/CheckBox.mjs

@@ -1,12 +1,12 @@
-import Base             from './Base.mjs';
 import ComponentManager from '../../manager/Component.mjs';
+import Field            from './Base.mjs';
 import NeoArray         from '../../util/Array.mjs';
 
 /**
  * @class Neo.form.field.CheckBox
  * @extends Neo.form.field.Base
  */
-class CheckBox extends Base {
+class CheckBox extends Field {
     /**
      * Valid values for labelPosition
      * @member {String[]} labelPositions=['left','top']

package/src/form/field/ComboBox.mjs

@@ -165,7 +165,7 @@ class ComboBox extends Picker {
      */
     afterSetStore(value, oldValue) {
         let me = this,
-            filters;
+            filters, val;
 
         if (value) {
             if (me.useFilter) {
@@ -185,7 +185,14 @@ class ComboBox extends Picker {
                 me.list.store = value
             }
 
-            value.on('load', me.onStoreLoad, me)
+            value.on('load', me.onStoreLoad, me);
+
+            if (me.value) {
+                val = me.value;
+
+                me._value = null; // silent reset to trigger a change event
+                me.value  = val
+            }
         }
     }
 
@@ -248,6 +255,11 @@ class ComboBox extends Picker {
         let me                         = this,
             {displayField, valueField} = me;
 
+        // Do not create a default store instance, in case there is a bound store to be created
+        if (!value && me.bind?.store) {
+            return null
+        }
+
         oldValue?.destroy();
 
         // Promote an array of items to be a Store
@@ -312,6 +324,10 @@ class ComboBox extends Picker {
             return null
         }
 
+        if (!store) { // We will (re)set the value once the store is created
+            return value
+        }
+
         // we can only match record ids or display values in case the store is loaded
         if (store.getCount() > 0) {
             record = store.isFiltered() ? store.allItems.get(value) : store.get(value);

package/src/form/field/Date.mjs

@@ -142,7 +142,7 @@ class DateField extends Picker {
     afterSetMinValue(value, oldValue) {
         let me = this;
 
-        me.changeInputElKey('max', value);
+        me.changeInputElKey('min', value);
 
         if (me.dateSelector) {
             me.dateSelector.minValue = value
@@ -170,8 +170,14 @@ class DateField extends Picker {
      * @protected
      */
     beforeSetValue(value, oldValue) {
-        const val = super.beforeSetValue(value, oldValue);
-        return (this.isoDate && val) ? val.substring(0, 10) : val;
+        if (Neo.typeOf(value) === 'Date') {
+            value = DateUtil.convertToyyyymmdd(value);
+            this.originalConfig.value = value
+        }
+
+        value = super.beforeSetValue(value, oldValue);
+
+        return (this.isoDate && value) ? value.substring(0, 10) : value
     }
 
     /**
@@ -244,7 +250,7 @@ class DateField extends Picker {
     onInputValueChange(data) {
         this.invalidInput = !data.valid;
 
-        if (data.valid === true) {
+        if (data.valid) {
             super.onInputValueChange(data)
         } else {
             this.validate(false)

package/src/form/field/FileUpload.mjs

@@ -1,6 +1,6 @@
-import Base         from '../../form/field/Base.mjs';
-import NeoArray     from '../../util/Array.mjs';
-import StringUtil   from '../../util/String.mjs';
+import Field      from './Base.mjs';
+import NeoArray   from '../../util/Array.mjs';
+import StringUtil from '../../util/String.mjs';
 
 const
     sizeRE           = /^(\d+)(kb|mb|gb)?$/i,
@@ -84,7 +84,7 @@ const
  * @class Neo.form.field.FileUpload
  * @extends Neo.form.field.Base
  */
-class FileUpload extends Base {
+class FileUpload extends Field {
     static config = {
         /**
          * @member {String} className='Neo.form.field.FileUpload'

package/src/form/field/Hidden.mjs

@@ -1,10 +1,10 @@
-import Base from './Base.mjs';
+import Field from './Base.mjs';
 
 /**
  * @class Neo.form.field.Hidden
  * @extends Neo.form.field.Base
  */
-class Hidden extends Base {
+class Hidden extends Field {
     static config = {
         /**
          * @member {String} className='Neo.form.field.Hidden'

package/src/form/field/Text.mjs

@@ -1,6 +1,6 @@
-import Base         from './Base.mjs';
 import BaseTrigger  from './trigger/Base.mjs';
 import ClearTrigger from './trigger/Clear.mjs';
+import Field        from './Base.mjs';
 import NeoArray     from '../../util/Array.mjs';
 import StringUtil   from '../../util/String.mjs';
 import VDomUtil     from '../../util/VDom.mjs';
@@ -10,7 +10,7 @@ import VNodeUtil    from '../../util/VNode.mjs';
  * @class Neo.form.field.Text
  * @extends Neo.form.field.Base
  */
-class Text extends Base {
+class Text extends Field {
     /**
      * Valid values for autoCapitalize
      * @member {String[]} autoCapitalizeValues=['characters','none','on','off','sentences','words']