@progress/kendo-vue-scheduler 3.2.5 → 3.2.7-dev.202205021145

package/dist/es/components/BaseView.js

@@ -29,10 +29,10 @@ var BaseViewVue2 = {
       bv: this.bv,
       setItems: this.dispatchItems,
       setSlots: this.dispatchSlots,
-      setSelectedSlots: dispatchSelectedSlots,
-      setSelectedItems: dispatchSelectedItems,
-      setFocusedItems: dispatchFocusedItems,
-      setFocusedSlots: dispatchFocusedSlots //    setActiveViewName: this.handleActiveViewNameChange
+      dispatchSelectedSlots: this.handleSchedulerSlotsSelectAction,
+      dispatchSelectedItems: this.handleSchedulerItemsSelectAction,
+      dispatchFocusedItems: this.setFocusedItems,
+      dispatchFocusedSlots: this.setFocusedSlots //    setActiveViewName: this.handleActiveViewNameChange
 
     };
   },
@@ -94,21 +94,23 @@ var BaseViewVue2 = {
       });
     },
     handleSchedulerItemsSelectAction: function handleSchedulerItemsSelectAction(action, event) {
-      this.dispatchSelectedSlots({
+      dispatchSelectedSlots.call(this, {
         type: SLOTS_SELECT_ACTION.reset
       });
-      this.dispatchSelectedItems(action, event);
+      dispatchSelectedItems.call(this, action, event);
     },
     handleSchedulerSlotsSelectAction: function handleSchedulerSlotsSelectAction(action, event) {
-      this.dispatchSelectedItems({
+      dispatchSelectedItems.call(this, {
         type: ITEMS_SELECT_ACTION.reset
       }, event);
-      this.dispatchSelectedSlots(action);
+      dispatchSelectedSlots.call(this, action);
+    },
+    setFocusedItems: function setFocusedItems(action, event) {
+      dispatchFocusedItems.call(this, action, event);
+    },
+    setFocusedSlots: function setFocusedSlots(action, event) {
+      dispatchFocusedSlots.call(this, action, event);
     },
-    dispatchSelectedSlots: dispatchSelectedSlots,
-    dispatchSelectedItems: dispatchSelectedItems,
-    dispatchFocusedItems: dispatchFocusedItems,
-    dispatchFocusedSlots: dispatchFocusedSlots,
     dispatchItems: function dispatchItems(action) {
       switch (action.type) {
         case COLLECTION_ACTION.add:

package/dist/es/components/SchedulerForm.js

@@ -295,7 +295,7 @@ var SchedulerFormVue2 = {
       result[this.ks.fields.end] = [this.requiredValidator(formValueGetter(this.ks.fields.start)), this.endAfterStartValidator(formValueGetter(this.ks.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
         return current || acc;
       }, '');
-      var additionalValidator = this.ksValidator(_dataItem, formValueGetter);
+      var additionalValidator = this.ksValidator(formValueGetter);
       return __assign(__assign({}, result), additionalValidator);
     }
   }

package/dist/es/components/header/view-selector/ViewSelectorList.js

@@ -86,14 +86,9 @@ var ViewSelectorListVue2 = {
     }, [activeView && this.media === 'mobile' && // @ts-ignore  function children
     h(DropDownButton, {
       "class": "k-views-dropdown",
-      onItemclick: this.handleItemClick,
-      on: this.v3 ? undefined : {
-        "itemclick": this.handleItemClick
-      },
-      popupSettings: {
-        popupClass: 'k-scheduler-toolbar'
-      },
+      tabIndex: -1,
       attrs: this.v3 ? undefined : {
+        tabIndex: -1,
         popupSettings: {
           popupClass: 'k-scheduler-toolbar'
         },
@@ -109,6 +104,13 @@ var ViewSelectorListVue2 = {
         }, this),
         text: activeView.title || activeName
       },
+      onItemclick: this.handleItemClick,
+      on: this.v3 ? undefined : {
+        "itemclick": this.handleItemClick
+      },
+      popupSettings: {
+        popupClass: 'k-scheduler-toolbar'
+      },
       textField: "title",
       items: views.map(function (v) {
         var nameTitle = 'scheduler.' + v.name + 'ViewTitle';

package/dist/es/editors/SchedulerFormEditor.js

@@ -621,6 +621,8 @@ var SchedulerFormEditorVue2 = {
         }, _this.v3 ? function () {
           return [_this.kendoForm.errors[_this.ks.fields.description]];
         } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (_this.ks.props.resources || []).map(function (resource) {
+          var _this2 = this;
+
           return h("div", {
             key: resource.field
           }, [h("div", {
@@ -654,7 +656,17 @@ var SchedulerFormEditorVue2 = {
             textField: resource.textField,
             valueField: resource.valueField,
             colorField: resource.colorField
-          })])]);
+          }), this.kendoForm.errors[resource.field] && // @ts-ignore function children
+          h(Field, {
+            name: resource.field,
+            attrs: this.v3 ? undefined : {
+              name: resource.field,
+              component: Error
+            },
+            component: Error
+          }, this.v3 ? function () {
+            return [_this2.kendoForm.errors[resource.field]];
+          } : [_this2.kendoForm.errors[resource.field]])])]);
         }, _this), defaultSlots];
       } : [h("div", {
         "class": "k-form-field"
@@ -973,6 +985,8 @@ var SchedulerFormEditorVue2 = {
       }, _this.v3 ? function () {
         return [_this.kendoForm.errors[_this.ks.fields.description]];
       } : [_this.kendoForm.errors[_this.ks.fields.description]])])]), (_this.ks.props.resources || []).map(function (resource) {
+        var _this2 = this;
+
         return h("div", {
           key: resource.field
         }, [h("div", {
@@ -1005,7 +1019,16 @@ var SchedulerFormEditorVue2 = {
           textField: resource.textField,
           valueField: resource.valueField,
           colorField: resource.colorField
-        })])]);
+        }), this.kendoForm.errors[resource.field] && h(Field, {
+          name: resource.field,
+          attrs: this.v3 ? undefined : {
+            name: resource.field,
+            component: Error
+          },
+          component: Error
+        }, this.v3 ? function () {
+          return [_this2.kendoForm.errors[resource.field]];
+        } : [_this2.kendoForm.errors[resource.field]])])]);
       }, _this), defaultSlots])
     );
   },

package/dist/es/hooks/use-items-focus.js

@@ -20,15 +20,15 @@ export var dispatchFocusedItems = function dispatchFocusedItems(action, event) {
   switch (action.type) {
     case ITEMS_FOCUS_ACTION.next:
       {
-        if (!action.item || !action.item.current || !this.items) {
+        if (!action.item || !this.bv.items) {
           return;
         }
 
-        var next = findNextItem(action.item, this.items, action.ignoreIsAllDay, false);
+        var next = findNextItem(action.item, this.bv.items, action.ignoreIsAllDay, false);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.element) {
           event.preventDefault();
-          next.current.element.focus();
+          next.element.focus();
         }
 
         break;
@@ -36,15 +36,15 @@ export var dispatchFocusedItems = function dispatchFocusedItems(action, event) {
 
     case ITEMS_FOCUS_ACTION.prev:
       {
-        if (!action.item || !action.item.current || !this.items) {
+        if (!action.item || !this.bv.items) {
           return;
         }
 
-        var next = findNextItem(action.item, this.items, action.ignoreIsAllDay, true);
+        var next = findNextItem(action.item, this.bv.items, action.ignoreIsAllDay, true);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.element) {
           event.preventDefault();
-          next.current.element.focus();
+          next.element.focus();
         }
 
         break;

package/dist/es/hooks/use-items-selection.js

@@ -45,20 +45,20 @@ export var dispatchSelectedItems = function dispatchSelectedItems(action, event)
         return;
       }
 
-      this.selectedItems = [action.item];
+      this.bv.selectedItems = [action.item];
       break;
 
     case ITEMS_SELECT_ACTION.selectNext:
       {
-        if (!action.item || !action.item.current || !this.items) {
+        if (!action.item || !this.bv.items) {
           return;
         }
 
-        var next = findNextItem(action.item, this.items, action.ignoreIsAllDay, false);
+        var next = findNextItem(action.item, this.bv.items, action.ignoreIsAllDay, false);
 
         if (next) {
           event.preventDefault();
-          this.selectedItems = [next];
+          this.bv.selectedItems = [next];
         }
 
         break;
@@ -66,22 +66,22 @@ export var dispatchSelectedItems = function dispatchSelectedItems(action, event)
 
     case ITEMS_SELECT_ACTION.selectPrev:
       {
-        if (!action.item || !action.item.current || !this.items) {
+        if (!action.item || !this.bv.items) {
           return;
         }
 
-        var next = findNextItem(action.item, this.items, action.ignoreIsAllDay, true);
+        var next = findNextItem(action.item, this.bv.items, action.ignoreIsAllDay, true);
 
         if (next) {
           event.preventDefault();
-          this.selectedItems = [next];
+          this.bv.selectedItems = [next];
         }
 
         break;
       }
 
     case ITEMS_SELECT_ACTION.reset:
-      this.selectedItems = [];
+      this.bv.selectedItems = [];
       break;
 
     case ITEMS_SELECT_ACTION.add:
@@ -89,10 +89,10 @@ export var dispatchSelectedItems = function dispatchSelectedItems(action, event)
         return;
       }
 
-      if (!this.selectedItems.some(function (si) {
+      if (!this.bv.selectedItems.some(function (si) {
         return si === action.item;
       })) {
-        this.selectedItems = __spreadArrays(this.selectedItems, [action.item]);
+        this.bv.selectedItems = __spreadArrays(this.bv.selectedItems, [action.item]);
       }
 
       break;
@@ -102,7 +102,7 @@ export var dispatchSelectedItems = function dispatchSelectedItems(action, event)
         return;
       }
 
-      this.selectedItems = __spreadArrays(this.selectedItems.filter(function (si) {
+      this.bv.selectedItems = __spreadArrays(this.bv.selectedItems.filter(function (si) {
         return si !== action.item;
       }));
       break;

package/dist/es/hooks/use-slots-focus.js

@@ -22,15 +22,15 @@ export var dispatchFocusedSlots = function dispatchFocusedSlots(action, event) {
   switch (action.type) {
     case SLOTS_FOCUS_ACTION.up:
       {
-        if (!action.slot.current || !this.slots) {
+        if (!action.slot || !this.bv.slots) {
           return;
         }
 
-        var next = findUpSlot(action.slot, this.slots);
+        var next = findUpSlot(action.slot, this.bv.slots);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.$el) {
           event.preventDefault();
-          next.current.element.focus();
+          next.$el.focus();
         }
 
         break;
@@ -38,15 +38,15 @@ export var dispatchFocusedSlots = function dispatchFocusedSlots(action, event) {
 
     case SLOTS_FOCUS_ACTION.down:
       {
-        if (!action.slot || !this.slots) {
+        if (!action.slot || !this.bv.slots) {
           return;
         }
 
-        var next = findDownSlot(action.slot, this.slots);
+        var next = findDownSlot(action.slot, this.bv.slots);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.$el) {
           event.preventDefault();
-          next.current.element.focus();
+          next.$el.focus();
         }
 
         break;
@@ -54,15 +54,15 @@ export var dispatchFocusedSlots = function dispatchFocusedSlots(action, event) {
 
     case SLOTS_FOCUS_ACTION.left:
       {
-        if (!action.slot || !this.slots) {
+        if (!action.slot || !this.bv.slots) {
           return;
         }
 
-        var next = findLeftSlot(action.slot, this.slots);
+        var next = findLeftSlot(action.slot, this.bv.slots);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.$el) {
           event.preventDefault();
-          next.current.element.focus();
+          next.$el.focus();
         }
 
         break;
@@ -70,15 +70,15 @@ export var dispatchFocusedSlots = function dispatchFocusedSlots(action, event) {
 
     case SLOTS_FOCUS_ACTION.right:
       {
-        if (!action.slot || !this.slots) {
+        if (!action.slot || !this.bv.slots) {
           return;
         }
 
-        var next = findRightSlot(action.slot, this.slots);
+        var next = findRightSlot(action.slot, this.bv.slots);
 
-        if (next && next.current && next.current.element) {
+        if (next && next.$el) {
           event.preventDefault();
-          next.current.element.focus();
+          next.$el.focus();
         }
 
         break;
@@ -92,27 +92,27 @@ export var dispatchFocusedSlots = function dispatchFocusedSlots(action, event) {
 
 export var findUpSlot = function findUpSlot(target, all) {
   return all.find(function (slot) {
-    return slot.current !== null && target.current !== null && slot.current.props.row === target.current.props.row - 1 && slot.current.props.col === target.current.props.col;
+    return slot !== null && target !== null && slot.$props.row === target.$props.row - 1 && slot.$props.col === target.$props.col;
   });
 };
 /** @hidden */
 
 export var findLeftSlot = function findLeftSlot(target, all) {
   return all.find(function (slot) {
-    return slot.current !== null && target.current !== null && slot.current.props.row === target.current.props.row && slot.current.props.col === target.current.props.col - 1;
+    return slot !== null && target !== null && slot.$props.row === target.$props.row && slot.$props.col === target.$props.col - 1;
   });
 };
 /** @hidden */
 
 export var findRightSlot = function findRightSlot(target, all) {
   return all.find(function (slot) {
-    return slot.current !== null && target.current !== null && slot.current.props.row === target.current.props.row && slot.current.props.col === target.current.props.col + 1;
+    return slot !== null && target !== null && slot.$props.row === target.$props.row && slot.$props.col === target.$props.col + 1;
   });
 };
 /** @hidden */
 
 export var findDownSlot = function findDownSlot(target, all) {
   return all.find(function (slot) {
-    return slot.current !== null && target.current !== null && slot.current.props.row === target.current.props.row + 1 && slot.current.props.col === target.current.props.col;
+    return slot !== null && target !== null && slot.$props.row === target.$props.row + 1 && slot.$props.col === target.$props.col;
   });
 };

package/dist/es/hooks/use-slots-selection.js

@@ -38,11 +38,11 @@ export var dispatchSelectedSlots = function dispatchSelectedSlots(action) {
         return;
       }
 
-      this.selectedSlots([action.slot]);
+      this.bv.selectedSlots = [action.slot];
       break;
 
     case SLOTS_SELECT_ACTION.reset:
-      this.selectedSlots([]);
+      this.bv.selectedSlots = [];
       break;
 
     case SLOTS_SELECT_ACTION.add:
@@ -50,10 +50,10 @@ export var dispatchSelectedSlots = function dispatchSelectedSlots(action) {
         return;
       }
 
-      if (!this.selectedSlots.some(function (ss) {
+      if (!this.bv.selectedSlots.some(function (ss) {
         return ss === action.slot;
       })) {
-        this.selectedSlots(__spreadArrays(this.selectedSlots, [action.slot]));
+        this.bv.selectedSlots = __spreadArrays(this.bv.selectedSlots, [action.slot]);
       }
 
       break;

package/dist/es/hooks/useSlotExpand.js

@@ -49,7 +49,7 @@ export var useSlotExpand = function useSlotExpand(slot, _scheduler, config) {
         return;
       }
 
-      var height = getRect(currentItem.$el).height;
+      var height = getRect(currentItem.getElement()).height;
       highest += height;
     });
     var minHeight = existing.length * BORDER_WIDTH * 2 + highest - (slotPadding || 0) + ((typeof config === "undefined" ? "undefined" : _typeof(config)) === 'object' && config.offsetTop ? config.offsetTop : 0) + ((typeof config === "undefined" ? "undefined" : _typeof(config)) === 'object' && config.offsetBottom ? config.offsetBottom : 0);

package/dist/es/items/SchedulerEditItem.d.ts

@@ -330,6 +330,7 @@ export interface SchedulerEditItemState {
  */
 export interface SchedulerEditItemComputed {
     [key: string]: any;
+    currentTabIndex: number | undefined | null;
 }
 /**
  * @hidden
@@ -341,7 +342,6 @@ export interface SchedulerEditItemMethods {
  * @hidden
  */
 export interface SchedulerEditItemData {
-    currentTabIndex: number | undefined | null;
 }
 /**
  * @hidden