react-big-schedule 5.5.2-beta.5 → 6.1.0

package/dist/components/DnDSource.js

@@ -1,125 +1,116 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = require("../config/default");
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var DnDSource = exports["default"] = /*#__PURE__*/_createClass(function DnDSource(resolveDragObjFunc, DnDEnabled) {
-  var _this = this;
-  var dndType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _default.DnDTypes.EVENT;
-  _classCallCheck(this, DnDSource);
-  _defineProperty(this, "getDragSpec", function () {
-    return {
-      // beginDrag: (props, monitor, component) => this.resolveDragObjFunc(props),
-      beginDrag: function beginDrag(props) {
-        return _this.resolveDragObjFunc(props);
-      },
-      // endDrag: (props, monitor, component) => {
-      endDrag: function endDrag(props, monitor) {
-        if (!monitor.didDrop()) return;
-        var moveEvent = props.moveEvent,
-          newEvent = props.newEvent,
-          schedulerData = props.schedulerData;
-        var events = schedulerData.events,
-          config = schedulerData.config,
-          viewType = schedulerData.viewType,
-          localeDayjs = schedulerData.localeDayjs;
-        var item = monitor.getItem();
-        var type = monitor.getItemType();
-        var dropResult = monitor.getDropResult();
-        var slotId = dropResult.slotId;
-        var slotName = dropResult.slotName;
-        var newStart = dropResult.start;
-        var newEnd = dropResult.end;
-        var initialStart = dropResult.initialStart;
-        // const { initialEnd } = dropResult;
-        var action = 'New';
-        var isEvent = type === _default.DnDTypes.EVENT;
-        if (isEvent) {
-          var event = item;
-          if (config.relativeMove) {
-            newStart = localeDayjs(event.start).add(localeDayjs(newStart).diff(localeDayjs(new Date(initialStart))), 'ms').format(_default.DATETIME_FORMAT);
-          } else if (viewType !== _default.ViewType.Day) {
-            var tmpDayjs = localeDayjs(newStart);
-            newStart = localeDayjs(event.start).year(tmpDayjs.year()).month(tmpDayjs.month()).date(tmpDayjs.date()).format(_default.DATETIME_FORMAT);
-          }
-          newEnd = localeDayjs(newStart).add(localeDayjs(event.end).diff(localeDayjs(event.start)), 'ms').format(_default.DATETIME_FORMAT);
-
-          // if crossResourceMove disabled, slot returns old value
-          if (config.crossResourceMove === false) {
-            slotId = schedulerData._getEventSlotId(item);
-            slotName = undefined;
-            var slot = schedulerData.getSlotById(slotId);
-            if (slot) slotName = slot.name;
-          }
-          action = 'Move';
+import { DATETIME_FORMAT, DnDTypes, ViewType } from '../config/default';
+export default class DnDSource {
+  constructor(resolveDragObjFunc, DnDEnabled, dndType = DnDTypes.EVENT) {
+    this.resolveDragObjFunc = resolveDragObjFunc;
+    this.dndType = dndType;
+    this.DnDEnabled = DnDEnabled;
+  }
+  getDragSpec = () => ({
+    // beginDrag: (props, monitor, component) => this.resolveDragObjFunc(props),
+    beginDrag: props => this.resolveDragObjFunc(props),
+    // endDrag: (props, monitor, component) => {
+    endDrag: (props, monitor) => {
+      if (!monitor.didDrop()) return;
+      const {
+        moveEvent,
+        newEvent,
+        schedulerData
+      } = props;
+      const {
+        events,
+        config,
+        viewType,
+        localeDayjs
+      } = schedulerData;
+      const item = monitor.getItem();
+      const type = monitor.getItemType();
+      const dropResult = monitor.getDropResult();
+      let {
+        slotId
+      } = dropResult;
+      let {
+        slotName
+      } = dropResult;
+      let newStart = dropResult.start;
+      let newEnd = dropResult.end;
+      const {
+        initialStart
+      } = dropResult;
+      // const { initialEnd } = dropResult;
+      let action = 'New';
+      const isEvent = type === DnDTypes.EVENT;
+      if (isEvent) {
+        const event = item;
+        if (config.relativeMove) {
+          newStart = localeDayjs(event.start).add(localeDayjs(newStart).diff(localeDayjs(new Date(initialStart))), 'ms').format(DATETIME_FORMAT);
+        } else if (viewType !== ViewType.Day) {
+          const tmpDayjs = localeDayjs(newStart);
+          newStart = localeDayjs(event.start).year(tmpDayjs.year()).month(tmpDayjs.month()).date(tmpDayjs.date()).format(DATETIME_FORMAT);
         }
-        var hasConflict = false;
-        if (config.checkConflict) {
-          var start = localeDayjs(newStart);
-          var end = localeDayjs(newEnd);
-          events.forEach(function (e) {
-            if (schedulerData._getEventSlotId(e) === slotId && (!isEvent || e.id !== item.id)) {
-              var eStart = localeDayjs(e.start);
-              var eEnd = localeDayjs(e.end);
-              if (start >= eStart && start < eEnd || end > eStart && end <= eEnd || eStart >= start && eStart < end || eEnd > start && eEnd <= end) hasConflict = true;
-            }
-          });
+        newEnd = localeDayjs(newStart).add(localeDayjs(event.end).diff(localeDayjs(event.start)), 'ms').format(DATETIME_FORMAT);
+
+        // if crossResourceMove disabled, slot returns old value
+        if (config.crossResourceMove === false) {
+          slotId = schedulerData._getEventSlotId(item);
+          slotName = undefined;
+          const slot = schedulerData.getSlotById(slotId);
+          if (slot) slotName = slot.name;
         }
-        if (hasConflict) {
-          var conflictOccurred = props.conflictOccurred;
-          if (conflictOccurred !== undefined) {
-            conflictOccurred(schedulerData, action, item, type, slotId, slotName, newStart, newEnd);
-          } else {
-            console.log('Conflict occurred, set conflictOccurred func in Scheduler to handle it');
-          }
-        } else if (isEvent) {
-          if (moveEvent !== undefined) {
-            moveEvent(schedulerData, item, slotId, slotName, newStart, newEnd);
+        action = 'Move';
+      }
+      let hasConflict = false;
+      if (config.checkConflict) {
+        const start = localeDayjs(newStart);
+        const end = localeDayjs(newEnd);
+        events.forEach(e => {
+          if (schedulerData._getEventSlotId(e) === slotId && (!isEvent || e.id !== item.id)) {
+            const eStart = localeDayjs(e.start);
+            const eEnd = localeDayjs(e.end);
+            if (start >= eStart && start < eEnd || end > eStart && end <= eEnd || eStart >= start && eStart < end || eEnd > start && eEnd <= end) hasConflict = true;
           }
-        } else if (newEvent !== undefined) newEvent(schedulerData, slotId, slotName, newStart, newEnd, type, item);
-      },
-      canDrag: function canDrag(props) {
-        var schedulerData = props.schedulerData,
-          resourceEvents = props.resourceEvents;
-        var item = _this.resolveDragObjFunc(props);
-        if (schedulerData._isResizing()) return false;
-        var config = schedulerData.config;
-        return config.movable && (resourceEvents === undefined || !resourceEvents.groupOnly) && (item.movable === undefined || item.movable !== false);
+        });
       }
-    };
+      if (hasConflict) {
+        const {
+          conflictOccurred
+        } = props;
+        if (conflictOccurred !== undefined) {
+          conflictOccurred(schedulerData, action, item, type, slotId, slotName, newStart, newEnd);
+        } else {
+          console.log('Conflict occurred, set conflictOccurred func in Scheduler to handle it');
+        }
+      } else if (isEvent) {
+        if (moveEvent !== undefined) {
+          moveEvent(schedulerData, item, slotId, slotName, newStart, newEnd);
+        }
+      } else if (newEvent !== undefined) newEvent(schedulerData, slotId, slotName, newStart, newEnd, type, item);
+    },
+    canDrag: props => {
+      const {
+        schedulerData,
+        resourceEvents
+      } = props;
+      const item = this.resolveDragObjFunc(props);
+      if (schedulerData._isResizing()) return false;
+      const {
+        config
+      } = schedulerData;
+      return config.movable && (resourceEvents === undefined || !resourceEvents.groupOnly) && (item.movable === undefined || item.movable !== false);
+    }
   });
+
   // Returns the drag specification for use with useDrag hook
   // This should be called with props from the component using the hook
-  _defineProperty(this, "getDragOptions", function (props) {
-    var spec = _this.getDragSpec();
+  getDragOptions = props => {
+    const spec = this.getDragSpec();
     return {
-      type: _this.dndType,
-      item: function item() {
-        return spec.beginDrag(props);
-      },
-      end: function end(_item, monitor) {
-        return spec.endDrag(props, monitor);
-      },
-      canDrag: function canDrag() {
-        return spec.canDrag(props);
-      },
-      collect: function collect(monitor) {
-        return {
-          isDragging: monitor.isDragging()
-        };
-      }
+      type: this.dndType,
+      item: () => spec.beginDrag(props),
+      end: (_item, monitor) => spec.endDrag(props, monitor),
+      canDrag: () => spec.canDrag(props),
+      collect: monitor => ({
+        isDragging: monitor.isDragging()
+      })
     };
-  });
-  this.resolveDragObjFunc = resolveDragObjFunc;
-  this.dndType = dndType;
-  this.DnDEnabled = DnDEnabled;
-});
+  };
+}