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

package/dist/es/items/SchedulerEditItem.js

@@ -31,12 +31,15 @@ import { DRAG_ITEM_ACTION, useDragItem } from './hooks/use-drag-item';
 import { RESIZE_ITEM_ACTION, useResizeItem } from './hooks/use-resize-item';
 import { seriesReducer, SERIES_ACTION, useSeries } from './hooks/use-series';
 import { ITEMS_SELECT_ACTION } from '../hooks/use-items-selection';
-import { findMaster } from '../utils'; // tslint:enable:max-line-length
+import { compareItems, findMaster } from '../utils'; // tslint:enable:max-line-length
 
 var SchedulerEditItemVue2 = {
   name: 'KendoSchedulerEditItem',
   props: {
-    tabIndex: Number,
+    tabIndex: {
+      type: Number,
+      default: undefined
+    },
     item: [String, Function, Object],
     viewItem: [String, Function, Object],
     drag: [String, Function, Object],
@@ -101,6 +104,15 @@ var SchedulerEditItemVue2 = {
     },
     ks: {
       default: null
+    },
+    dispatchFocusedItems: {
+      default: null
+    },
+    dispatchFocusedSlots: {
+      default: null
+    },
+    dispatchSelectedItems: {
+      default: null
     }
   },
   provide: function provide() {
@@ -124,7 +136,6 @@ var SchedulerEditItemVue2 = {
         showRemoveDialog: this.showRemoveDialog,
         showOccurrenceDialog: this.showOccurrenceDialog
       },
-      currentTabIndex: this.$props.tabIndex,
       currentFormItem: null,
       currentSelected: null,
       currentSeries: null,
@@ -137,6 +148,10 @@ var SchedulerEditItemVue2 = {
     };
   },
   computed: {
+    currentTabIndex: function currentTabIndex() {
+      var isFirst = this.bv.items.length && this.bv.items[0].dataItem.id === this.dataItem.id;
+      return this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.bv.selectedItems.length === 0 ? isFirst ? 0 : undefined : undefined;
+    },
     compSelected: function compSelected() {
       return this.selected !== undefined ? this.selected : this.currentSelected;
     },
@@ -167,10 +182,6 @@ var SchedulerEditItemVue2 = {
       return _a = {}, _a[SERIES_ACTION.set] = this.dispatchSeries, _a[SERIES_ACTION.toggle] = this.dispatchSeries, _a[SERIES_ACTION.reset] = this.dispatchSeries, _a[ITEMS_SELECT_ACTION.select] = this.dispatchItemSelection, _a[ITEMS_SELECT_ACTION.add] = this.dispatchItemSelection, _a[ITEMS_SELECT_ACTION.remove] = this.dispatchItemSelection, _a[ITEMS_SELECT_ACTION.reset] = this.dispatchItemSelection, _a[ITEMS_SELECT_ACTION.selectNext] = this.dispatchItemSelection, _a[ITEMS_SELECT_ACTION.selectPrev] = this.dispatchItemSelection, _a[FORM_ITEM_ACTION.set] = this.dispatchFormItem, _a[FORM_ITEM_ACTION.setMaster] = this.dispatchFormItem, _a[FORM_ITEM_ACTION.reset] = this.dispatchFormItem, _a[FORM_ITEM_ACTION.complete] = this.dispatchFormItem, _a[REMOVE_ITEM_ACTION.set] = this.dispatchRemoveItem, _a[REMOVE_ITEM_ACTION.reset] = this.dispatchRemoveItem, _a[REMOVE_ITEM_ACTION.complete] = this.dispatchRemoveItem, _a[SHOW_OCCURRENCE_DIALOG_ACTION.close] = this.dispatchShowOccurrenceDialog, _a[SHOW_OCCURRENCE_DIALOG_ACTION.open] = this.dispatchShowOccurrenceDialog, _a[SHOW_OCCURRENCE_DIALOG_ACTION.set] = this.dispatchShowOccurrenceDialog, _a[SHOW_OCCURRENCE_DIALOG_ACTION.toggle] = this.dispatchShowOccurrenceDialog, _a[SHOW_OCCURRENCE_DIALOG_ACTION.reset] = this.dispatchShowOccurrenceDialog, _a[SHOW_REMOVE_DIALOG_ACTION.close] = this.dispatchShowRemoveDialog, _a[SHOW_REMOVE_DIALOG_ACTION.open] = this.dispatchShowRemoveDialog, _a[SHOW_REMOVE_DIALOG_ACTION.set] = this.dispatchShowRemoveDialog, _a[SHOW_REMOVE_DIALOG_ACTION.toggle] = this.dispatchShowRemoveDialog, _a[SHOW_REMOVE_DIALOG_ACTION.reset] = this.dispatchShowRemoveDialog, _a[DRAG_ITEM_ACTION.start] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.drag] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.complete] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.completeOccurrence] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.completeSeries] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.set] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.reset] = this.dispatchDragItem, _a[DRAG_ITEM_ACTION.dragSelected] = this.dispatchDragItem, _a[RESIZE_ITEM_ACTION.start] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.startDrag] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.startDragSelected] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.endDrag] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.endDragSelected] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.complete] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.completeOccurrence] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.completeSeries] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.set] = this.dispatchResizeItem, _a[RESIZE_ITEM_ACTION.reset] = this.dispatchResizeItem, _a[ITEMS_FOCUS_ACTION.next] = this.dispatchViewItemsFocus, _a[ITEMS_FOCUS_ACTION.prev] = this.dispatchViewItemsFocus, _a[SLOTS_FOCUS_ACTION.left] = this.dispatchViewSlotsFocus, _a[SLOTS_FOCUS_ACTION.right] = this.dispatchViewSlotsFocus, _a[SLOTS_FOCUS_ACTION.up] = this.dispatchViewSlotsFocus, _a[SLOTS_FOCUS_ACTION.down] = this.dispatchViewSlotsFocus, _a.null = function () {}, _a;
     }
   },
-  updated: function updated() {
-    var isFirst = this.bv.items.length && this.bv.items[0] === this.item;
-    this.currentTabindex = this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.bv.selectedItems.length === 0 ? isFirst ? 0 : undefined : undefined; // }, [items, props.tabIndex, selectedItems.length]);
-  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -231,36 +242,32 @@ var SchedulerEditItemVue2 = {
     //         onDataaction },
     //     [null, propDragItem, onDragItemChange]
     // );
-
-
-    var _c = useResizeItem({
-      dataItem: this.$props.dataItem,
-      onDataaction: onDataaction
-    }, [null, propResizeItem, onResizeItemChange]),
-        resizeItem = _c[0],
-        setResizeItem = _c[1],
-        dispatchResizeItem = _c[2]; // const [removeItem, setRemoveItem, dispatchRemoveItem] = useRemoveItem(
+    // const [resizeItem, setResizeItem, dispatchResizeItem] = useResizeItem(
+    //     { dataItem: this.$props.dataItem, onDataaction },
+    //     [null, propResizeItem, onResizeItemChange]
+    // );
+    // const [removeItem, setRemoveItem, dispatchRemoveItem] = useRemoveItem(
     //     { series, onDataaction},
     //     [null, propRemoveItem, onRemoveItemChange]
     // );
 
 
-    var _d = useShowRemoveDialog(false, propShowRemoveDialog, onShowRemoveDialogChange),
-        showRemoveDialog = _d[0],
-        setShowRemoveDialog = _d[1],
-        dispatchShowRemoveDialog = _d[2];
+    var _c = useShowRemoveDialog(false, propShowRemoveDialog, onShowRemoveDialogChange),
+        showRemoveDialog = _c[0],
+        setShowRemoveDialog = _c[1],
+        dispatchShowRemoveDialog = _c[2];
 
-    var _e = useShowOccurrenceDialog(false, propShowOccurrenceDialog, onShowOccurrenceDialogChange),
-        showOccurrenceDialog = _e[0],
-        setShowOccurrenceDialog = _e[1],
-        dispatchShowOccurrenceDialog = _e[2];
+    var _d = useShowOccurrenceDialog(false, propShowOccurrenceDialog, onShowOccurrenceDialogChange),
+        showOccurrenceDialog = _d[0],
+        setShowOccurrenceDialog = _d[1],
+        dispatchShowOccurrenceDialog = _d[2];
 
     var items = this.bv.items; // useSchedulerViewItemsContext();
     // const [,dispatchViewItemsFocus] = useSchedulerViewFocusedItemsContext();
     // const [,dispatchViewSlotsFocus] = useSchedulerViewFocusedSlotsContext();
 
     var selected = Boolean(this.bv.selectedItems && this.bv.selectedItems.some(function (si) {
-      return si === _this.item;
+      return compareItems(si, _this, _this.ignoreIsAllDay);
     }));
     return (// @ts-ignore  function children
       h(SchedulerViewItem, {
@@ -309,7 +316,7 @@ var SchedulerEditItemVue2 = {
           ,
           itemRef: this.item,
           selected: selected,
-          tabIndex: this.tabIndex // Keyboard
+          tabIndex: this.currentTabIndex // Keyboard
 
         },
         item: this.item,
@@ -353,7 +360,7 @@ var SchedulerEditItemVue2 = {
         removeItem: this.compRemoveItem,
         itemRef: this.item,
         selected: selected,
-        tabIndex: this.tabIndex,
+        tabIndex: this.currentTabIndex,
         onKeydown: this.handleKeyDown,
         on: this.v3 ? undefined : {
           "keydown": this.handleKeyDown,
@@ -370,7 +377,7 @@ var SchedulerEditItemVue2 = {
           "resizepress": this.handleResizePress,
           "resizeenddrag": this.handleResizeEndDrag,
           "resizestartdrag": this.handleResizeStartDrag,
-          "resizeselease": this.handleResizeRelease
+          "resizerelease": this.handleResizeRelease
         },
         onKeyup: this.handleKeyUp // Focus
         ,
@@ -389,30 +396,8 @@ var SchedulerEditItemVue2 = {
         onResizepress: this.handleResizePress,
         onResizeenddrag: this.handleResizeEndDrag,
         onResizestartdrag: this.handleResizeStartDrag,
-        onResizeselease: this.handleResizeRelease
-      }) // {((resizeItem && editable.resize)) && (Array.isArray(resizeItem)
-      //     ? (resizeItem as any).map((ri, idx) => (
-      //     <Resize
-      //         key={idx}
-      //         format={this.$props.format}
-      //         ignoreIsAllDay={ignoreIsAllDay}
-      //         dataItem={ri}
-      //         viewItem={this.$props.viewItem}
-      //         item={this.$props.item}
-      //         vertical={this.$props.vertical}
-      //         />
-      //     ))
-      //     : (
-      //     <Resize
-      //         format={this.$props.format}
-      //         ignoreIsAllDay={ignoreIsAllDay}
-      //         dataItem={resizeItem}
-      //         viewItem={this.$props.viewItem}
-      //         item={this.$props.item}
-      //         vertical={this.$props.vertical}
-      //         />
-      //     ))}
-
+        onResizerelease: this.handleResizeRelease
+      })
     );
   },
   methods: {
@@ -421,8 +406,8 @@ var SchedulerEditItemVue2 = {
       this.currentSeries = newSeries;
       this.$emit('serieschange', newSeries);
     },
-    dispatchItemSelection: function dispatchItemSelection(action, _event) {
-      this.aaa = action;
+    dispatchItemSelection: function dispatchItemSelection(action, event) {
+      this.dispatchSelectedItems(action, event);
     },
     dispatchRemoveItem: function dispatchRemoveItem(action, _event) {
       var newRemoveItem;
@@ -469,14 +454,14 @@ var SchedulerEditItemVue2 = {
     dispatchDragItem: function dispatchDragItem(action, _event) {
       useDragItem.call(this, action);
     },
-    dispatchResizeItem: function dispatchResizeItem(action, _event) {
-      this.aaa = action;
+    dispatchResizeItem: function dispatchResizeItem(action, event) {
+      useResizeItem.call(this, action, event);
     },
-    dispatchViewSlotsFocus: function dispatchViewSlotsFocus(action, _event) {
-      this.aaa = action;
+    dispatchViewSlotsFocus: function dispatchViewSlotsFocus(action, event) {
+      this.dispatchFocusedSlots(action, event);
     },
-    dispatchViewItemsFocus: function dispatchViewItemsFocus(action, _event) {
-      this.aaa = action;
+    dispatchViewItemsFocus: function dispatchViewItemsFocus(action, event) {
+      this.dispatchFocusedItems(action, event);
     },
     dispatchFormItem: function dispatchFormItem(action, _event) {
       var newFormItem;
@@ -515,52 +500,76 @@ var SchedulerEditItemVue2 = {
       this.$emit('formitemchange', newFormItem);
     },
     handleFocus: function handleFocus(event) {
+      var _this = this;
+
       if (this.onFocusAction) {
         var actions = this.onFocusAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.dataItem}, event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.dataItem});
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }));
         }
       }
 
       this.$emit('focus', event);
     },
     handleMouseDown: function handleMouseDown(event) {
+      var _this = this;
+
       if (this.onMouseDownAction) {
         var actions = this.onMouseDownAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.dataItem}, event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.dataItem});
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }));
         }
       }
 
       this.$emit('mousedown', event);
     },
     handleMouseUp: function handleMouseUp(event) {
+      var _this = this;
+
       if (this.onMouseUpAction) {
         var actions = this.onMouseUpAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.dataItem}, event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.dataItem});
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }));
         }
       }
 
       this.$emit('mouseup', event);
     },
     handleClick: function handleClick(event) {
+      var _this = this;
+
       if (this.onClickAction) {
         var actions = this.onClickAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.dataItem}, event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.dataItem});
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }));
         }
       }
 
@@ -661,71 +670,76 @@ var SchedulerEditItemVue2 = {
       this.$emit('release', event);
     },
     handleResizePress: function handleResizePress(event) {
+      var _this = this;
+
       if (this.onResizePressAction) {
         var actions = this.onResizePressAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type](
-          //          {...action, item: this.dataItem}, 
-          //          event.dragEvent.originalEvent))
-          //     : this.actionsReducerMap[actions.type](
-          //         {...actions, item: this.dataItem}, 
-          //         event.dragEvent.originalEvent
-          //         );
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event.dragEvent.originalEvent);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }), event.dragEvent.originalEvent);
         }
       }
 
       this.$emit('resizepress', event);
     },
     handleResizeStartDrag: function handleResizeStartDrag(event) {
+      var _this = this;
+
       if (this.onResizeStartDragAction) {
         var actions = this.onResizeStartDragAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type](
-          //          {...action, item: this.dataItem}, 
-          //          event.dragEvent.originalEvent))
-          //     : this.actionsReducerMap[actions.type](
-          //         {...actions, item: this.dataItem}, 
-          //         event.dragEvent.originalEvent
-          //     );
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event.dragEvent.originalEvent);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }), event.dragEvent.originalEvent);
         }
       }
 
       this.$emit('resizestartdrag', event);
     },
     handleResizeEndDrag: function handleResizeEndDrag(event) {
+      var _this = this;
+
       if (this.onResizeEndDragAction) {
         var actions = this.onResizeEndDragAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type](
-          //          {...action, item: this.dataItem}, 
-          //          event.dragEvent.originalEvent))
-          //     : this.actionsReducerMap[actions.type](
-          //         {...actions, item: this.dataItem}, 
-          //         event.dragEvent.originalEvent);
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event.dragEvent.originalEvent);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }), event.dragEvent.originalEvent);
         }
       }
 
       this.$emit('resizeenddrag', event);
     },
     handleResizeRelease: function handleResizeRelease(event) {
+      var _this = this;
+
       if (this.onResizeReleaseAction) {
         var actions = this.onResizeReleaseAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions) 
-          //     ? actions.filter(Boolean).map((action) => action && 
-          //     this.actionsReducerMap[action.type](
-          //         {...action, item: this.dataItem}, 
-          //         event.dragEvent.originalEvent))
-          //     : this.actionsReducerMap[actions.type](
-          //         {...actions, item: this.dataItem }, 
-          //         event.dragEvent.originalEvent
-          //     );
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event.dragEvent.originalEvent);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }), event.dragEvent.originalEvent);
         }
       }
 
@@ -808,26 +822,38 @@ var SchedulerEditItemVue2 = {
       this.$emit('seriesclick', event);
     },
     handleKeyDown: function handleKeyDown(event) {
+      var _this = this;
+
       if (this.onKeyDownAction) {
         var actions = this.onKeyDownAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions)
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.dataItem}, event.event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.dataItem}, event.event);
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this
+            }), event.event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this
+          }), event.event);
         }
       }
 
       this.$emit('keydown', event);
     },
     handleKeyUp: function handleKeyUp(event) {
+      var _this = this;
+
       if (this.onKeyUpAction) {
         var actions = this.onKeyUpAction(event, this.$props);
 
-        if (actions) {// Array.isArray(actions)
-          //     ? actions.filter(Boolean).map((action) => action &&
-          //      this.actionsReducerMap[action.type]({...action, item: this.dataItem}, event.event))
-          //     : this.actionsReducerMap[actions.type]({...actions, item: this.dataItem}, event.event);
+        if (actions) {
+          Array.isArray(actions) ? actions.filter(Boolean).map(function (action) {
+            return action && _this.actionsReducerMap[action.type](__assign(__assign({}, action), {
+              item: _this.dataItem
+            }), event.event);
+          }) : this.actionsReducerMap[actions.type](__assign(__assign({}, actions), {
+            item: this.dataItem
+          }), event.event);
         }
       }
 

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

@@ -205,6 +205,7 @@ export interface SchedulerItemHandle {
  * @hidden
  */
 export interface SchedulerItemState {
+    element: HTMLDivElement | null;
 }
 /**
  * @hidden