@progress/kendo-vue-scheduler 3.0.8 → 3.0.9-dev.202203010857

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

@@ -0,0 +1,189 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDragItem = exports.DRAG_ITEM_ACTION = void 0;
+/**
+ * Represents the available `action` types for the `SchedulerItemDragItemAction` objects.
+ *
+ * The available types are:
+ * - `DRAG_ITEM_SET'`
+ * - `DRAG_ITEM_START'`
+ * - `DRAG_ITEM_DRAG'`
+ * - `DRAG_ITEM_COMPLETE'`
+ * - `DRAG_ITEM_COMPLETE_OCCURRENCE'`
+ * - `DRAG_ITEM_COMPLETE_SERIES'`
+ * - `DRAG_ITEM_RESET'`
+ * - `DRAG_ITEM_DRAG_SELECTED`
+ */
+
+var DRAG_ITEM_ACTION;
+
+(function (DRAG_ITEM_ACTION) {
+  DRAG_ITEM_ACTION["set"] = "DRAG_ITEM_SET";
+  DRAG_ITEM_ACTION["start"] = "DRAG_ITEM_START";
+  DRAG_ITEM_ACTION["drag"] = "DRAG_ITEM_DRAG";
+  DRAG_ITEM_ACTION["complete"] = "DRAG_ITEM_COMPLETE";
+  DRAG_ITEM_ACTION["completeOccurrence"] = "DRAG_ITEM_COMPLETE_OCCURRENCE";
+  DRAG_ITEM_ACTION["completeSeries"] = "DRAG_ITEM_COMPLETE_SERIES";
+  DRAG_ITEM_ACTION["reset"] = "DRAG_ITEM_RESET";
+  DRAG_ITEM_ACTION["dragSelected"] = "DRAG_ITEM_DRAG_SELECTED";
+})(DRAG_ITEM_ACTION = exports.DRAG_ITEM_ACTION || (exports.DRAG_ITEM_ACTION = {}));
+/** @hidden */
+
+
+exports.useDragItem = function (_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 [];
+};

package/dist/npm/items/hooks/use-form-item.d.ts

@@ -0,0 +1,18 @@
+import { DataItem } from '../../models';
+/** @hidden */
+export declare enum FORM_ITEM_ACTION {
+    set = "FORM_ITEM_SET",
+    setMaster = "FORM_ITEM_SET_MASTER",
+    reset = "FORM_ITEM_RESET",
+    complete = "FORM_ITEM_COMPLETE"
+}
+/** @hidden */
+export declare type SchedulerItemFormItemAction = {
+    type: FORM_ITEM_ACTION;
+    payload?: DataItem;
+};
+/** @hidden */
+export declare const useFormItem: (_config: {
+    series: boolean;
+    onDataaction?: any;
+}, _state: [DataItem, DataItem, any]) => any[];

package/dist/npm/items/hooks/use-form-item.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormItem = exports.FORM_ITEM_ACTION = void 0;
+/** @hidden */
+
+var FORM_ITEM_ACTION;
+
+(function (FORM_ITEM_ACTION) {
+  FORM_ITEM_ACTION["set"] = "FORM_ITEM_SET";
+  FORM_ITEM_ACTION["setMaster"] = "FORM_ITEM_SET_MASTER";
+  FORM_ITEM_ACTION["reset"] = "FORM_ITEM_RESET";
+  FORM_ITEM_ACTION["complete"] = "FORM_ITEM_COMPLETE";
+})(FORM_ITEM_ACTION = exports.FORM_ITEM_ACTION || (exports.FORM_ITEM_ACTION = {}));
+/** @hidden */
+
+
+exports.useFormItem = function (_config, _state) {
+  // const [formItem, setFormItem] = useControlledState<DataItem | null>(...state);
+  // const fields = useSchedulerFieldsContext();
+  // const [data] = useSchedulerDataContext();
+  // const handleFormItemAction = (
+  //     action: SchedulerItemFormItemAction,
+  //     event?: any | BaseEvent<any> | { preventDefault: any }
+  // ) => {
+  //     let newFormItem;
+  //     switch(action.type) {
+  //         case FORM_ITEM_ACTION.set:
+  //             newFormItem = action.payload;
+  //             break;
+  //         case FORM_ITEM_ACTION.reset:
+  //             newFormItem = null;
+  //             break;
+  //         case FORM_ITEM_ACTION.setMaster:
+  //             newFormItem = clone(findMaster(action.payload, fields, data));
+  //             break;
+  //         case FORM_ITEM_ACTION.complete:
+  //             if(config.onDataAction && formItem) {
+  //                 config.onDataAction.call(undefined,{
+  //                     type: DATA_ACTION.update,
+  //                     series: config.series,
+  //                     dataItem: action.payload
+  //                 });
+  //                 newFormItem = null;
+  //             }
+  //             break;
+  //         default:
+  //             newFormItem = formItem;
+  //             break;
+  //     }
+  //     setFormItem(newFormItem, event);
+  // };
+  // return [formItem, setFormItem, handleFormItemAction];
+  return [];
+};

package/dist/npm/items/hooks/use-remove-item.d.ts

@@ -0,0 +1,26 @@
+import { DataItem } from '../../models';
+/**
+ * Represents the available `action` types for the `SchedulerItemRemoveItemAction` objects.
+ *
+ * The available types are:
+ * - `REMOVE_ITEM_SET`
+ * - `REMOVE_ITEM_RESET`
+ * - `REMOVE_ITEM_COMPLETE`
+ */
+export declare enum REMOVE_ITEM_ACTION {
+    set = "REMOVE_ITEM_SET",
+    reset = "REMOVE_ITEM_RESET",
+    complete = "REMOVE_ITEM_COMPLETE"
+}
+/**
+ * Represents the object passed to the `remove-item` reducer.
+ */
+export declare type SchedulerItemRemoveItemAction = {
+    type: REMOVE_ITEM_ACTION;
+    payload?: DataItem;
+};
+/** @hidden */
+export declare const useRemoveItem: (_config: {
+    series: boolean;
+    onDataaction?: any;
+}, _state: [DataItem, DataItem, any]) => any[];

package/dist/npm/items/hooks/use-remove-item.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRemoveItem = exports.REMOVE_ITEM_ACTION = void 0;
+/**
+ * Represents the available `action` types for the `SchedulerItemRemoveItemAction` objects.
+ *
+ * The available types are:
+ * - `REMOVE_ITEM_SET`
+ * - `REMOVE_ITEM_RESET`
+ * - `REMOVE_ITEM_COMPLETE`
+ */
+
+var REMOVE_ITEM_ACTION;
+
+(function (REMOVE_ITEM_ACTION) {
+  REMOVE_ITEM_ACTION["set"] = "REMOVE_ITEM_SET";
+  REMOVE_ITEM_ACTION["reset"] = "REMOVE_ITEM_RESET";
+  REMOVE_ITEM_ACTION["complete"] = "REMOVE_ITEM_COMPLETE";
+})(REMOVE_ITEM_ACTION = exports.REMOVE_ITEM_ACTION || (exports.REMOVE_ITEM_ACTION = {}));
+/** @hidden */
+
+
+exports.useRemoveItem = function (_config, _state) {
+  // const [removeItem, setRemoveItem] = useControlledState<DataItem | null>(...state);
+  // const handleRemoveItemAction = (action: SchedulerItemRemoveItemAction) => {
+  //     let newRemoveItem;
+  //     switch(action.type) {
+  //         case REMOVE_ITEM_ACTION.set:
+  //             newRemoveItem = action.payload;
+  //             break;
+  //         case REMOVE_ITEM_ACTION.reset:
+  //             newRemoveItem = null;
+  //             break;
+  //         case REMOVE_ITEM_ACTION.complete:
+  //             if(config.onDataAction && removeItem) {
+  //                 config.onDataAction.call(undefined,{
+  //                     type: DATA_ACTION.remove,
+  //                     series: config.series,
+  //                     dataItem: removeItem
+  //                 });
+  //             }
+  //             newRemoveItem = null;
+  //             break;
+  //         default:
+  //             newRemoveItem = removeItem;
+  //             break;
+  //     }
+  //     setRemoveItem(newRemoveItem);
+  // };
+  // return [removeItem, setRemoveItem, handleRemoveItemAction];
+  return [];
+};

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

@@ -0,0 +1,41 @@
+import { DataItem } from '../../models';
+/**
+ * Represents the available `action` types for the `SchedulerItemResizeItemAction` objects.
+ *
+ * The available types are:
+ * - `RESIZE_ITEM_SET`
+ * - `RESIZE_ITEM_START`
+ * - `RESIZE_ITEM_START_DRAG`
+ * - `RESIZE_ITEM_START_DRAG_SELECTED`
+ * - `RESIZE_ITEM_END_DRAG`
+ * - `RESIZE_ITEM_END_DRAG_SELECTED`
+ * - `RESIZE_ITEM_COMPLETE`
+ * - `RESIZE_ITEM_COMPLETE_OCCURRENCE`
+ * - `RESIZE_ITEM_COMPLETE_SERIES`
+ * - `RESIZE_ITEM_RESET`
+ */
+export declare enum RESIZE_ITEM_ACTION {
+    set = "RESIZE_ITEM_SET",
+    start = "RESIZE_ITEM_START",
+    startDrag = "RESIZE_ITEM_START_DRAG",
+    startDragSelected = "RESIZE_ITEM_START_DRAG_SELECTED",
+    endDrag = "RESIZE_ITEM_END_DRAG",
+    endDragSelected = "RESIZE_ITEM_END_DRAG_SELECTED",
+    complete = "RESIZE_ITEM_COMPLETE",
+    completeOccurrence = "RESIZE_ITEM_COMPLETE_OCCURRENCE",
+    completeSeries = "RESIZE_ITEM_COMPLETE_SERIES",
+    reset = "RESIZE_ITEM_RESET"
+}
+/**
+ * Represents the object passed to the `resize-item` reducer.
+ */
+export interface SchedulerItemResizeItemAction {
+    type: RESIZE_ITEM_ACTION;
+    payload?: DataItem;
+    event?: any;
+}
+/** @hidden */
+export declare const useResizeItem: (_config: {
+    dataItem: DataItem;
+    onDataaction: any;
+}, _state: [DataItem, DataItem, any]) => any[];

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

@@ -0,0 +1,216 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResizeItem = exports.RESIZE_ITEM_ACTION = void 0;
+/**
+ * Represents the available `action` types for the `SchedulerItemResizeItemAction` objects.
+ *
+ * The available types are:
+ * - `RESIZE_ITEM_SET`
+ * - `RESIZE_ITEM_START`
+ * - `RESIZE_ITEM_START_DRAG`
+ * - `RESIZE_ITEM_START_DRAG_SELECTED`
+ * - `RESIZE_ITEM_END_DRAG`
+ * - `RESIZE_ITEM_END_DRAG_SELECTED`
+ * - `RESIZE_ITEM_COMPLETE`
+ * - `RESIZE_ITEM_COMPLETE_OCCURRENCE`
+ * - `RESIZE_ITEM_COMPLETE_SERIES`
+ * - `RESIZE_ITEM_RESET`
+ */
+
+var RESIZE_ITEM_ACTION;
+
+(function (RESIZE_ITEM_ACTION) {
+  RESIZE_ITEM_ACTION["set"] = "RESIZE_ITEM_SET";
+  RESIZE_ITEM_ACTION["start"] = "RESIZE_ITEM_START";
+  RESIZE_ITEM_ACTION["startDrag"] = "RESIZE_ITEM_START_DRAG";
+  RESIZE_ITEM_ACTION["startDragSelected"] = "RESIZE_ITEM_START_DRAG_SELECTED";
+  RESIZE_ITEM_ACTION["endDrag"] = "RESIZE_ITEM_END_DRAG";
+  RESIZE_ITEM_ACTION["endDragSelected"] = "RESIZE_ITEM_END_DRAG_SELECTED";
+  RESIZE_ITEM_ACTION["complete"] = "RESIZE_ITEM_COMPLETE";
+  RESIZE_ITEM_ACTION["completeOccurrence"] = "RESIZE_ITEM_COMPLETE_OCCURRENCE";
+  RESIZE_ITEM_ACTION["completeSeries"] = "RESIZE_ITEM_COMPLETE_SERIES";
+  RESIZE_ITEM_ACTION["reset"] = "RESIZE_ITEM_RESET";
+})(RESIZE_ITEM_ACTION = exports.RESIZE_ITEM_ACTION || (exports.RESIZE_ITEM_ACTION = {}));
+/** @hidden */
+
+
+exports.useResizeItem = function (_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 [];
+};

package/dist/npm/items/hooks/use-series.d.ts

@@ -0,0 +1,23 @@
+import { DataItem } from '../../models';
+/**
+ * Represents the available `action` types for the `SchedulerItemSeriesAction` objects.
+ *
+ * The available actions are:
+ * - `SERIES_RESET`
+ * - `SERIES_SET`
+ * - `SERIES_TOGGLE`
+ */
+export declare enum SERIES_ACTION {
+    reset = "SERIES_RESET",
+    set = "SERIES_SET",
+    toggle = "SERIES_TOGGLE"
+}
+/**
+ * Represents the object passed to the `series` reducer.
+ */
+export declare type SchedulerItemSeriesAction = {
+    type: SERIES_ACTION;
+    payload?: boolean;
+};
+/** @hidden */
+export declare const useSeries: (_defaultProp: DataItem, _prop?: DataItem, _callback?: any) => any[];