@progress/kendo-vue-scheduler 3.1.4 → 3.1.5-dev.202204110939

package/dist/es/items/SchedulerItem.js

@@ -217,110 +217,119 @@ var SchedulerItemVue2 = {
     //     onRelease: this.handleResizeRelease
     // });
 
-    return h("div", {
-      id: this.$props.id,
-      attrs: this.v3 ? undefined : {
+    return (//   <Draggable
+      //   onPress={this.handlePress}
+      //   onDrag={this.handleDrag}
+      //   onRelease={this.handleRelease}
+      //   ref={'draggable'}
+      //   >
+      // @ts-ignore  function children
+      h("div", {
         id: this.$props.id,
+        attrs: this.v3 ? undefined : {
+          id: this.$props.id,
+          tabIndex: this.currentTabIndex,
+          // Aria
+          "aria-label": this.eventLabel,
+          "aria-selected": this.$props.selected // Focus
+          ,
+          "data-group-index": this.$props.group.index,
+          "data-range-index": this.$props.range.index
+        },
+        style: this.computedStyle,
         tabIndex: this.currentTabIndex,
-        // Aria
+        "class": this.itemClassName,
         "aria-label": this.eventLabel,
-        "aria-selected": this.$props.selected // Focus
+        "aria-selected": this.$props.selected,
+        onFocus: this.handleFocus,
+        on: this.v3 ? undefined : {
+          "focus": this.handleFocus,
+          "blur": this.handleBlur,
+          "mouseup": this.handleMouseUp,
+          "mousedown": this.handleMouseDown,
+          "click": this.handleClick,
+          "mouseover": this.handleMouseOver,
+          "mouseout": this.handleMouseOut,
+          "mouseenter": this.handleMouseEnter,
+          "mouseleave": this.handleMouseLeave,
+          "dblclick": this.handleDoubleClick,
+          "keydown": this.handleKeyDown,
+          "keypress": this.handleKeyPress,
+          "keyup": this.handleKeyUp
+        },
+        onBlur: this.handleBlur // Mouse
         ,
+        onMouseup: this.handleMouseUp,
+        onMousedown: this.handleMouseDown,
+        onClick: this.handleClick,
+        onMouseover: this.handleMouseOver,
+        onMouseout: this.handleMouseOut,
+        onMouseenter: this.handleMouseEnter,
+        onMouseleave: this.handleMouseLeave,
+        onDblclick: this.handleDoubleClick // Keyboard
+        ,
+        onKeydown: this.handleKeyDown,
+        onKeypress: this.handleKeyPress,
+        onKeyup: this.handleKeyUp,
         "data-group-index": this.$props.group.index,
         "data-range-index": this.$props.range.index
-      },
-      style: this.computedStyle,
-      tabIndex: this.currentTabIndex,
-      "class": this.itemClassName,
-      "aria-label": this.eventLabel,
-      "aria-selected": this.$props.selected,
-      onFocus: this.handleFocus,
-      on: this.v3 ? undefined : {
-        "focus": this.handleFocus,
-        "blur": this.handleBlur,
-        "mouseup": this.handleMouseUp,
-        "mousedown": this.handleMouseDown,
-        "click": this.handleClick,
-        "mouseover": this.handleMouseOver,
-        "mouseout": this.handleMouseOut,
-        "mouseenter": this.handleMouseEnter,
-        "mouseleave": this.handleMouseLeave,
-        "dblclick": this.handleDoubleClick,
-        "keydown": this.handleKeyDown,
-        "keypress": this.handleKeyPress,
-        "keyup": this.handleKeyUp
-      },
-      onBlur: this.handleBlur // Mouse
-      ,
-      onMouseup: this.handleMouseUp,
-      onMousedown: this.handleMouseDown,
-      onClick: this.handleClick,
-      onMouseover: this.handleMouseOver,
-      onMouseout: this.handleMouseOut,
-      onMouseenter: this.handleMouseEnter,
-      onMouseleave: this.handleMouseLeave,
-      onDblclick: this.handleDoubleClick // Keyboard
-      ,
-      onKeydown: this.handleKeyDown,
-      onKeypress: this.handleKeyPress,
-      onKeyup: this.handleKeyUp,
-      "data-group-index": this.$props.group.index,
-      "data-range-index": this.$props.range.index
-    }, [!this.$props.resizeHint && h("span", {
-      "class": "k-event-actions"
-    }, [this.$props.tail && h("span", {
-      "class": "k-icon k-i-arrow-60-left"
-    }), this.$props.isRecurring && !this.$props.isException && h("span", {
-      "class": "k-icon k-i-reload"
-    }), !this.$props.isRecurring && this.$props.isException && h("span", {
-      "class": "k-icon k-i-non-recurrence"
-    })]), defaultSlot, !this.$props.resizeHint && h("span", {
-      "class": "k-event-actions"
-    }, [editable.remove && h("a", {
-      tabIndex: -1,
-      attrs: this.v3 ? undefined : {
+      }, [!this.$props.resizeHint && h("span", {
+        "class": "k-event-actions"
+      }, [this.$props.tail && h("span", {
+        "class": "k-icon k-i-arrow-60-left"
+      }), this.$props.isRecurring && !this.$props.isException && h("span", {
+        "class": "k-icon k-i-reload"
+      }), !this.$props.isRecurring && this.$props.isException && h("span", {
+        "class": "k-icon k-i-non-recurrence"
+      })]), defaultSlot, !this.$props.resizeHint && h("span", {
+        "class": "k-event-actions"
+      }, [editable.remove && h("a", {
         tabIndex: -1,
+        attrs: this.v3 ? undefined : {
+          tabIndex: -1,
+          "aria-hidden": "true",
+          title: deleteMessage,
+          "aria-label": deleteMessage
+        },
         "aria-hidden": "true",
+        "class": "k-link k-event-delete",
         title: deleteMessage,
-        "aria-label": deleteMessage
-      },
-      "aria-hidden": "true",
-      "class": "k-link k-event-delete",
-      title: deleteMessage,
-      "aria-label": deleteMessage,
-      onClick: this.handleRemoveClick,
-      on: this.v3 ? undefined : {
-        "click": this.handleRemoveClick
-      }
-    }, [h("span", {
-      "class": "k-icon k-i-close"
-    })]), this.$props.head && h("span", {
-      "class": "k-icon k-i-arrow-60-right"
-    })]), editable.resize && this.$props.vertical && [h("span", {
-      "class": "k-resize-handle k-resize-n",
-      ref: this.resizeNorth
-    }), h("span", {
-      "class": "k-resize-handle k-resize-s",
-      ref: this.resizeSouth
-    })], editable.resize && !this.$props.vertical && [h("span", {
-      "class": "k-resize-handle k-resize-w",
-      ref: this.resizeWest
-    }), h("span", {
-      "class": "k-resize-handle k-resize-e",
-      ref: this.resizeEast
-    })], this.$props.resizeHint && [h("div", {
-      "class": "k-marquee-color",
-      style: {
-        borderColor: this.color,
-        backgroundColor: this.color
-      }
-    }), h("div", {
-      "class": "k-marquee-text"
-    }, [!this.$props.tail && h("div", {
-      "class": "k-label-top"
-    }, [this.intl.formatDate(this.$props.zonedStart, this.$props.format)]), !this.$props.head && h("div", {
-      "class": "k-label-bottom"
-    }, [this.intl.formatDate(this.$props.zonedEnd, this.$props.format)])])]]);
+        "aria-label": deleteMessage,
+        onClick: this.handleRemoveClick,
+        on: this.v3 ? undefined : {
+          "click": this.handleRemoveClick
+        }
+      }, [h("span", {
+        "class": "k-icon k-i-close"
+      })]), this.$props.head && h("span", {
+        "class": "k-icon k-i-arrow-60-right"
+      })]), editable.resize && this.$props.vertical && [h("span", {
+        "class": "k-resize-handle k-resize-n",
+        ref: this.resizeNorth
+      }), h("span", {
+        "class": "k-resize-handle k-resize-s",
+        ref: this.resizeSouth
+      })], editable.resize && !this.$props.vertical && [h("span", {
+        "class": "k-resize-handle k-resize-w",
+        ref: this.resizeWest
+      }), h("span", {
+        "class": "k-resize-handle k-resize-e",
+        ref: this.resizeEast
+      })], this.$props.resizeHint && [h("div", {
+        "class": "k-marquee-color",
+        style: {
+          borderColor: this.color,
+          backgroundColor: this.color
+        }
+      }), h("div", {
+        "class": "k-marquee-text"
+      }, [!this.$props.tail && h("div", {
+        "class": "k-label-top"
+      }, [this.intl.formatDate(this.$props.zonedStart, this.$props.format)]), !this.$props.head && h("div", {
+        "class": "k-label-bottom"
+      }, [this.intl.formatDate(this.$props.zonedEnd, this.$props.format)])])]]) // </Draggable>
+
+    );
   },
   methods: {
     // Focus Handlers

package/dist/es/items/SchedulerViewItem.js

@@ -422,6 +422,12 @@ var SchedulerViewItemVue2 = {
     align: function align() {
       var _this = this;
 
+      var element = this.$el.nodeType === 8 ? this.$el.parentElement : this.$el;
+
+      if (!element) {
+        return;
+      }
+
       var slots = (this.bv.slots || []).filter(function (slot) {
         return slot && _this.inSlot(slot.$props, _this.$props);
       });
@@ -444,12 +450,12 @@ var SchedulerViewItemVue2 = {
       }
 
       var rect = getRect(firstSlot.$el);
-      setRect(this.$el, rect);
+      setRect(element, rect);
     },
     position: function position() {
       var _this = this;
 
-      var element = this.$el;
+      var element = this.$el.nodeType === 8 ? this.$el.parentElement : this.$el;
 
       if (!element) {
         return;

package/dist/es/items/hooks/use-drag-item.d.ts

@@ -1,4 +1,5 @@
 import { DataItem } from '../../models';
+import { SchedulerEditItemAll } from '../SchedulerEditItem';
 /**
  * Represents the available `action` types for the `SchedulerItemDragItemAction` objects.
  *
@@ -30,9 +31,4 @@ export interface SchedulerItemDragItemAction {
     payload?: DataItem;
 }
 /** @hidden */
-export declare const useDragItem: (_config: {
-    dataItem: DataItem;
-    ignoreIsAllDay?: boolean;
-    isAllDay?: boolean;
-    onDataaction?: any;
-}, _state: [DataItem, DataItem, any]) => any[];
+export declare const useDragItem: (this: SchedulerEditItemAll, action: SchedulerItemDragItemAction) => void;

package/dist/es/items/hooks/use-drag-item.js

@@ -1,3 +1,23 @@
+var __spreadArrays = this && this.__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
+    s += arguments[i].length;
+  }
+
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
+    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
+      r[k] = a[j];
+    }
+  }
+
+  return r;
+};
+
+import { clone } from '@progress/kendo-vue-common'; // import { useSchedulerFieldsContext, useSchedulerGroupsContext,
+// useSchedulerViewSelectedItemsContext } from '../../context';
+// import { useControlledState } from '../../hooks/useControlledState';
+
+import { DATA_ACTION } from '../../main';
+import { getField, setField, slotDive } from '../../utils';
 /**
  * Represents the available `action` types for the `SchedulerItemDragItemAction` objects.
  *
@@ -11,6 +31,7 @@
  * - `DRAG_ITEM_RESET'`
  * - `DRAG_ITEM_DRAG_SELECTED`
  */
+
 export var DRAG_ITEM_ACTION;
 
 (function (DRAG_ITEM_ACTION) {
@@ -23,160 +44,214 @@ export var DRAG_ITEM_ACTION;
   DRAG_ITEM_ACTION["reset"] = "DRAG_ITEM_RESET";
   DRAG_ITEM_ACTION["dragSelected"] = "DRAG_ITEM_DRAG_SELECTED";
 })(DRAG_ITEM_ACTION || (DRAG_ITEM_ACTION = {}));
+
+var offset = 0;
+var initialXRef = 0;
+var initialYRef = 0;
+var oldSlot = null;
 /** @hidden */
 
+export var useDragItem = function useDragItem(action) {
+  var _this = this;
+
+  var dataItem = clone(this.dataItem);
+
+  switch (action.type) {
+    case DRAG_ITEM_ACTION.set:
+      {
+        this.currentDragItem = action.payload;
+        break;
+      }
+
+    case DRAG_ITEM_ACTION.reset:
+      {
+        this.currentDragItem = null;
+        break;
+      }
+
+    case DRAG_ITEM_ACTION.dragSelected:
+      {
+        if (Math.abs(initialXRef - action.payload.x) < 10 && Math.abs(initialYRef - action.payload.y) < 10) {
+          return;
+        }
+
+        var slot = slotDive(action.payload.x, action.payload.y, 7);
+
+        if (!slot) {
+          return;
+        }
+
+        if (slot === oldSlot) {
+          return;
+        }
+
+        var slotStart = slot.getAttribute('data-slot-start');
+        var slotIsAllDay = slot.getAttribute('data-slot-allday') === 'true';
+
+        if (!this.ignoreIsAllDay && slotIsAllDay !== this.isAllDay) {
+          return;
+        }
+
+        var itemStart = new Date(getField(dataItem, this.ks.fields.start));
+        var distance_1 = Number(slotStart) - itemStart.getTime();
+        var newDragItems = this.bv.selectedItems.map(function (si) {
+          if (!si) {
+            return null;
+          }
+
+          var selectedDataItem = clone(si.props.dataItem);
+          var selectedStart = new Date(si.props.start.getTime() + distance_1);
+          var selectedEnd = new Date(si.props.end.getTime() + distance_1);
+          setField(selectedDataItem, _this.ks.fields.start, selectedStart);
+          setField(selectedDataItem, _this.ks.fields.end, selectedEnd);
+          return selectedDataItem;
+        }).filter(Boolean);
+        oldSlot = slot;
+        this.currentDragItem = __spreadArrays(newDragItems);
+        break;
+      }
+
+    case DRAG_ITEM_ACTION.start:
+      {
+        var clientX = action.payload.x;
+        var clientY = action.payload.y;
+        initialXRef = clientX;
+        initialYRef = clientY;
+        var slot = slotDive(clientX, clientY, 7);
+
+        if (!slot) {
+          return;
+        }
+
+        var slotStart = slot.getAttribute('data-slot-start');
+        var itemStart = getField(dataItem, this.ks.fields.start);
+
+        if (slotStart === null) {
+          return;
+        }
+
+        offset = Number(slotStart) - new Date(itemStart).getTime();
+        break;
+      }
+
+    case DRAG_ITEM_ACTION.drag:
+      {
+        if (Math.abs(initialXRef - action.payload.x) < 10 && Math.abs(initialYRef - action.payload.y) < 10) {
+          return;
+        }
+
+        var slot = slotDive(action.payload.x, action.payload.y, 7);
+
+        if (!slot) {
+          return;
+        }
+
+        if (slot === oldSlot) {
+          return;
+        }
+
+        var slotStart = slot.getAttribute('data-slot-start');
+        var slotGroupIndex_1 = slot.getAttribute('data-slot-group');
+        var slotIsAllDay = slot.getAttribute('data-slot-allday') === 'true';
+
+        if (!this.ignoreIsAllDay && slotIsAllDay !== this.isAllDay) {
+          return;
+        }
+
+        var itemStart = new Date(getField(dataItem, this.ks.fields.start));
+        var itemEnd = new Date(getField(dataItem, this.ks.fields.end));
+        var duration = itemEnd.getTime() - itemStart.getTime();
+        var start = new Date(Number(slotStart) - Number(offset));
+        var end = new Date(Number(slotStart) - Number(offset) + duration);
+        var group = this.ks.groups.find(function (g) {
+          return g.index === Number(slotGroupIndex_1);
+        });
+        setField(dataItem, this.ks.fields.start, start);
+        setField(dataItem, this.ks.fields.end, end);
+
+        if (group && this.ks.groups.length > 1) {
+          group.resources.forEach(function (resource) {
+            if (!resource.multiple) {
+              setField(dataItem, resource.field, resource[resource.valueField]);
+            }
+          });
+        }
+
+        oldSlot = slot;
+
+        if (dataItem) {
+          this.currentDragItem = dataItem;
+        }
+
+        break;
+      }
+
+    case DRAG_ITEM_ACTION.complete:
+      {
+        this.currentDragItem = null;
+
+        if (this.compDragItem) {
+          this.$emit('dataaction', {
+            type: DATA_ACTION.update,
+            series: false,
+            dataItem: this.compDragItem
+          });
+        }
+
+        break;
+      }
+
+    case DRAG_ITEM_ACTION.completeOccurrence:
+      {
+        var newDataItem = Array.isArray(this.compDragItem) ? this.compDragItem.slice() : clone(this.compDragItem);
+        this.currentDragItem = null;
+
+        if (this.compDragItem) {
+          this.$emit('dataaction', {
+            type: DATA_ACTION.update,
+            series: false,
+            dataItem: newDataItem
+          });
+        }
+
+        break;
+      }
+
+    case DRAG_ITEM_ACTION.completeSeries:
+      {
+        var newDataItems = void 0;
+
+        if (Array.isArray(this.compDragItem)) {
+          newDataItems = this.compDragItem.map(function (di) {
+            var updated = clone(di);
+            setField(updated, _this.ks.fields.start, getField(di, _this.ks.fields.start));
+            setField(updated, _this.ks.fields.end, getField(di, _this.ks.fields.end));
+            return updated;
+          });
+        } else {
+          var updated = clone(this.compDragItem);
+          setField(updated, this.ks.fields.start, getField(this.compDragItem, this.ks.fields.start));
+          setField(updated, this.ks.fields.end, getField(this.compDragItem, this.ks.fields.end));
+          newDataItems = updated;
+        }
+
+        this.currentDragItem = null;
+
+        if (newDataItems) {
+          this.$emit('dataaction', {
+            type: DATA_ACTION.update,
+            series: true,
+            dataItem: newDataItems
+          });
+        }
+
+        break;
+      }
+
+    default:
+      this.currentDragItem = this.compDragItem;
+      break;
+  }
 
-export var useDragItem = function useDragItem(_config, _state) {
-  // const offset = React.useRef<number>(0);
-  // const initialXRef = React.useRef<number>(0);
-  // const initialYRef = React.useRef<number>(0);
-  // const oldSlot = React.useRef<HTMLElement | null>(null);
-  // const [dragItem, setDragItem] = useControlledState<DataItem | null | (DataItem | null)[]>(...state);
-  // const [selectedItems] = useSchedulerViewSelectedItemsContext();
-  // const fields = useSchedulerFieldsContext();
-  // const groups = useSchedulerGroupsContext();
-  // const handleDragItemAction = (action: SchedulerItemDragItemAction) => {
-  //     switch(action.type) {
-  //         case DRAG_ITEM_ACTION.set:{
-  //             setDragItem(action.payload);
-  //             break;
-  //         }
-  //         case DRAG_ITEM_ACTION.reset:{
-  //             setDragItem(null);
-  //             break;
-  //         }
-  //         case DRAG_ITEM_ACTION.dragSelected: {
-  //             if (
-  //                 Math.abs(initialXRef.current - action.payload.x) < 10
-  //                 && Math.abs(initialYRef.current - action.payload.y) < 10
-  //             ) {
-  //                 return;
-  //             }
-  //             const slot: HTMLElement | null = slotDive(action.payload.x, action.payload.y, 7);
-  //             if (!slot) { return; }
-  //             if (slot === oldSlot.current) { return; }
-  //             const dataItem = clone(config.dataItem);
-  //             const slotStart = slot.getAttribute('data-slot-start');
-  //             const slotIsAllDay = slot.getAttribute('data-slot-allday') === 'true';
-  //             if (!config.ignoreIsAllDay && slotIsAllDay !== config.isAllDay) { return; }
-  //             const itemStart = new Date(getField(dataItem, fields.start));
-  //             const distance = Number(slotStart) - itemStart.getTime();
-  //             const newDragItems = selectedItems.map((si) => {
-  //                 if(!si.current) {return null;}
-  //                 const selectedDataItem = clone(si.current.props.dataItem);
-  //                 const selectedStart = new Date(si.current.props.start.getTime() + distance);
-  //                 const selectedEnd = new Date(si.current.props.end.getTime() + distance);
-  //                 setField(selectedDataItem, fields.start, selectedStart);
-  //                 setField(selectedDataItem, fields.end, selectedEnd);
-  //                 return selectedDataItem;
-  //             }).filter(Boolean);
-  //             oldSlot.current = slot;
-  //             setDragItem([...newDragItems]);
-  //             break;
-  //         }
-  //         case DRAG_ITEM_ACTION.start: {
-  //             const clientX = action.payload.x;
-  //             const clientY = action.payload.y;
-  //             initialXRef.current = clientX;
-  //             initialYRef.current = clientY;
-  //             const slot: HTMLElement | null = slotDive(clientX, clientY, 7);
-  //             if (!slot) { return; }
-  //             const dataItem = clone(config.dataItem);
-  //             const slotStart = slot.getAttribute('data-slot-start');
-  //             const itemStart = getField(dataItem, fields.start);
-  //             if (slotStart === null) { return; }
-  //             offset.current = Number(slotStart) - new Date(itemStart).getTime();
-  //             break;
-  //         }
-  //         case DRAG_ITEM_ACTION.drag: {
-  //             if (
-  //                 Math.abs(initialXRef.current - action.payload.x) < 10
-  //                 && Math.abs(initialYRef.current - action.payload.y) < 10
-  //             ) {
-  //                 return;
-  //             }
-  //             const slot: HTMLElement | null = slotDive(action.payload.x, action.payload.y, 7);
-  //             if (!slot) { return; }
-  //             if (slot === oldSlot.current) { return; }
-  //             const dataItem = clone(config.dataItem);
-  //             const slotStart = slot.getAttribute('data-slot-start');
-  //             const slotGroupIndex = slot.getAttribute('data-slot-group');
-  //             const slotIsAllDay = slot.getAttribute('data-slot-allday') === 'true';
-  //             if (!config.ignoreIsAllDay && slotIsAllDay !== config.isAllDay) { return; }
-  //             const itemStart = new Date(getField(dataItem, fields.start));
-  //             const itemEnd = new Date(getField(dataItem, fields.end));
-  //             const duration = itemEnd.getTime() - itemStart.getTime();
-  //             const start = new Date(Number(slotStart) - Number(offset.current));
-  //             const end = new Date(Number(slotStart) - Number(offset.current) + duration);
-  //             const group = groups.find((g) => g.index === Number(slotGroupIndex));
-  //             setField(dataItem, fields.start, start);
-  //             setField(dataItem, fields.end, end);
-  //             if (group && groups.length > 1) {
-  //                 group.resources.forEach((resource) => {
-  //                     if (!resource.multiple) {
-  //                         setField(dataItem, resource.field, resource[resource.valueField]);
-  //                     }
-  //                 });
-  //             }
-  //             oldSlot.current = slot;
-  //             if (dataItem) {
-  //                 setDragItem(dataItem);
-  //             }
-  //             break;
-  //         }
-  //         case DRAG_ITEM_ACTION.complete: {
-  //             setDragItem(null);
-  //             if(config.onDataAction && dragItem) {
-  //                 config.onDataAction.call(undefined,{
-  //                     type: DATA_ACTION.update,
-  //                     series: false,
-  //                     dataItem: dragItem
-  //                 });
-  //             }
-  //             break;
-  //         }
-  //         case DRAG_ITEM_ACTION.completeOccurrence: {
-  //             const newDataItem = Array.isArray(dragItem) ? dragItem.slice() : clone(dragItem);
-  //             setDragItem(null);
-  //             if(config.onDataAction && dragItem) {
-  //                 config.onDataAction.call(undefined,{
-  //                     type: DATA_ACTION.update,
-  //                     series: false,
-  //                     dataItem: newDataItem
-  //                 });
-  //             }
-  //             break;
-  //         }
-  //         case DRAG_ITEM_ACTION.completeSeries: {
-  //             let newDataItems;
-  //             if(Array.isArray(dragItem)) {
-  //                 newDataItems = dragItem.map((di) => {
-  //                     const updated = clone(di);
-  //                     setField(updated, fields.start, getField(di, fields.start));
-  //                     setField(updated, fields.end, getField(di, fields.end));
-  //                     return updated;
-  //                 });
-  //             } else {
-  //                 const updated = clone(dragItem);
-  //                 setField(updated, fields.start, getField(dragItem, fields.start));
-  //                 setField(updated, fields.end, getField(dragItem, fields.end));
-  //                 newDataItems = updated;
-  //             }
-  //             setDragItem(null);
-  //             if(config.onDataAction && newDataItems) {
-  //                 config.onDataAction.call(undefined,{
-  //                     type: DATA_ACTION.update,
-  //                     series: true,
-  //                     dataItem: newDataItems
-  //                 });
-  //             }
-  //             break;
-  //         }
-  //         default:
-  //             setDragItem(dragItem);
-  //             break;
-  //     }
-  // };
-  // return [dragItem, setDragItem, handleDragItemAction];
-  return [];
+  this.$emit('dragitemchange', this.currentDragItem);
 };

package/dist/es/items/hooks/use-show-occurrence-dialog.d.ts

@@ -23,5 +23,6 @@ export declare type SchedulerItemShowOccurrenceDialogAction = {
     type: SHOW_OCCURRENCE_DIALOG_ACTION;
     payload?: boolean;
 };
+export declare const showOccurrenceDialogReducer: (state: any, action: SchedulerItemShowOccurrenceDialogAction) => any;
 /** @hidden */
 export declare const useShowOccurrenceDialog: (_defaultProp: DataItem, _prop?: DataItem, _callback?: any) => any[];