neo.mjs 8.0.0-alpha.2 → 8.0.0-beta.2

package/src/calendar/view/calendars/EditContainer.mjs

@@ -166,7 +166,7 @@ class EditContainer extends FormContainer {
 
         // todo: we could add a confirm dialog
 
-        me.getModel().getStore('calendars').remove(me.record);
+        me.getStateProvider().getStore('calendars').remove(me.record);
         me.unmount();
     }
 

package/src/calendar/view/calendars/List.mjs

@@ -148,7 +148,7 @@ class List extends ComponentList {
      * @param {String[]} items
      */
     onSelect(items) {
-        this.getModel().setData('activeCalendarId', this.getItemRecordId(items[0]))
+        this.setState('activeCalendarId', this.getItemRecordId(items[0]))
     }
 
     /**

package/src/calendar/view/month/Component.mjs

@@ -39,7 +39,7 @@ class Component extends BaseComponent {
             weekStartDay : data => data.weekStartDay
         },
         /**
-         * Bound to the view model
+         * Bound to the state provider
          * @member {Neo.calendar.store.Calendars|null} calendarStore_=null
          */
         calendarStore_: null,
@@ -56,12 +56,12 @@ class Component extends BaseComponent {
          */
         dayNameFormat_: 'short',
         /**
-         * Bound to the view model
+         * Bound to the state provider
          * @member {String|null} eventBorder_=null
          */
         eventBorder_: null,
         /**
-         * Bound to the view model.
+         * Bound to the state provider.
          * @member {Neo.calendar.store.Events|null} eventStore_=null
          */
         eventStore_: null,
@@ -93,7 +93,7 @@ class Component extends BaseComponent {
          */
         isScrolling: false,
         /**
-         * Bound to the view model.
+         * Bound to the state provider.
          * @member {String} locale_=Neo.config.locale
          */
         locale_: Neo.config.locale,
@@ -120,7 +120,7 @@ class Component extends BaseComponent {
          */
         scrollTaskId: null,
         /**
-         * Bound to the view model.
+         * Bound to the state provider.
          * @member {Boolean} showWeekends_=true
          */
         showWeekends_: true,
@@ -148,7 +148,7 @@ class Component extends BaseComponent {
         ]},
         /**
          * 0-6 => Sun-Sat
-         * Bound to the view model.
+         * Bound to the state provider.
          * @member {Number} weekStartDay_=0
          */
         weekStartDay_: 0

package/src/calendar/view/settings/GeneralContainer.mjs

@@ -273,7 +273,7 @@ class GeneralContainer extends Container {
      * @param {Object} data
      */
     onDataChange(data) {
-        this.getModel().setData(data.component.name, data.value)
+        this.setState(data.component.name, data.value)
     }
 
     /**
@@ -281,7 +281,7 @@ class GeneralContainer extends Container {
      */
     onRadioDataChange(data) {
         if (data.value) {
-            this.getModel().setData(data.component.name, data.component.fieldValue)
+            this.setState(data.component.name, data.component.fieldValue)
         }
     }
 }

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

@@ -53,7 +53,7 @@ class Component extends BaseComponent {
             weekStartDay        : data => data.weekStartDay
         },
         /**
-         * Bound to the view model
+         * Bound to the state provider
          * @member {Neo.calendar.store.Calendars|null} calendarStore_=null
          */
         calendarStore_: null,
@@ -68,7 +68,7 @@ class Component extends BaseComponent {
          */
         columnsVisible_: 7,
         /**
-         * Bound to the view model.
+         * Bound to the state provider.
          * @member {Date|null} currentDate_=null
          * @protected
          */
@@ -80,13 +80,13 @@ class Component extends BaseComponent {
          */
         dayNameFormat_: 'short',
         /**
-         * Bound to the view model.
+         * Bound to the state provider.
          * @member {Boolean} enableDrag_=true
          * @protected
          */
         enableDrag_: true,
         /**
-         * Bound to the view model
+         * Bound to the state provider
          * @member {String|null} eventBorder_=null
          */
         eventBorder_: null,
@@ -95,7 +95,7 @@ class Component extends BaseComponent {
          */
         eventDragZone: null,
         /**
-         * Bound to the view model
+         * Bound to the state provider
          * @member {Neo.calendar.store.Events|null} eventStore_=null
          */
         eventStore_: null,
@@ -117,7 +117,7 @@ class Component extends BaseComponent {
          */
         intlFormat_day: null,
         /**
-         * Bound to the view model.
+         * Bound to the state provider.
          * @member {Intl.DateTimeFormat|null} intlFormat_time_=null
          * @protected
          */
@@ -128,12 +128,12 @@ class Component extends BaseComponent {
          */
         isUpdating: false,
         /**
-         * Bound to the view model.
+         * Bound to the state provider.
          * @member {String} locale_=Neo.config.locale
          */
         locale_: Neo.config.locale,
         /**
-         * Time in minutes. Bound to the view model.
+         * Time in minutes. Bound to the state provider.
          * @member {Number} minimumEventDuration=30
          * @protected
          */
@@ -164,7 +164,7 @@ class Component extends BaseComponent {
          */
         showEventEndTime_: false,
         /**
-         * Bound to the view model.
+         * Bound to the state provider.
          * @member {Boolean} showWeekends_=true
          */
         showWeekends_: true,
@@ -206,7 +206,7 @@ class Component extends BaseComponent {
         ]},
         /**
          * 0-6 => Sun-Sat
-         * Bound to the view model.
+         * Bound to the state provider.
          * @member {Number} weekStartDay_=0
          */
         weekStartDay_: 0

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

@@ -252,7 +252,7 @@ class EventDragZone extends DragZone {
         // todo: updating a record field which is included inside a sorter should trigger collection.doSort()
         // see: https://github.com/neomjs/neo/issues/2392
 
-        owner.getModel().getStore('events').doSort();
+        owner.getStateProvider().getStore('events').doSort();
         owner.updateEvents()
     }
 

package/src/code/LivePreview.mjs

@@ -63,16 +63,16 @@ class LivePreview extends Container {
             removeInactiveCards: false,
 
             items: [{
-                module         : MonacoEditor,
-                hideLabel      : true,
-                listeners      : {editorChange: 'up.onEditorChange'},
-                style          : {height: '100%'},
-                reference      : 'editor',
-                tabButtonConfig: {text: 'Source'}
+                module   : MonacoEditor,
+                header   : {text: 'Source'},
+                hideLabel: true,
+                listeners: {editorChange: 'up.onEditorChange'},
+                style    : {height: '100%'},
+                reference: 'editor'
             }, {
-                module         : Container,
-                reference      : 'preview',
-                tabButtonConfig: {text: 'Preview'}
+                module   : Container,
+                header   : {text: 'Preview'},
+                reference: 'preview'
             }]
         }],
         /**
@@ -410,7 +410,7 @@ class LivePreview extends Container {
             ui       : 'ghost'
         });
 
-        items[0].style = {marginLeft: 'auto'};
+        items.unshift('->');
 
         // we want to add a normal (non-header) button
         tabContainer.getTabBar().add(items);