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

package/dist/components/AgendaView.js

@@ -1,58 +1,55 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _AgendaResourceEvents = _interopRequireDefault(require("./AgendaResourceEvents"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+import PropTypes from 'prop-types';
+import AgendaResourceEvents from './AgendaResourceEvents';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function AgendaView(props) {
-  var schedulerData = props.schedulerData;
-  var config = schedulerData.config,
-    renderData = schedulerData.renderData;
-  var agendaResourceTableWidth = schedulerData.getResourceTableWidth();
-  var tableHeaderHeight = schedulerData.getTableHeaderHeight();
-  var resourceName = schedulerData.isEventPerspective ? config.taskName : config.resourceName;
-  var agendaViewHeader = config.agendaViewHeader;
-  var resourceEventsList = renderData.map(function (item) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AgendaResourceEvents["default"], {
-      resourceEvents: item,
-      schedulerData: schedulerData,
-      subtitleGetter: props.subtitleGetter,
-      eventItemClick: props.eventItemClick,
-      viewEventClick: props.viewEventClick,
-      viewEventText: props.viewEventText,
-      viewEvent2Click: props.viewEvent2Click,
-      viewEvent2Text: props.viewEvent2Text,
-      slotClickedFunc: props.slotClickedFunc,
-      slotItemTemplateResolver: props.slotItemTemplateResolver,
-      eventItemTemplateResolver: props.eventItemTemplateResolver,
-      eventItemPopoverTemplateResolver: props.eventItemPopoverTemplateResolver
-    }, item.slotId);
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
+  const {
+    schedulerData
+  } = props;
+  const {
+    config,
+    renderData
+  } = schedulerData;
+  const agendaResourceTableWidth = schedulerData.getResourceTableWidth();
+  const tableHeaderHeight = schedulerData.getTableHeaderHeight();
+  const resourceName = schedulerData.isEventPerspective ? config.taskName : config.resourceName;
+  const {
+    agendaViewHeader
+  } = config;
+  const resourceEventsList = renderData.map(item => /*#__PURE__*/_jsx(AgendaResourceEvents, {
+    resourceEvents: item,
+    schedulerData: schedulerData,
+    subtitleGetter: props.subtitleGetter,
+    eventItemClick: props.eventItemClick,
+    viewEventClick: props.viewEventClick,
+    viewEventText: props.viewEventText,
+    viewEvent2Click: props.viewEvent2Click,
+    viewEvent2Text: props.viewEvent2Text,
+    slotClickedFunc: props.slotClickedFunc,
+    slotItemTemplateResolver: props.slotItemTemplateResolver,
+    eventItemTemplateResolver: props.eventItemTemplateResolver,
+    eventItemPopoverTemplateResolver: props.eventItemPopoverTemplateResolver
+  }, item.slotId));
+  return /*#__PURE__*/_jsx("tr", {
+    children: /*#__PURE__*/_jsx("td", {
+      children: /*#__PURE__*/_jsxs("table", {
         className: "scheduler-table",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+        children: [/*#__PURE__*/_jsx("thead", {
+          children: /*#__PURE__*/_jsxs("tr", {
             style: {
               height: tableHeaderHeight
             },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+            children: [/*#__PURE__*/_jsx("th", {
               style: {
                 width: agendaResourceTableWidth
               },
               className: "header3-text",
               children: resourceName
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+            }), /*#__PURE__*/_jsx("th", {
               className: "header3-text",
               children: agendaViewHeader
             })]
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+        }), /*#__PURE__*/_jsx("tbody", {
           children: resourceEventsList
         })]
       })
@@ -60,16 +57,16 @@ function AgendaView(props) {
   });
 }
 AgendaView.propTypes = {
-  schedulerData: _propTypes["default"].object.isRequired,
-  subtitleGetter: _propTypes["default"].func,
-  eventItemClick: _propTypes["default"].func,
-  viewEventClick: _propTypes["default"].func,
-  viewEventText: _propTypes["default"].string,
-  viewEvent2Click: _propTypes["default"].func,
-  viewEvent2Text: _propTypes["default"].string,
-  slotClickedFunc: _propTypes["default"].func,
-  slotItemTemplateResolver: _propTypes["default"].func,
-  eventItemTemplateResolver: _propTypes["default"].func,
-  eventItemPopoverTemplateResolver: _propTypes["default"].func
+  schedulerData: PropTypes.object.isRequired,
+  subtitleGetter: PropTypes.func,
+  eventItemClick: PropTypes.func,
+  viewEventClick: PropTypes.func,
+  viewEventText: PropTypes.string,
+  viewEvent2Click: PropTypes.func,
+  viewEvent2Text: PropTypes.string,
+  slotClickedFunc: PropTypes.func,
+  slotItemTemplateResolver: PropTypes.func,
+  eventItemTemplateResolver: PropTypes.func,
+  eventItemPopoverTemplateResolver: PropTypes.func
 };
-var _default = exports["default"] = AgendaView;
+export default AgendaView;

package/dist/components/BodyView.js

@@ -1,30 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function BodyView(_ref) {
-  var schedulerData = _ref.schedulerData;
-  var renderData = schedulerData.renderData,
-    headers = schedulerData.headers,
-    config = schedulerData.config,
-    behaviors = schedulerData.behaviors;
-  var width = schedulerData.getContentCellWidth();
-  var tableRows = renderData.filter(function (o) {
-    return o.render;
-  }).map(function (_ref2) {
-    var slotId = _ref2.slotId,
-      groupOnly = _ref2.groupOnly,
-      rowHeight = _ref2.rowHeight;
-    var rowCells = headers.map(function (header, index) {
-      var key = "".concat(slotId, "_").concat(header.time);
-      var style = index === headers.length - 1 ? {} : {
-        width: width
+import PropTypes from 'prop-types';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+function BodyView({
+  schedulerData
+}) {
+  const {
+    renderData,
+    headers,
+    config,
+    behaviors
+  } = schedulerData;
+  const width = schedulerData.getContentCellWidth();
+  const tableRows = renderData.filter(o => o.render).map(({
+    slotId,
+    groupOnly,
+    rowHeight
+  }) => {
+    const rowCells = headers.map((header, index) => {
+      const key = `${slotId}_${header.time}`;
+      const style = index === headers.length - 1 ? {} : {
+        width
       };
       if (header.nonWorkingTime) {
         style.backgroundColor = config.nonWorkingTimeBodyBgColor;
@@ -33,29 +28,29 @@ function BodyView(_ref) {
         style.backgroundColor = config.groupOnlySlotColor;
       }
       if (behaviors.getNonAgendaViewBodyCellBgColorFunc) {
-        var cellBgColor = behaviors.getNonAgendaViewBodyCellBgColorFunc(schedulerData, slotId, header);
+        const cellBgColor = behaviors.getNonAgendaViewBodyCellBgColorFunc(schedulerData, slotId, header);
         if (cellBgColor) {
           style.backgroundColor = cellBgColor;
         }
       }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      return /*#__PURE__*/_jsx("td", {
         style: style,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
+        children: /*#__PURE__*/_jsx("div", {})
       }, key);
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+    return /*#__PURE__*/_jsx("tr", {
       style: {
         height: rowHeight
       },
       children: rowCells
     }, slotId);
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+  return /*#__PURE__*/_jsx("tbody", {
     children: tableRows
   });
 }
 BodyView.propTypes = {
-  schedulerData: _propTypes["default"].object.isRequired,
-  schedulerDataVersion: _propTypes["default"].number
+  schedulerData: PropTypes.object.isRequired,
+  schedulerDataVersion: PropTypes.number
 };
-var _default = exports["default"] = /*#__PURE__*/_react["default"].memo(BodyView);
+export default /*#__PURE__*/React.memo(BodyView);

package/dist/components/DnDContext.js

@@ -1,171 +1,156 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _default = require("../config/default");
-var _utility = require("../helper/utility");
-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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-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 DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDContext(sources) {
-  var _this = this;
-  _classCallCheck(this, DnDContext);
-  _defineProperty(this, "extractInitialTimes", function (monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs) {
-    var initialPoint = monitor.getInitialClientOffset();
-    var initialLeftIndex = Math.floor((initialPoint.x - pos.x) / cellWidth);
-    var initialStart = resourceEvents.headerItems[initialLeftIndex].start;
-    var initialEnd = resourceEvents.headerItems[initialLeftIndex].end;
-    if (cellUnit !== _default.CellUnit.Hour) {
-      var end = localeDayjs(new Date(initialStart)).hour(23).minute(59).second(59);
-      initialEnd = end.format(_default.DATETIME_FORMAT);
+import { CellUnit, DATETIME_FORMAT, DnDTypes, ViewType } from '../config/default';
+import { getPos } from '../helper/utility';
+export default class DnDContext {
+  constructor(sources) {
+    this.sourceMap = new Map();
+    sources.forEach(item => {
+      this.sourceMap.set(item.dndType, item);
+    });
+  }
+  extractInitialTimes = (monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs) => {
+    const initialPoint = monitor.getInitialClientOffset();
+    const initialLeftIndex = Math.floor((initialPoint.x - pos.x) / cellWidth);
+    const initialStart = resourceEvents.headerItems[initialLeftIndex].start;
+    let initialEnd = resourceEvents.headerItems[initialLeftIndex].end;
+    if (cellUnit !== CellUnit.Hour) {
+      const end = localeDayjs(new Date(initialStart)).hour(23).minute(59).second(59);
+      initialEnd = end.format(DATETIME_FORMAT);
     }
     return {
-      initialStart: initialStart,
-      initialEnd: initialEnd
+      initialStart,
+      initialEnd
     };
-  });
-  _defineProperty(this, "getDropSpec", function () {
-    return {
-      drop: function drop(props, monitor, component) {
-        var schedulerData = props.schedulerData,
-          resourceEvents = props.resourceEvents;
-        var cellUnit = schedulerData.cellUnit,
-          localeDayjs = schedulerData.localeDayjs;
-        var type = monitor.getItemType();
-        var pos = (0, _utility.getPos)(component.eventContainer);
-        var cellWidth = schedulerData.getContentCellWidth();
-        var initialStartTime = null;
-        var initialEndTime = null;
-        if (type === _default.DnDTypes.EVENT) {
-          var _this$extractInitialT = _this.extractInitialTimes(monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs),
-            initialStart = _this$extractInitialT.initialStart,
-            initialEnd = _this$extractInitialT.initialEnd;
-          initialStartTime = initialStart;
-          initialEndTime = initialEnd;
-        }
-        var point = monitor.getClientOffset();
-        var leftIndex = Math.floor((point.x - pos.x) / cellWidth);
-        var startTime = resourceEvents.headerItems[leftIndex].start;
-        var endTime = resourceEvents.headerItems[leftIndex].end;
-        if (cellUnit !== _default.CellUnit.Hour) {
-          endTime = localeDayjs(new Date(resourceEvents.headerItems[leftIndex].start)).hour(23).minute(59).second(59).format(_default.DATETIME_FORMAT);
-        }
-        return {
-          slotId: resourceEvents.slotId,
-          slotName: resourceEvents.slotName,
-          start: startTime,
-          end: endTime,
-          initialStart: initialStartTime,
-          initialEnd: initialEndTime
-        };
-      },
-      hover: function hover(props, monitor, component) {
-        var schedulerData = props.schedulerData,
-          resourceEvents = props.resourceEvents,
-          movingEvent = props.movingEvent;
-        var cellUnit = schedulerData.cellUnit,
-          config = schedulerData.config,
-          viewType = schedulerData.viewType,
-          localeDayjs = schedulerData.localeDayjs;
-        _this.config = config;
-        var item = monitor.getItem();
-        var type = monitor.getItemType();
-        var pos = (0, _utility.getPos)(component.eventContainer);
-        var cellWidth = schedulerData.getContentCellWidth();
-        var initialStart = null;
-        if (type === _default.DnDTypes.EVENT) {
-          var _this$extractInitialT2 = _this.extractInitialTimes(monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs),
-            iStart = _this$extractInitialT2.initialStart;
-          initialStart = iStart;
-        }
-        var point = monitor.getClientOffset();
-        var leftIndex = Math.floor((point.x - pos.x) / cellWidth);
-        if (!resourceEvents.headerItems[leftIndex]) {
-          return;
-        }
-        var newStart = resourceEvents.headerItems[leftIndex].start;
-        var newEnd = resourceEvents.headerItems[leftIndex].end;
-        if (cellUnit !== _default.CellUnit.Hour) {
-          newEnd = localeDayjs(new Date(resourceEvents.headerItems[leftIndex].start)).hour(23).minute(59).second(59).format(_default.DATETIME_FORMAT);
+  };
+  getDropSpec = () => ({
+    drop: (props, monitor, component) => {
+      const {
+        schedulerData,
+        resourceEvents
+      } = props;
+      const {
+        cellUnit,
+        localeDayjs
+      } = schedulerData;
+      const type = monitor.getItemType();
+      const pos = getPos(component.eventContainer);
+      const cellWidth = schedulerData.getContentCellWidth();
+      let initialStartTime = null;
+      let initialEndTime = null;
+      if (type === DnDTypes.EVENT) {
+        const {
+          initialStart,
+          initialEnd
+        } = this.extractInitialTimes(monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs);
+        initialStartTime = initialStart;
+        initialEndTime = initialEnd;
+      }
+      const point = monitor.getClientOffset();
+      const leftIndex = Math.floor((point.x - pos.x) / cellWidth);
+      const startTime = resourceEvents.headerItems[leftIndex].start;
+      let endTime = resourceEvents.headerItems[leftIndex].end;
+      if (cellUnit !== CellUnit.Hour) {
+        endTime = localeDayjs(new Date(resourceEvents.headerItems[leftIndex].start)).hour(23).minute(59).second(59).format(DATETIME_FORMAT);
+      }
+      return {
+        slotId: resourceEvents.slotId,
+        slotName: resourceEvents.slotName,
+        start: startTime,
+        end: endTime,
+        initialStart: initialStartTime,
+        initialEnd: initialEndTime
+      };
+    },
+    hover: (props, monitor, component) => {
+      const {
+        schedulerData,
+        resourceEvents,
+        movingEvent
+      } = props;
+      const {
+        cellUnit,
+        config,
+        viewType,
+        localeDayjs
+      } = schedulerData;
+      this.config = config;
+      const item = monitor.getItem();
+      const type = monitor.getItemType();
+      const pos = getPos(component.eventContainer);
+      const cellWidth = schedulerData.getContentCellWidth();
+      let initialStart = null;
+      if (type === DnDTypes.EVENT) {
+        const {
+          initialStart: iStart
+        } = this.extractInitialTimes(monitor, pos, cellWidth, resourceEvents, cellUnit, localeDayjs);
+        initialStart = iStart;
+      }
+      const point = monitor.getClientOffset();
+      const leftIndex = Math.floor((point.x - pos.x) / cellWidth);
+      if (!resourceEvents.headerItems[leftIndex]) {
+        return;
+      }
+      let newStart = resourceEvents.headerItems[leftIndex].start;
+      let newEnd = resourceEvents.headerItems[leftIndex].end;
+      if (cellUnit !== CellUnit.Hour) {
+        newEnd = localeDayjs(new Date(resourceEvents.headerItems[leftIndex].start)).hour(23).minute(59).second(59).format(DATETIME_FORMAT);
+      }
+      let {
+        slotId,
+        slotName
+      } = resourceEvents;
+      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 slotId = resourceEvents.slotId,
-          slotName = resourceEvents.slotName;
-        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);
+        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;
-            var slot = schedulerData.getSlotById(slotId);
-            if (slot) slotName = slot.name;
-          }
-          action = 'Move';
-        }
-        if (movingEvent) {
-          movingEvent(schedulerData, slotId, slotName, newStart, newEnd, action, type, item);
+        // 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;
         }
-      },
-      canDrop: function canDrop(props, monitor) {
-        var schedulerData = props.schedulerData,
-          resourceEvents = props.resourceEvents;
-        var item = monitor.getItem();
-        if (schedulerData._isResizing()) return false;
-        var config = schedulerData.config;
-        return config.movable && !resourceEvents.groupOnly && (item.movable === undefined || item.movable !== false);
+        action = 'Move';
       }
-    };
+      if (movingEvent) {
+        movingEvent(schedulerData, slotId, slotName, newStart, newEnd, action, type, item);
+      }
+    },
+    canDrop: (props, monitor) => {
+      const {
+        schedulerData,
+        resourceEvents
+      } = props;
+      const item = monitor.getItem();
+      if (schedulerData._isResizing()) return false;
+      const {
+        config
+      } = schedulerData;
+      return config.movable && !resourceEvents.groupOnly && (item.movable === undefined || item.movable !== false);
+    }
   });
+
   // Returns the drop specification for use with useDrop hook
   // This should be called with props from the component using the hook
-  _defineProperty(this, "getDropOptions", function (props, component) {
-    var spec = _this.getDropSpec();
+  getDropOptions = (props, component) => {
+    const spec = this.getDropSpec();
     return {
-      accept: _toConsumableArray(_this.sourceMap.keys()),
-      drop: function drop(_item, monitor) {
-        return spec.drop(props, monitor, component);
-      },
-      hover: function hover(_item, monitor) {
-        return spec.hover(props, monitor, component);
-      },
-      canDrop: function canDrop(_item, monitor) {
-        return spec.canDrop(props, monitor);
-      },
-      collect: function collect(monitor) {
-        return {
-          isOver: monitor.isOver(),
-          canDrop: monitor.canDrop()
-        };
-      }
+      accept: [...this.sourceMap.keys()],
+      drop: (_item, monitor) => spec.drop(props, monitor, component),
+      hover: (_item, monitor) => spec.hover(props, monitor, component),
+      canDrop: (_item, monitor) => spec.canDrop(props, monitor),
+      collect: monitor => ({
+        isOver: monitor.isOver(),
+        canDrop: monitor.canDrop()
+      })
     };
-  });
-  _defineProperty(this, "getDndSource", function () {
-    var dndType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _default.DnDTypes.EVENT;
-    return _this.sourceMap.get(dndType);
-  });
-  this.sourceMap = new Map();
-  sources.forEach(function (item) {
-    _this.sourceMap.set(item.dndType, item);
-  });
-});
+  };
+  getDndSource = (dndType = DnDTypes.EVENT) => this.sourceMap.get(dndType);
+}