react-big-schedule 5.1.0 → 5.2.0-beta.0

package/dist/components/AddMore.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function AddMore(_ref) {
   var schedulerData = _ref.schedulerData,
@@ -17,7 +17,7 @@ function AddMore(_ref) {
     headerItem = _ref.headerItem;
   var config = schedulerData.config;
   var content = "+".concat(number, " more");
-  return /*#__PURE__*/_react["default"].createElement("button", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
     type: "button",
     className: "timeline-event",
     style: {
@@ -27,14 +27,16 @@ function AddMore(_ref) {
     },
     onClick: function onClick() {
       return clickAction(headerItem);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      height: config.eventItemHeight,
-      color: '#999',
-      textAlign: 'center'
-    }
-  }, content));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        height: config.eventItemHeight,
+        color: '#999',
+        textAlign: 'center'
+      },
+      children: content
+    })
+  });
 }
 AddMore.propTypes = {
   schedulerData: _propTypes["default"].object.isRequired,

package/dist/components/AddMorePopover.js

@@ -5,15 +5,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _antd = require("antd");
 var _icons = require("@ant-design/icons");
-var _EventItem = _interopRequireDefault(require("./EventItem"));
+var _antd = require("antd");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
 var _DnDSource = _interopRequireDefault(require("./DnDSource"));
+var _EventItem = _interopRequireDefault(require("./EventItem"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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; } }
@@ -35,13 +39,12 @@ function AddMorePopover(props) {
     events = headerItem.events;
   var _useState = (0, _react.useState)(new _DnDSource["default"](function (p) {
       return p.eventItem;
-    }, _EventItem["default"], schedulerData.config.dragAndDropEnabled)),
+    }, schedulerData.config.dragAndDropEnabled)),
     _useState2 = _slicedToArray(_useState, 1),
     dndSource = _useState2[0];
   var header = localeDayjs(new Date(time)).format(config.addMorePopoverHeaderFormat);
   var durationStart = localeDayjs(new Date(start));
   var durationEnd = localeDayjs(end);
-  var DnDEventItem = dndSource.getDragSource();
   var eventList = events.map(function (evt, i) {
     if (evt !== undefined) {
       var eventStart = localeDayjs(evt.eventItem.start);
@@ -49,9 +52,10 @@ function AddMorePopover(props) {
       var isStart = eventStart >= durationStart;
       var isEnd = eventEnd < durationEnd;
       var eventItemTop = 12 + (i + 1) * config.eventItemLineHeight;
-      return /*#__PURE__*/_react["default"].createElement(DnDEventItem, _extends({}, props, {
+      return /*#__PURE__*/(0, _react.createElement)(_EventItem["default"], _objectSpread(_objectSpread({}, props), {}, {
         key: evt.eventItem.id,
         eventItem: evt.eventItem,
+        dndSource: dndSource,
         leftIndex: 0,
         isInPopover: true,
         isStart: isStart,
@@ -64,29 +68,35 @@ function AddMorePopover(props) {
     }
     return null;
   });
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "add-more-popover-overlay",
     style: {
       left: left,
       top: top,
       height: height,
       width: '170px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
-    justify: "space-between",
-    align: "middle"
-  }, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    span: 22
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: "base-text"
-  }, header)), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
-    span: 2
-  }, /*#__PURE__*/_react["default"].createElement("button", {
-    type: "button",
-    onClick: function onClick() {
-      return closeAction(undefined);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_icons.CloseOutlined, null)))), eventList === null || eventList === void 0 ? void 0 : eventList.filter(Boolean));
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
+      justify: "space-between",
+      align: "middle",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+        span: 22,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "base-text",
+          children: header
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+        span: 2,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          onClick: function onClick() {
+            return closeAction(undefined);
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {})
+        })
+      })]
+    }), eventList === null || eventList === void 0 ? void 0 : eventList.filter(Boolean)]
+  });
 }
 AddMorePopover.propTypes = {
   schedulerData: _propTypes["default"].object.isRequired,

package/dist/components/AgendaEventItem.js

@@ -4,12 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _antd = require("antd");
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _EventItemPopover = _interopRequireDefault(require("./EventItemPopover"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 function AgendaEventItem(props) {
   var eventItem = props.eventItem,
     isStart = props.isStart,
@@ -34,39 +39,44 @@ function AgendaEventItem(props) {
     maxWidth: config.agendaMaxEventWidth,
     backgroundColor: backgroundColor
   };
-  var eventItemTemplate = /*#__PURE__*/_react["default"].createElement("div", {
+  var eventItemTemplate = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "".concat(roundCls, " event-item"),
-    key: eventItem.id,
-    style: eventItemStyle
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    style: {
-      marginLeft: '10px',
-      lineHeight: "".concat(config.eventItemHeight, "px")
-    }
-  }, titleText));
+    style: eventItemStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: {
+        marginLeft: '10px',
+        lineHeight: "".concat(config.eventItemHeight, "px")
+      },
+      children: titleText
+    })
+  }, eventItem.id);
   if (eventItemTemplateResolver) {
     eventItemTemplate = eventItemTemplateResolver(schedulerData, eventItem, backgroundColor, isStart, isEnd, 'event-item', config.eventItemHeight, config.agendaMaxEventWidth);
   }
   var handleClick = function handleClick() {
     return eventItemClick === null || eventItemClick === void 0 ? void 0 : eventItemClick(schedulerData, eventItem);
   };
-  var eventLink = /*#__PURE__*/_react["default"].createElement("button", {
+  var eventLink = /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
     type: "button",
     className: "day-event txt-btn-dis",
-    onClick: handleClick
-  }, eventItemTemplate);
-  var content = /*#__PURE__*/_react["default"].createElement(_EventItemPopover["default"], _extends({}, props, {
+    onClick: handleClick,
+    children: eventItemTemplate
+  });
+  var content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_EventItemPopover["default"], _objectSpread(_objectSpread({}, props), {}, {
     title: eventItem.title,
     startTime: eventItem.start,
     endTime: eventItem.end,
     statusColor: backgroundColor
   }));
-  return config.eventItemPopoverEnabled ? /*#__PURE__*/_react["default"].createElement(_antd.Popover, {
+  return config.eventItemPopoverEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, {
     placement: "bottomLeft",
     content: content,
     trigger: "hover",
-    overlayClassName: "scheduler-agenda-event-popover"
-  }, eventLink) : /*#__PURE__*/_react["default"].createElement("span", null, eventLink);
+    overlayClassName: "scheduler-agenda-event-popover",
+    children: eventLink
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: eventLink
+  });
 }
 AgendaEventItem.propTypes = {
   schedulerData: _propTypes["default"].object.isRequired,

package/dist/components/AgendaResourceEvents.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _AgendaEventItem = _interopRequireDefault(require("./AgendaEventItem"));
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 function AgendaResourceEvents(props) {
   var schedulerData = props.schedulerData,
     resourceEvents = props.resourceEvents,
@@ -32,7 +38,7 @@ function AgendaResourceEvents(props) {
         var eventEnd = localeDayjs(evt.eventItem.end);
         var isStart = eventStart >= durationStart;
         var isEnd = eventEnd < durationEnd;
-        return /*#__PURE__*/_react["default"].createElement(_AgendaEventItem["default"], _extends({}, props, {
+        return /*#__PURE__*/(0, _react.createElement)(_AgendaEventItem["default"], _objectSpread(_objectSpread({}, props), {}, {
           key: evt.eventItem.id,
           eventItem: evt.eventItem,
           isStart: isStart,
@@ -42,35 +48,44 @@ function AgendaResourceEvents(props) {
     }
     return [];
   });
-  var slotItemContent = slotClickedFunc ? /*#__PURE__*/_react["default"].createElement("button", {
+  var slotItemContent = slotClickedFunc ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
     className: "txt-btn-dis",
     type: "button",
     onClick: function onClick() {
       return slotClickedFunc(schedulerData, resourceEvents);
-    }
-  }, resourceEvents.slotName) : /*#__PURE__*/_react["default"].createElement("span", null, resourceEvents.slotName);
-  var slotItem = /*#__PURE__*/_react["default"].createElement("div", {
+    },
+    children: resourceEvents.slotName
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    children: resourceEvents.slotName
+  });
+  var slotItem = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       width: width
     },
     title: resourceEvents.slotTitle || resourceEvents.slotName,
-    className: "overflow-text header2-text"
-  }, slotItemContent);
+    className: "overflow-text header2-text",
+    children: slotItemContent
+  });
   if (slotItemTemplateResolver) {
     var temp = slotItemTemplateResolver(schedulerData, resourceEvents, slotClickedFunc, width, 'overflow-text header2-text');
     if (temp) {
       slotItem = temp;
     }
   }
-  return /*#__PURE__*/_react["default"].createElement("tr", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
     style: {
       minHeight: config.eventItemLineHeight + 2
-    }
-  }, /*#__PURE__*/_react["default"].createElement("td", {
-    "data-resource-id": resourceEvents.slotId
-  }, slotItem), /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "day-event-container"
-  }, events)));
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      "data-resource-id": resourceEvents.slotId,
+      children: slotItem
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "day-event-container",
+        children: events
+      })
+    })]
+  });
 }
 AgendaResourceEvents.propTypes = {
   schedulerData: _propTypes["default"].object.isRequired,

package/dist/components/AgendaView.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _AgendaResourceEvents = _interopRequireDefault(require("./AgendaResourceEvents"));
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
 function AgendaView(props) {
   var schedulerData = props.schedulerData;
   var config = schedulerData.config,
@@ -18,25 +24,37 @@ function AgendaView(props) {
   var resourceName = schedulerData.isEventPerspective ? config.taskName : config.resourceName;
   var agendaViewHeader = config.agendaViewHeader;
   var resourceEventsList = renderData.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(_AgendaResourceEvents["default"], _extends({}, props, {
+    return /*#__PURE__*/(0, _react.createElement)(_AgendaResourceEvents["default"], _objectSpread(_objectSpread({}, props), {}, {
       resourceEvents: item,
       key: item.slotId
     }));
   });
-  return /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", null, /*#__PURE__*/_react["default"].createElement("table", {
-    className: "scheduler-table"
-  }, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", {
-    style: {
-      height: tableHeaderHeight
-    }
-  }, /*#__PURE__*/_react["default"].createElement("th", {
-    style: {
-      width: agendaResourceTableWidth
-    },
-    className: "header3-text"
-  }, resourceName), /*#__PURE__*/_react["default"].createElement("th", {
-    className: "header3-text"
-  }, agendaViewHeader))), /*#__PURE__*/_react["default"].createElement("tbody", null, resourceEventsList))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
+        className: "scheduler-table",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+            style: {
+              height: tableHeaderHeight
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+              style: {
+                width: agendaResourceTableWidth
+              },
+              className: "header3-text",
+              children: resourceName
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+              className: "header3-text",
+              children: agendaViewHeader
+            })]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+          children: resourceEventsList
+        })]
+      })
+    })
+  });
 }
 AgendaView.propTypes = {
   schedulerData: _propTypes["default"].object.isRequired,

package/dist/components/BodyView.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-/* eslint-disable jsx-a11y/control-has-associated-label */
-
 function BodyView(_ref) {
   var schedulerData = _ref.schedulerData;
   var renderData = schedulerData.renderData,
@@ -39,19 +37,21 @@ function BodyView(_ref) {
           style.backgroundColor = cellBgColor;
         }
       }
-      return /*#__PURE__*/_react["default"].createElement("td", {
-        key: key,
-        style: style
-      }, /*#__PURE__*/_react["default"].createElement("div", null));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+        style: style,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
+      }, key);
     });
-    return /*#__PURE__*/_react["default"].createElement("tr", {
-      key: slotId,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
       style: {
         height: rowHeight
-      }
-    }, rowCells);
+      },
+      children: rowCells
+    }, slotId);
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
+    children: tableRows
   });
-  return /*#__PURE__*/_react["default"].createElement("tbody", null, tableRows);
 }
 BodyView.propTypes = {
   schedulerData: _propTypes["default"].object.isRequired

package/dist/components/DnDContext.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _reactDnd = require("react-dnd");
 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); }
@@ -20,7 +19,7 @@ function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Can
 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, DecoratedComponent) {
+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) {
@@ -141,15 +140,29 @@ var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDCont
       }
     };
   });
-  _defineProperty(this, "getDropCollect", function (connect, monitor) {
+  // 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();
     return {
-      connectDropTarget: connect.dropTarget(),
-      isOver: monitor.isOver()
+      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()
+        };
+      }
     };
   });
-  _defineProperty(this, "getDropTarget", function (dragAndDropEnabled) {
-    return dragAndDropEnabled ? (0, _reactDnd.DropTarget)(_toConsumableArray(_this.sourceMap.keys()), _this.getDropSpec(), _this.getDropCollect)(_this.DecoratedComponent) : _this.DecoratedComponent;
-  });
   _defineProperty(this, "getDndSource", function () {
     var dndType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _default.DnDTypes.EVENT;
     return _this.sourceMap.get(dndType);
@@ -158,5 +171,4 @@ var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDCont
   sources.forEach(function (item) {
     _this.sourceMap.set(item.dndType, item);
   });
-  this.DecoratedComponent = DecoratedComponent;
 });

package/dist/components/DnDSource.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _reactDnd = require("react-dnd");
 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); } }
@@ -13,9 +12,9 @@ function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Can
 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, DecoratedComponent, DnDEnabled) {
+var DnDSource = exports["default"] = /*#__PURE__*/_createClass(function DnDSource(resolveDragObjFunc, DnDEnabled) {
   var _this = this;
-  var dndType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _default.DnDTypes.EVENT;
+  var dndType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _default.DnDTypes.EVENT;
   _classCallCheck(this, DnDSource);
   _defineProperty(this, "getDragSpec", function () {
     return {
@@ -98,18 +97,29 @@ var DnDSource = exports["default"] = /*#__PURE__*/_createClass(function DnDSourc
       }
     };
   });
-  _defineProperty(this, "getDragCollect", function (connect, monitor) {
+  // 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();
     return {
-      connectDragSource: connect.dragSource(),
-      isDragging: monitor.isDragging(),
-      connectDragPreview: connect.dragPreview()
+      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()
+        };
+      }
     };
   });
-  _defineProperty(this, "getDragSource", function () {
-    return _this.dragSource;
-  });
   this.resolveDragObjFunc = resolveDragObjFunc;
-  this.DecoratedComponent = DecoratedComponent;
   this.dndType = dndType;
-  this.dragSource = DnDEnabled ? (0, _reactDnd.DragSource)(this.dndType, this.getDragSpec(), this.getDragCollect)(this.DecoratedComponent) : this.DecoratedComponent;
+  this.DnDEnabled = DnDEnabled;
 });