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

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

@@ -30,6 +30,7 @@ export interface SchedulerViewItemHandle {
  * @hidden
  */
 export interface SchedulerViewItemState {
+    element: any;
 }
 /**
  * @hidden

package/dist/es/items/SchedulerViewItem.js

@@ -111,6 +111,7 @@ var SchedulerViewItemVue2 = {
   },
   mounted: function mounted() {
     var that = this;
+    this.element = this.getElement();
     this.$nextTick(function () {
       that.align();
       that.position();
@@ -256,7 +257,7 @@ var SchedulerViewItemVue2 = {
       style: __assign({
         visibility: this.visible ? undefined : 'hidden',
         display: this.display ? undefined : 'none'
-      }, this.$props.style) // Keyboard
+      }, this.$props.itemStyle) // Keyboard
       ,
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {
@@ -274,7 +275,7 @@ var SchedulerViewItemVue2 = {
         "resizepress": this.handleResizePress,
         "resizeenddrag": this.handleResizeEndDrag,
         "resizestartdrag": this.handleResizeStartDrag,
-        "resizeselease": this.handleResizeRelease
+        "resizerelease": this.handleResizeRelease
       },
       onKeyup: this.handleKeyUp // Focus
       ,
@@ -293,7 +294,7 @@ var SchedulerViewItemVue2 = {
       onResizepress: this.handleResizePress,
       onResizeenddrag: this.handleResizeEndDrag,
       onResizestartdrag: this.handleResizeStartDrag,
-      onResizeselease: this.handleResizeRelease
+      onResizerelease: this.handleResizeRelease
     }, this.v3 ? function () {
       return [!_this2.$props.resizeHint && h("div", {
         title: _this2.itemTitle,
@@ -365,12 +366,15 @@ var SchedulerViewItemVue2 = {
         resizepress: this.handleResizePress,
         resizeenddrag: this.handleResizeEndDrag,
         resizestartdrag: this.handleResizeStartDrag,
-        resizeselease: this.handleResizeRelease
+        resizerelease: this.handleResizeRelease
       }
     });
     return itemRender;
   },
   methods: {
+    getElement: function getElement() {
+      return this.$el.nodeType === 8 ? this.$el.parentElement : this.$el.nodeType === 3 ? this.$el.nextElementSibling : this.$el;
+    },
     // Focus Handlers
     handleFocus: function handleFocus(e) {
       this.$emit('focus', e);
@@ -469,9 +473,7 @@ var SchedulerViewItemVue2 = {
     align: function align() {
       var _this = this;
 
-      var element = this.$el.nodeType === 8 ? this.$el.parentElement : this.$el;
-
-      if (!element) {
+      if (!this.element) {
         return;
       }
 
@@ -497,14 +499,12 @@ var SchedulerViewItemVue2 = {
       }
 
       var rect = getRect(firstSlot.$el);
-      setRect(element, rect);
+      setRect(this.element, rect);
     },
     position: function position() {
       var _this = this;
 
-      var element = this.$el.nodeType === 8 ? this.$el.parentElement : this.$el;
-
-      if (!element) {
+      if (!this.element) {
         return;
       }
 
@@ -531,18 +531,18 @@ var SchedulerViewItemVue2 = {
       var mostSiblingsInSlot = this.$props.dragHint || this.$props.resizeHint ? this.calculateMostSiblings(slots, this.$props.dragHint ? dragItems : resizeItems) : this.calculateMostSiblings(slots, items);
       var siblingsPerSlot = this.getSiblingsInAllSlots(slots, items);
       var topOffset = 0;
-      var rect = getRect(element);
+      var rect = getRect(this.element);
       siblingsPerSlot.forEach(function (slot) {
         var currentOffset = 0;
-        var currentSlot = slot.sort(function (a, b) {
+        var currentItem = slot.sort(function (a, b) {
           return a.$props.order - b.$props.order;
         });
-        currentSlot.forEach(function (current) {
-          if (intersects(current.$props.start, current.$props.end, _this.$props.start, _this.$props.end) && !(_this.$props.dragHint || _this.$props.resizeHint) && current.$props.maxSiblingsPerSlot && current.$props.maxSiblingsPerSlot > mostSiblingsInSlot && current.$el !== element) {
+        currentItem.forEach(function (current) {
+          if (intersects(current.$props.start, current.$props.end, _this.$props.start, _this.$props.end) && !(_this.$props.dragHint || _this.$props.resizeHint) && current.$props.maxSiblingsPerSlot && current.$props.maxSiblingsPerSlot > mostSiblingsInSlot && current.getElement() !== _this.element) {
             mostSiblingsInSlot = current.$props.maxSiblingsPerSlot;
           }
 
-          var currentRect = getRect(current.$el);
+          var currentRect = getRect(current.getElement());
 
           if (current.$props.order !== null && current.$props.order < order) {
             currentOffset = (currentRect.top || rect.top) + currentRect.height - rect.top - BORDER_WIDTH * order + ITEMS_SPACING;
@@ -565,7 +565,7 @@ var SchedulerViewItemVue2 = {
       rect.left = this.$props.vertical ? rect.left + order * rect.width + BORDER_WIDTH * order : rect.left;
       rect.top = this.$props.vertical ? rect.top : rect.top + topOffset + BORDER_WIDTH * order;
       this.maxSiblingsPerSlot = mostSiblingsInSlot;
-      setRect(element, rect);
+      setRect(this.element, rect);
       this.visible = true;
       this.display = true;
     },

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

@@ -188,13 +188,14 @@ export var useDragItem = function useDragItem(action) {
 
     case DRAG_ITEM_ACTION.complete:
       {
+        var currentDataItem = this.compDragItem;
         this.currentDragItem = null;
 
-        if (this.compDragItem) {
+        if (currentDataItem) {
           this.$emit('dataaction', {
             type: DATA_ACTION.update,
             series: false,
-            dataItem: this.compDragItem
+            dataItem: currentDataItem
           });
         }
 
@@ -204,9 +205,10 @@ export var useDragItem = function useDragItem(action) {
     case DRAG_ITEM_ACTION.completeOccurrence:
       {
         var newDataItem = Array.isArray(this.compDragItem) ? this.compDragItem.slice() : clone(this.compDragItem);
+        var currentDataItem = this.compDragItem;
         this.currentDragItem = null;
 
-        if (this.compDragItem) {
+        if (currentDataItem) {
           this.$emit('dataaction', {
             type: DATA_ACTION.update,
             series: false,

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

@@ -1,4 +1,5 @@
 import { DataItem } from '../../models';
+import { SchedulerEditItemAll } from '../SchedulerEditItem';
 /**
  * Represents the available `action` types for the `SchedulerItemResizeItemAction` objects.
  *
@@ -35,7 +36,4 @@ export interface SchedulerItemResizeItemAction {
     event?: any;
 }
 /** @hidden */
-export declare const useResizeItem: (_config: {
-    dataItem: DataItem;
-    onDataaction: any;
-}, _state: [DataItem, DataItem, any]) => any[];
+export declare const useResizeItem: (this: SchedulerEditItemAll, action: SchedulerItemResizeItemAction, event: any) => void;

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

@@ -1,3 +1,20 @@
+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 { DATA_ACTION } from '../../Scheduler';
+import { getField, setField, slotDive } from '../../utils';
 /**
  * Represents the available `action` types for the `SchedulerItemResizeItemAction` objects.
  *
@@ -13,6 +30,7 @@
  * - `RESIZE_ITEM_COMPLETE_SERIES`
  * - `RESIZE_ITEM_RESET`
  */
+
 export var RESIZE_ITEM_ACTION;
 
 (function (RESIZE_ITEM_ACTION) {
@@ -27,183 +45,267 @@ export var RESIZE_ITEM_ACTION;
   RESIZE_ITEM_ACTION["completeSeries"] = "RESIZE_ITEM_COMPLETE_SERIES";
   RESIZE_ITEM_ACTION["reset"] = "RESIZE_ITEM_RESET";
 })(RESIZE_ITEM_ACTION || (RESIZE_ITEM_ACTION = {}));
+
+var oldSlot = null;
 /** @hidden */
 
+export var useResizeItem = function useResizeItem(action, event) {
+  var _this = this;
+
+  var newResizeItem = this.compResizeItem;
+
+  switch (action.type) {
+    case RESIZE_ITEM_ACTION.set:
+      newResizeItem = action.payload;
+      break;
+
+    case RESIZE_ITEM_ACTION.reset:
+      newResizeItem = null;
+      break;
+
+    case RESIZE_ITEM_ACTION.start:
+      {
+        event.stopPropagation();
+        event.preventDefault();
+        var clientX = action.payload.x;
+        var clientY = action.payload.y;
+        var slot = slotDive(clientX, clientY, 7);
+
+        if (!slot) {
+          return;
+        }
+
+        if (slot === oldSlot) {
+          return;
+        }
+
+        var slotStart = slot.getAttribute('data-slot-start');
+        var newStart = new Date(Number(slotStart));
+        var dataItem = clone(this.dataItem);
+
+        if (newStart >= getField(dataItem, this.ks.fields.end)) {
+          return;
+        }
+
+        setField(dataItem, this.ks.fields.start, newStart);
+        oldSlot = slot;
+        newResizeItem = dataItem;
+        break;
+      }
+
+    case RESIZE_ITEM_ACTION.startDragSelected:
+      {
+        event.stopPropagation();
+        event.preventDefault();
+        var clientX = action.payload.x;
+        var clientY = action.payload.y;
+        var dataItem = clone(this.dataItem);
+        var slot = slotDive(clientX, clientY, 7);
+
+        if (!slot) {
+          return;
+        }
+
+        if (slot === oldSlot) {
+          return;
+        }
+
+        var slotStart = slot.getAttribute('data-slot-start');
+        var itemStart = new Date(getField(dataItem, this.ks.fields.start));
+        var newStart = new Date(Number(slotStart));
+        var distance_1 = newStart.getTime() - itemStart.getTime();
+        var unreachable_1 = false;
+        var newResizeItems = 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);
+
+          if (selectedStart >= getField(selectedDataItem, _this.ks.fields.end)) {
+            unreachable_1 = true;
+            return;
+          }
+
+          setField(selectedDataItem, _this.ks.fields.start, selectedStart);
+          return selectedDataItem;
+        }).filter(Boolean);
+
+        if (!unreachable_1) {
+          newResizeItem = __spreadArrays(newResizeItems);
+        }
+
+        break;
+      }
+
+    case RESIZE_ITEM_ACTION.startDrag:
+      {
+        var clientX = action.payload.x;
+        var clientY = action.payload.y;
+        var slot = slotDive(clientX, clientY, 7);
+
+        if (!slot) {
+          return;
+        }
+
+        if (slot === oldSlot) {
+          return;
+        }
+
+        var slotStart = slot.getAttribute('data-slot-start');
+        var newStart = new Date(Number(slotStart));
+        var dataItem = clone(this.dataItem);
+
+        if (newStart >= dataItem.end) {
+          return;
+        }
+
+        setField(dataItem, this.ks.fields.start, newStart);
+        oldSlot = slot;
+        newResizeItem = dataItem;
+        break;
+      }
+
+    case RESIZE_ITEM_ACTION.endDrag:
+      {
+        var clientX = action.payload.x;
+        var clientY = action.payload.y;
+        var slot = slotDive(clientX, clientY, 7);
+
+        if (!slot) {
+          return;
+        }
+
+        if (slot === oldSlot) {
+          return;
+        }
+
+        var slotEnd = slot.getAttribute('data-slot-end');
+        var newEnd = new Date(Number(slotEnd));
+        var dataItem = clone(this.dataItem);
+
+        if (newEnd <= dataItem.start) {
+          return;
+        }
+
+        setField(dataItem, this.ks.fields.end, newEnd);
+        oldSlot = slot;
+        newResizeItem = dataItem;
+        break;
+      }
+
+    case RESIZE_ITEM_ACTION.endDragSelected:
+      {
+        event.stopPropagation();
+        event.preventDefault();
+        var clientX = action.payload.x;
+        var clientY = action.payload.y;
+        var dataItem = clone(this.dataItem);
+        var slot = slotDive(clientX, clientY, 7);
+
+        if (!slot) {
+          return;
+        }
+
+        if (slot === oldSlot) {
+          return;
+        }
+
+        var slotEnd = slot.getAttribute('data-slot-start');
+        var itemEnd = new Date(getField(dataItem, this.ks.fields.end));
+        var newEnd = new Date(Number(slotEnd));
+        var distance_2 = newEnd.getTime() - itemEnd.getTime();
+        var unreachable_2;
+        var newResizeItems = this.bv.selectedItems.map(function (si) {
+          if (!si) {
+            return null;
+          }
+
+          var selectedDataItem = clone(si.props.dataItem);
+          var selectedEnd = new Date(si.props.end.getTime() + distance_2);
+
+          if (selectedEnd <= getField(selectedDataItem, _this.ks.fields.start)) {
+            unreachable_2 = true;
+            return;
+          }
+
+          setField(selectedDataItem, _this.ks.fields.end, selectedEnd);
+          return selectedDataItem;
+        }).filter(Boolean);
+
+        if (!unreachable_2) {
+          newResizeItem = __spreadArrays(newResizeItems);
+        }
+
+        break;
+      }
+
+    case RESIZE_ITEM_ACTION.complete:
+      {
+        newResizeItem = null;
+
+        if (this.compResizeItem) {
+          this.$emit('dataaction', {
+            type: DATA_ACTION.update,
+            series: false,
+            dataItem: this.compResizeItem
+          });
+        }
+
+        break;
+      }
+
+    case RESIZE_ITEM_ACTION.completeOccurrence:
+      {
+        newResizeItem = null;
+
+        if (this.compResizeItem) {
+          this.$emit('dataaction', {
+            type: DATA_ACTION.update,
+            series: false,
+            dataItem: this.compResizeItem
+          });
+        }
+
+        break;
+      }
+
+    case RESIZE_ITEM_ACTION.completeSeries:
+      {
+        newResizeItem = null;
+        var newDataItem = void 0;
+
+        if (Array.isArray(this.compResizeItem)) {
+          newDataItem = this.compResizeItem.map(function (item) {
+            var newItem = clone(item);
+            setField(newItem, _this.ks.fields.start, getField(item, _this.ks.fields.start));
+            setField(newItem, _this.ks.fields.end, getField(item, _this.ks.fields.end));
+            return newItem;
+          });
+        } else {
+          var newItem = clone(this.compResizeItem);
+          setField(newItem, this.ks.fields.start, getField(this.compResizeItem, this.ks.fields.start));
+          setField(newItem, this.ks.fields.end, getField(this.compResizeItem, this.ks.fields.end));
+          newDataItem = newItem;
+        }
+
+        if (newDataItem) {
+          this.$emit('dataaction', {
+            type: DATA_ACTION.update,
+            series: true,
+            dataItem: newDataItem
+          });
+        }
+
+        break;
+      }
+
+    default:
+      newResizeItem = null;
+      break;
+  }
 
-export var useResizeItem = function useResizeItem(_config, _state) {
-  // const oldSlot = React.useRef<HTMLElement | null>(null);
-  // const [resizeItem, setResizeItem] = useControlledState<DataItem | null | (DataItem | null)[]>(...state);
-  // const [selectedItems] = useSchedulerViewSelectedItemsContext();
-  // const fields = useSchedulerFieldsContext();
-  // const handleDragItemAction = (action: SchedulerItemResizeItemAction, event: any) => {
-  //     let newResizeItem = resizeItem;
-  //     switch(action.type) {
-  //         case RESIZE_ITEM_ACTION.set:
-  //             newResizeItem = action.payload;
-  //             break;
-  //         case RESIZE_ITEM_ACTION.reset:
-  //             newResizeItem = null;
-  //             break;
-  //         case RESIZE_ITEM_ACTION.start: {
-  //             event.stopPropagation();
-  //             event.preventDefault();
-  //             const clientX = action.payload.x;
-  //             const clientY = action.payload.y;
-  //             const slot: HTMLElement | null = slotDive(clientX, clientY, 7);
-  //             if (!slot) { return; }
-  //             if (slot === oldSlot.current) { return; }
-  //             const slotStart = slot.getAttribute('data-slot-start');
-  //             const newStart = new Date(Number(slotStart));
-  //             const dataItem = clone(config.dataItem);
-  //             if (newStart >= getField(dataItem, fields.end)) { return; }
-  //             setField(dataItem, fields.start, newStart);
-  //             oldSlot.current = slot;
-  //             newResizeItem = dataItem;
-  //             break;
-  //         }
-  //         case RESIZE_ITEM_ACTION.startDragSelected: {
-  //             event.stopPropagation();
-  //             event.preventDefault();
-  //             const clientX = action.payload.x;
-  //             const clientY = action.payload.y;
-  //             const dataItem = clone(config.dataItem);
-  //             const slot: HTMLElement | null = slotDive(clientX, clientY, 7);
-  //             if (!slot) { return; }
-  //             if (slot === oldSlot.current) { return; }
-  //             const slotStart = slot.getAttribute('data-slot-start');
-  //             const itemStart = new Date(getField(dataItem, fields.start));
-  //             const newStart = new Date(Number(slotStart));
-  //             const distance = newStart.getTime() - itemStart.getTime();
-  //             let unreachable = false;
-  //             const newResizeItems = 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);
-  //                 if(selectedStart >= getField(selectedDataItem, fields.end)) { 
-  //                     unreachable = true;
-  //                     return;
-  //                 }
-  //                 setField(selectedDataItem, fields.start, selectedStart);
-  //                 return selectedDataItem;
-  //             }).filter(Boolean);
-  //             if(!unreachable) {
-  //                 newResizeItem = [...newResizeItems];
-  //             }
-  //             break;
-  //         }
-  //         case RESIZE_ITEM_ACTION.startDrag: {
-  //             const clientX = action.payload.x;
-  //             const clientY = action.payload.y;
-  //             const slot: HTMLElement | null = slotDive(clientX, clientY, 7);
-  //             if (!slot) { return; }
-  //             if (slot === oldSlot.current) { return; }
-  //             const slotStart = slot.getAttribute('data-slot-start');
-  //             const newStart = new Date(Number(slotStart));
-  //             const dataItem = clone(config.dataItem);
-  //             if (newStart >= dataItem.end) { return; }
-  //             setField(dataItem, fields.start, newStart);
-  //             oldSlot.current = slot;
-  //             newResizeItem = dataItem;
-  //             break;
-  //         }
-  //         case RESIZE_ITEM_ACTION.endDrag: {
-  //             const clientX = action.payload.x;
-  //             const clientY = action.payload.y;
-  //             const slot: HTMLElement | null = slotDive(clientX, clientY, 7);
-  //             if (!slot) { return; }
-  //             if (slot === oldSlot.current) { return; }
-  //             const slotEnd = slot.getAttribute('data-slot-end');
-  //             const newEnd = new Date(Number(slotEnd));
-  //             const dataItem = clone(config.dataItem);
-  //             if (newEnd <= dataItem.start) { return; }
-  //             setField(dataItem, fields.end, newEnd);
-  //             oldSlot.current = slot;
-  //             newResizeItem = dataItem;
-  //             break;
-  //         }
-  //         case RESIZE_ITEM_ACTION.endDragSelected: {
-  //             event.stopPropagation();
-  //             event.preventDefault();
-  //             const clientX = action.payload.x;
-  //             const clientY = action.payload.y;
-  //             const dataItem = clone(config.dataItem);
-  //             const slot: HTMLElement | null = slotDive(clientX, clientY, 7);
-  //             if (!slot) { return; }
-  //             if (slot === oldSlot.current) { return; }
-  //             const slotEnd = slot.getAttribute('data-slot-start');
-  //             const itemEnd = new Date(getField(dataItem, fields.end));
-  //             const newEnd = new Date(Number(slotEnd));
-  //             const distance = newEnd.getTime() - itemEnd.getTime();
-  //             let unreachable;
-  //             const newResizeItems = selectedItems.map((si) => {
-  //                 if(!si.current) {return null;}
-  //                 const selectedDataItem = clone(si.current.props.dataItem);
-  //                 const selectedEnd = new Date(si.current.props.end.getTime() + distance);
-  //                 if(selectedEnd <= getField(selectedDataItem, fields.start)) {
-  //                     unreachable = true;
-  //                     return;
-  //                 }
-  //                 setField(selectedDataItem, fields.end, selectedEnd);
-  //                 return selectedDataItem;
-  //             }).filter(Boolean);
-  //             if(!unreachable) {
-  //                 newResizeItem = [...newResizeItems];
-  //             }
-  //             break;
-  //         }
-  //         case RESIZE_ITEM_ACTION.complete: {
-  //             newResizeItem = null;
-  //             if(config.onDataAction && resizeItem) {
-  //                 config.onDataAction.call(undefined,{
-  //                     type: DATA_ACTION.update,
-  //                     series: false,
-  //                     dataItem: resizeItem
-  //                 });
-  //             }
-  //             break;
-  //         }
-  //         case RESIZE_ITEM_ACTION.completeOccurrence: {
-  //             newResizeItem = null;
-  //             if(config.onDataAction && resizeItem) {
-  //                 config.onDataAction.call(undefined,{
-  //                     type: DATA_ACTION.update,
-  //                     series: false,
-  //                     dataItem: resizeItem
-  //                 });
-  //             }
-  //             break;
-  //         }
-  //         case RESIZE_ITEM_ACTION.completeSeries: {
-  //             newResizeItem = null;
-  //             let newDataItem;
-  //             if(Array.isArray(resizeItem)) {
-  //                 newDataItem = resizeItem.map((item) => {
-  //                     const newItem = clone(item);
-  //                     setField(newItem, fields.start, getField(item, fields.start));
-  //                     setField(newItem, fields.end, getField(item, fields.end));
-  //                     return newItem;
-  //                 });
-  //             } else {
-  //                 const newItem = clone(resizeItem);
-  //                 setField(newItem, fields.start, getField(resizeItem, fields.start));
-  //                 setField(newItem, fields.end, getField(resizeItem, fields.end));
-  //                 newDataItem = newItem;
-  //             }
-  //             if(config.onDataAction && newDataItem) {
-  //                 config.onDataAction.call(undefined,{
-  //                     type: DATA_ACTION.update,
-  //                     series: true,
-  //                     dataItem: newDataItem
-  //                 });
-  //             }
-  //             break;
-  //         }
-  //         default:
-  //             newResizeItem = null;
-  //             break;
-  //     }
-  //     setResizeItem(newResizeItem);
-  // };
-  // return [resizeItem, setResizeItem, handleDragItemAction];
-  return [];
+  this.currentResizeItem = newResizeItem;
+  this.$emit('resizeitemchange', newResizeItem);
 };

package/dist/es/models/SchedulerView.d.ts

@@ -67,6 +67,8 @@ export interface SchedulerViewProps {
     workWeekStart?: Day;
     /** @hidden */
     workWeekEnd?: Day;
+    /** @hidden */
+    format?: string;
 }
 /**
  * Represents a single Scheduler view.

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1650978689,
+    publishDate: 1651491665,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };