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

package/dist/es/slots/SchedulerEditSlot.js

@@ -5,7 +5,7 @@ var gh = allVue.h;
 var inject = allVue.inject;
 import { getDefaultSlots, Keys } from '@progress/kendo-vue-common';
 import { DATA_ACTION } from '../Scheduler';
-import { setField, getField, findFirstItem, isGroupped } from '../utils';
+import { setField, getField, findFirstItem, isGroupped, compareSlots, findNextItem } from '../utils';
 import { SchedulerViewSlot } from './SchedulerViewSlot';
 import { SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
 import { SLOTS_SELECT_ACTION } from '../hooks/use-slots-selection'; // tslint:enable:max-line-length
@@ -14,6 +14,10 @@ var SchedulerEditSlotVue2 = {
   name: 'KendoSchedulerEditSlot',
   props: {
     viewSlot: Object,
+    tabIndex: {
+      type: Number,
+      default: undefined
+    },
     form: Object,
     formItem: Object,
     refTo: [Function, Object],
@@ -60,6 +64,12 @@ var SchedulerEditSlotVue2 = {
     },
     ks: {
       default: null
+    },
+    dispatchFocusedSlots: {
+      default: null
+    },
+    dispatchSelectedSlots: {
+      default: null
     }
   },
   data: function data() {
@@ -69,7 +79,7 @@ var SchedulerEditSlotVue2 = {
   },
   computed: {
     currentTabIndex: function currentTabIndex() {
-      var isFirst = this.bv.slots.length && this.bv.slots[0].current === this.slot;
+      var isFirst = this.bv.slots.length && compareSlots(this.bv.slots[0], this);
       return this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.bv.selectedSlots.length === 0 ? isFirst && this.items.length === 0 ? 0 : undefined : undefined;
     },
     computedEditable: function computedEditable() {
@@ -111,14 +121,9 @@ var SchedulerEditSlotVue2 = {
         zonedStart = _a.zonedStart,
         zonedEnd = _a.zonedEnd,
         navDay = _a.navDay,
-        itemsPerSlot = _a.itemsPerSlot; // const fields = useSchedulerFieldsContext();
-    // const [slots] = useSchedulerViewSlotsContext();
-    // const [items] = useSchedulerViewItemsContext();
-    // const [selectedSlots, dispatchSlotsSelection] = useSchedulerViewSelectedSlotsContext();
-    // const [,dispatchFocusedSlots] = useSchedulerViewFocusedSlotsContext();
-
+        itemsPerSlot = _a.itemsPerSlot;
     var selected = this.bv.selectedSlots.some(function (s) {
-      return Boolean(s.current && s.current.props.start.getTime() === _this.$props.start.getTime() && s.current.props.end.getTime() === _this.$props.end.getTime() && s.current.props.index === _this.$props.index && s.current.props.group.index === _this.$props.group.index && s.current.props.range.index === _this.$props.range.index && s.current.props.isAllDay === _this.$props.isAllDay);
+      return compareSlots(s, _this);
     });
     return (// @ts-ignore  function children
       h(SchedulerViewSlot, {
@@ -211,9 +216,9 @@ var SchedulerEditSlotVue2 = {
     },
     handleFocus: function handleFocus(event) {
       if (this.computedEditable.select) {
-        this.dispatchSlotsSelection({
+        this.dispatchSelectedSlots({
           type: SLOTS_SELECT_ACTION.select,
-          slot: this.slotRender
+          slot: this
         }, event.event);
       }
 
@@ -239,7 +244,7 @@ var SchedulerEditSlotVue2 = {
           event.event.preventDefault();
           this.dispatchFocusedSlots({
             type: SLOTS_FOCUS_ACTION.left,
-            slot: this.slot
+            slot: this
           }, event.event);
           break;
 
@@ -251,7 +256,7 @@ var SchedulerEditSlotVue2 = {
           event.event.preventDefault();
           this.dispatchFocusedSlots({
             type: SLOTS_FOCUS_ACTION.right,
-            slot: this.slot
+            slot: this
           }, event.event);
           break;
 
@@ -263,7 +268,7 @@ var SchedulerEditSlotVue2 = {
           event.event.preventDefault();
           this.dispatchFocusedSlots({
             type: SLOTS_FOCUS_ACTION.up,
-            slot: this.slot
+            slot: this
           }, event.event);
           break;
 
@@ -275,7 +280,7 @@ var SchedulerEditSlotVue2 = {
           event.event.preventDefault();
           this.dispatchFocusedSlots({
             type: SLOTS_FOCUS_ACTION.down,
-            slot: this.slot
+            slot: this
           }, event.event);
           break;
 
@@ -289,7 +294,7 @@ var SchedulerEditSlotVue2 = {
           break;
 
         case Keys.tab:
-          nextItem = findFirstItem(event.target);
+          nextItem = findNextItem(findFirstItem(event.target), this.bv.items, false);
           break;
 
         default:

package/dist/es/slots/SchedulerSlot.js

@@ -30,6 +30,21 @@ var DAY_FORMAT = {
 
 var SchedulerSlotVue2 = {
   name: 'KendoSchedulerSlot',
+  // @ts-ignore
+  emits: {
+    focus: null,
+    blur: null,
+    click: null,
+    showmoreitems: null,
+    mouseover: null,
+    mouseout: null,
+    mouseenter: null,
+    mouseleave: null,
+    doubleclick: null,
+    keydown: null,
+    keypress: null,
+    keyup: null
+  },
   props: {
     refTo: [Function, Object],
     items: Array,
@@ -45,6 +60,10 @@ var SchedulerSlotVue2 = {
       default: true
     },
     selected: Boolean,
+    tabIndex: {
+      type: Number,
+      default: undefined
+    },
     col: Number,
     index: Number,
     start: Date,
@@ -295,7 +314,7 @@ var SchedulerSlotVue2 = {
       });
     },
     handleKeyPress: function handleKeyPress(event) {
-      this.$emit('keydown', {
+      this.$emit('keypress', {
         event: event,
         target: {
           props: __assign({}, this.$props),

package/dist/es/slots/SchedulerViewSlot.js

@@ -9,6 +9,13 @@ import { getDefaultSlots, getTemplate } from '@progress/kendo-vue-common'; // ts
 
 var SchedulerViewSlotVue2 = {
   name: 'KendoSchedulerViewSlot',
+  // @ts-ignore
+  emits: {
+    focus: null,
+    showmoreitems: null,
+    doubleclick: null,
+    keydown: null
+  },
   props: {
     refTo: [Function, Object],
     items: Array,
@@ -36,7 +43,11 @@ var SchedulerViewSlotVue2 = {
     navDay: Boolean,
     editable: [Object, Boolean],
     itemsPerSlot: Number,
-    formItem: Object
+    formItem: Object,
+    tabIndex: {
+      type: Number,
+      default: undefined
+    }
   },
   created: function created() {
     this.viewSlot = null;
@@ -87,8 +98,9 @@ var SchedulerViewSlotVue2 = {
     var slotRender;
     var slotRenderDefaultRendering = // @ts-ignore  function children
     h(SchedulerSlot, {
-      isAllDay: this.isAllDay,
+      tabIndex: this.tabIndex,
       attrs: this.v3 ? undefined : {
+        tabIndex: this.tabIndex,
         isAllDay: this.isAllDay,
         items: items,
         row: row,
@@ -105,8 +117,10 @@ var SchedulerViewSlotVue2 = {
         navDay: navDay,
         itemsPerSlot: itemsPerSlot,
         editable: editable,
-        formItem: this.formItem
+        formItem: this.formItem,
+        selected: this.selected
       },
+      isAllDay: this.isAllDay,
       items: items,
       row: row,
       group: group,
@@ -126,9 +140,14 @@ var SchedulerViewSlotVue2 = {
       onShowmoreitems: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
         "showmoreitems": this.handleShowMoreItemsClick,
-        "doubleclick": this.handleDoubleClick
+        "doubleclick": this.handleDoubleClick,
+        "keydown": this.handleKeyDown,
+        "focus": this.handleFocus
       },
-      onDoubleclick: this.handleDoubleClick
+      onDoubleclick: this.handleDoubleClick,
+      onKeydown: this.handleKeyDown,
+      onFocus: this.handleFocus,
+      selected: this.selected
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);
@@ -149,6 +168,12 @@ var SchedulerViewSlotVue2 = {
     },
     handleDoubleClick: function handleDoubleClick(args) {
       this.$emit('doubleclick', args);
+    },
+    handleKeyDown: function handleKeyDown(args) {
+      this.$emit('keydown', args);
+    },
+    handleFocus: function handleFocus(args) {
+      this.$emit('focus', args);
     }
   }
 };

package/dist/es/utils/index.d.ts

@@ -165,6 +165,10 @@ export declare const noop: (..._args: any) => void;
 /** @hidden */
 export declare const findFirstItem: (current: any) => SchedulerItemHandle | null;
 /** @hidden */
+export declare const compareItems: (f: any, s: any, ignoreIsAllDay?: boolean) => boolean;
+/** @hidden */
+export declare const compareSlots: (f: any, s: any) => boolean;
+/** @hidden */
 export declare const findNextItem: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined, backwards?: boolean) => any;
 /**
  * @hidden

package/dist/es/utils/index.js

@@ -525,31 +525,40 @@ export var noop = function () {
 };
 /** @hidden */
 export var findFirstItem = function (current) {
-    var next = current.$props.items.find(function (i) { return i.order === 0; }) || current.$props.items[0];
-    return next && next.refTo.current;
+    var next = current.props.items.find(function (i) { return i.order === 0; }) || current.props.items[0];
+    return next;
 };
 /** @hidden */
+export var compareItems = function (f, s, ignoreIsAllDay) { return Boolean(f.uid === s.uid
+    && ((f.occurrenceId === undefined) ||
+        f.occurrenceId === s.occurrenceId)
+    && (f.group.index === s.group.index)
+    && (f.range.index === s.range.index)
+    && (ignoreIsAllDay || f.isAllDay === s.isAllDay)); };
+/** @hidden */
+export var compareSlots = function (f, s) { return Boolean(f.start.getTime() === s.start.getTime()
+    && f.end.getTime() === s.end.getTime()
+    && f.index === s.index
+    && f.group.index === s.group.index
+    && f.range.index === s.range.index
+    && f.isAllDay === s.isAllDay); };
+/** @hidden */
 export var findNextItem = function (ref, all, ignoreIsAllDay, backwards) {
     if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
     if (backwards === void 0) { backwards = false; }
-    var current = ref.current;
+    var current = ref;
     if (!current || !all) {
         return null;
     }
-    var filtered = all.filter(function (i) { return i.current !== null && i.current.element !== null; });
+    var filtered = all.filter(function (i) { return i.element !== null; });
     var sorted = orderBy(filtered, [
-        { field: 'current.props.group.index', dir: 'asc' },
-        { field: 'current.props.range.index', dir: 'asc' },
-        (ignoreIsAllDay ? { field: '' } : { field: 'current.props.isAllDay', dir: 'desc' }),
-        { field: 'current.props.start', dir: 'asc' }
+        { field: 'group.index', dir: 'asc' },
+        { field: 'range.index', dir: 'asc' },
+        (ignoreIsAllDay ? { field: '' } : { field: 'isAllDay', dir: 'desc' }),
+        { field: 'start', dir: 'asc' }
     ]);
     var currentIndex = sorted
-        .findIndex(function (i) { return i.current !== null && Boolean(i.current.props.uid === current.props.uid
-        && ((i.current.props.occurrenceId === undefined) ||
-            i.current.props.occurrenceId === current.props.occurrenceId)
-        && (i.current.props.group.index === current.props.group.index)
-        && (i.current.props.range.index === current.props.range.index)
-        && (ignoreIsAllDay || i.current.props.isAllDay === current.props.isAllDay)); });
+        .findIndex(function (i) { return compareItems(i, current, ignoreIsAllDay); });
     var next = sorted[currentIndex + (backwards ? -1 : 1)];
     return next;
 };

package/dist/es/views/common/SchedulerDrag.js

@@ -17,6 +17,7 @@ import { mapItemsToSlots } from '../../utils'; // tslint:enable:max-line-length
 
 var SchedulerDragVue2 = {
   name: 'KendoSchedulerDrag',
+  inheritAttrs: false,
   props: {
     ignoreIsAllDay: Boolean,
     dataItem: Object,

package/dist/es/views/common/SchedulerResize.js

@@ -20,6 +20,7 @@ var SchedulerResizeVue2 = {
   props: {
     ignoreIsAllDay: Boolean,
     dataItem: Object,
+    format: String,
     vertical: Boolean,
     viewItem: [String, Function, Object],
     item: {
@@ -32,13 +33,16 @@ var SchedulerResizeVue2 = {
   inject: {
     ks: {
       default: null
+    },
+    bv: {
+      default: null
     }
   },
   computed: {
     occurrences: function occurrences() {
       return toOccurrences([this.$props.dataItem], {
-        dateRange: this.dateRange,
-        fields: this.fields,
+        dateRange: this.ks.dateRange,
+        fields: this.ks.fields,
         timezone: this.ks.timezone
       });
     },
@@ -46,8 +50,8 @@ var SchedulerResizeVue2 = {
       return toItems(this.occurrences, {
         timezone: this.ks.timezone
       }, {
-        groups: this.groups,
-        ranges: this.ranges
+        groups: this.ks.groups,
+        ranges: this.bv.ranges
       });
     }
   },
@@ -60,36 +64,80 @@ var SchedulerResizeVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var h = gh || createElement; // const ranges = useSchedulerViewRangesContext();
-    // const { timezone } = useSchedulerPropsContext();
-    // const groups = useSchedulerGroupsContext();
-    // const fields = useSchedulerFieldsContext();
-    // const dateRange = useSchedulerDateRangeContext();
-    // const [viewSlots] = useSchedulerViewSlotsContext();
-
-    var slots = (this.viewSlots || []).map(function (s) {
-      return s.current.props;
+    var h = gh || createElement;
+    var slots = (this.bv.slots || []).map(function (s) {
+      return s;
     });
     mapItemsToSlots(this.items, slots);
     return (// fragment
-      h("div", [this.items.map(function (_item, idx) {
+      // <div>
+      this.items.map(function (item, idx) {
         return h(SchedulerViewItem, {
-          key: idx //     {...item}
-          ,
-          format: this.$props.format,
+          key: idx,
+          uid: item.uid,
           attrs: this.v3 ? undefined : {
-            format: this.$props.format,
-            item: this.$props.item,
+            uid: item.uid,
+            start: item.start,
+            end: item.end,
+            originalStart: item.originalStart,
+            startTimezone: item.startTimezone,
+            endTimezone: item.endTimezone,
+            isAllDay: item.isAllDay,
+            title: item.title,
+            description: item.description,
+            occurrenceId: item.occurrenceId,
+            recurrenceExceptions: item.recurrenceExceptions,
+            recurrenceRule: item.recurrenceRule,
+            recurrenceId: item.recurrenceId,
+            dataItem: item.dataItem,
+            itemRef: item.itemRef,
+            head: item.head,
+            tail: item.tail,
+            order: item.order,
+            zonedStart: item.zonedStart,
+            zonedEnd: item.zonedEnd,
+            slots: item.slots,
+            group: item.group,
+            range: item.range,
+            isException: item.isException,
+            isRecurring: item.isRecurring,
+            format: this.format //   item={this.$props.item}
+            ,
             resizeHint: true,
             vertical: this.$props.vertical,
             ignoreIsAllDay: this.$props.ignoreIsAllDay
           },
-          item: this.$props.item,
+          start: item.start,
+          end: item.end,
+          originalStart: item.originalStart,
+          startTimezone: item.startTimezone,
+          endTimezone: item.endTimezone,
+          isAllDay: item.isAllDay,
+          title: item.title,
+          description: item.description,
+          occurrenceId: item.occurrenceId,
+          recurrenceExceptions: item.recurrenceExceptions,
+          recurrenceRule: item.recurrenceRule,
+          recurrenceId: item.recurrenceId,
+          dataItem: item.dataItem,
+          itemRef: item.itemRef,
+          head: item.head,
+          tail: item.tail,
+          order: item.order,
+          zonedStart: item.zonedStart,
+          zonedEnd: item.zonedEnd,
+          slots: item.slots,
+          group: item.group,
+          range: item.range,
+          isException: item.isException,
+          isRecurring: item.isRecurring,
+          format: this.format,
           resizeHint: true,
           vertical: this.$props.vertical,
           ignoreIsAllDay: this.$props.ignoreIsAllDay
         });
-      }, this)])
+      }, this) //  </div>
+
     );
   }
 };

package/dist/es/views/common/VerticalResourceIterator.js

@@ -105,7 +105,7 @@ var VerticalResourceIteratorVue2 = {
             numberOfDays: more.numberOfDays,
             workWeekStart: more.workWeekStart,
             workWeekEnd: more.workWeekEnd,
-            editable: this.$props.editable
+            editable: more.editable
           },
           groupIndex: currentGroupIndex,
           onDataaction: this.handleDataAction,
@@ -122,7 +122,7 @@ var VerticalResourceIteratorVue2 = {
           numberOfDays: more.numberOfDays,
           workWeekStart: more.workWeekStart,
           workWeekEnd: more.workWeekEnd,
-          editable: this.$props.editable
+          editable: more.editable
         });
       }, this) : null;
     };

package/dist/es/views/day/DayView.js

@@ -92,7 +92,8 @@ var DayViewVue2 = {
     editable: {
       type: [Boolean, Object],
       default: false
-    }
+    },
+    format: String
   },
   inject: {
     kendoLocalizationService: {

package/dist/es/views/day/MultiDayView.d.ts

@@ -106,6 +106,10 @@ export interface MultiDayViewProps extends SchedulerViewProps {
      * Overrides the `dragItem` prop of the Scheduler for the specified view only.
      */
     dragItem?: any;
+    /**
+     * Overrides the `resizeItem` prop of the Scheduler for the specified view only.
+     */
+    resizeItem?: any;
     /**
      * Overrides the `viewItem` prop of the Scheduler for the specified view only.
      */