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

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-series.d.ts

@@ -19,5 +19,6 @@ export declare type SchedulerItemSeriesAction = {
     type: SERIES_ACTION;
     payload?: boolean;
 };
+export declare const seriesReducer: (state: any, action: SchedulerItemSeriesAction) => any;
 /** @hidden */
 export declare const useSeries: (_defaultProp: DataItem, _prop?: DataItem, _callback?: any) => any[];

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

@@ -14,7 +14,7 @@ export var SERIES_ACTION;
   SERIES_ACTION["toggle"] = "SERIES_TOGGLE";
 })(SERIES_ACTION || (SERIES_ACTION = {}));
 
-var seriesReducer = function seriesReducer(state, action) {
+export var seriesReducer = function seriesReducer(state, action) {
   switch (action.type) {
     case SERIES_ACTION.reset:
       return null;
@@ -31,7 +31,6 @@ var seriesReducer = function seriesReducer(state, action) {
 };
 /** @hidden */
 
-
 export var useSeries = function useSeries(_defaultProp, _prop, _callback) {
   // const [series, setSeries] = useControlledState<DataItem | null>(defaultProp, prop, callback);
   // const handleSeriesAction = (action: SchedulerItemSeriesAction) => {

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[];

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

@@ -18,7 +18,7 @@ export var SHOW_OCCURRENCE_DIALOG_ACTION;
   SHOW_OCCURRENCE_DIALOG_ACTION["toggle"] = "SHOW_OCCURRENCE_DIALOG_TOGGLE";
 })(SHOW_OCCURRENCE_DIALOG_ACTION || (SHOW_OCCURRENCE_DIALOG_ACTION = {}));
 
-var showOccurrenceDialogReducer = function showOccurrenceDialogReducer(state, action) {
+export var showOccurrenceDialogReducer = function showOccurrenceDialogReducer(state, action) {
   switch (action.type) {
     case SHOW_OCCURRENCE_DIALOG_ACTION.reset:
       return false;
@@ -41,7 +41,6 @@ var showOccurrenceDialogReducer = function showOccurrenceDialogReducer(state, ac
 };
 /** @hidden */
 
-
 export var useShowOccurrenceDialog = function useShowOccurrenceDialog(_defaultProp, _prop, _callback) {
   // const [showOccurrenceDialog, setShowOccurrenceDialog] = 
   // useControlledState<DataItem | null>(defaultProp, prop, callback);

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

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

package/dist/es/items/hooks/use-show-remove-item-dialog.js

@@ -18,7 +18,7 @@ export var SHOW_REMOVE_DIALOG_ACTION;
   SHOW_REMOVE_DIALOG_ACTION["toggle"] = "SHOW_REMOVE_DIALOG_TOGGLE";
 })(SHOW_REMOVE_DIALOG_ACTION || (SHOW_REMOVE_DIALOG_ACTION = {}));
 
-var showRemoveDialogReducer = function showRemoveDialogReducer(state, action) {
+export var showRemoveDialogReducer = function showRemoveDialogReducer(state, action) {
   switch (action.type) {
     case SHOW_REMOVE_DIALOG_ACTION.reset:
       return false;
@@ -41,7 +41,6 @@ var showRemoveDialogReducer = function showRemoveDialogReducer(state, action) {
 };
 /** @hidden */
 
-
 export var useShowRemoveDialog = function useShowRemoveDialog(_defaultProp, _prop, _callback) {
   // const [showRemoveDialog, setShowRemoveDialog] = useControlledState<DataItem | null>(defaultProp, prop, callback);
   // const handleShowRemoveDialogAction = (action: SchedulerItemShowRemoveDialogAction) => {

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: 1648788097,
+    publishDate: 1649669747,
     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'
 };

package/dist/es/recurrence/RecurrenceEditor.d.ts

@@ -6,6 +6,7 @@ declare type DefaultMethods<V> = {
 import { LocalizationService, IntlService } from '@progress/kendo-vue-intl';
 /** @hidden */
 export interface RecurrenceEditorProps {
+    name: string;
     value: string;
     start: Date;
     timezone: string;

package/dist/es/recurrence/RecurrenceEditor.js

@@ -17,7 +17,12 @@ import { DatePicker } from '@progress/kendo-vue-dateinputs'; // tslint:enable:ma
 
 var RecurrenceEditorVue2 = {
   name: 'KendoRecurrenceEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
+    name: String,
     value: {
       type: String,
       default: ''

package/dist/es/recurrence/RecurrenceFrequencyEditor.js

@@ -7,6 +7,10 @@ import { ButtonGroup, Button } from '@progress/kendo-vue-buttons'; // tslint:ena
 
 var RecurrenceFrequencyEditorVue2 = {
   name: 'KendoRecurrenceFrequencyEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
     value: String,
     dataItems: Array

package/dist/es/recurrence/RecurrenceRepeatOnWeekEditor.js

@@ -22,6 +22,10 @@ import { capitalize } from './common'; // tslint:enable:max-line-length
 
 var RecurrenceRepeatOnWeekEditorVue2 = {
   name: 'KendoRecurrenceRepeatOnWeekEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
     dataItems: {
       type: Array,

package/dist/es/recurrence/common.js

@@ -73,7 +73,8 @@ export var getUntil = function (rrule) {
 export var getMonths = function (intl) {
     return intl.dateFormatNames({
         type: 'months',
-        nameType: 'wide'
+        nameType: 'wide',
+        standAlone: true
     }).map(function (month, idx) { return ({
         text: month,
         value: idx + 1

package/dist/es/tasks/SchedulerEditTask.d.ts

@@ -26,6 +26,15 @@ export interface SchedulerEditTaskProps extends SchedulerViewTaskProps {
      * Setting this property will force the `showRemoveDialog` to be in controlled state, allowing further control over the display of the `removeDialog` component.
      */
     showRemoveDialog?: boolean;
+    /**
+     * Indicates if the editing should be applied to the whole `series` or to a single `occurrence` when the item is recurring.
+     *
+     * By default, the `series` prop is set to `null` and additional selection is done through the `occurrence` dialog.
+     * If set ot either `true` or `false`:
+     * - `true` — indicates that the editing should always be applied to the whole `series`
+     * - `false` — indicates that the editing should always be applied to a single `occurrence`.
+     */
+    series?: boolean | null;
     /**
      * Called every time the `showRemoveDialog` changes.
      */