makula-schedule 2.3.0 → 2.3.1

package/dist/components/DnDContext.js

@@ -162,7 +162,8 @@ var DnDContext = exports["default"] = /*#__PURE__*/_createClass(function DnDCont
             title: title,
             eventItemHeight: config.eventItemHeight,
             newStart: newStart,
-            newEnd: newEnd
+            newEnd: newEnd,
+            eventItem: isEvent ? item : null
           };
         }
       },

package/dist/components/ResourceEvents.js

@@ -39,7 +39,7 @@ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new T
 function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, 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); } // eslint-disable-next-line no-unused-vars
+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 ResourceEvents = /*#__PURE__*/function (_Component) {
   function ResourceEvents(props) {
     var _this;
@@ -461,14 +461,8 @@ var ResourceEvents = /*#__PURE__*/function (_Component) {
             previewWidth = Math.max(1, totalWidth * _durationPercentage2);
           }
         }
-        dropPreviewElement = /*#__PURE__*/_react["default"].createElement("a", {
-          className: "timeline-event drop-preview",
-          style: {
-            left: previewLeft,
-            width: Math.max(0, previewWidth),
-            top: 1
-          }
-        }, /*#__PURE__*/_react["default"].createElement("div", {
+        var eventItemTemplateResolver = this.props.eventItemTemplateResolver;
+        var previewContent = /*#__PURE__*/_react["default"].createElement("div", {
           className: "round-all event-item",
           style: {
             height: dropPreview.eventItemHeight,
@@ -479,7 +473,18 @@ var ResourceEvents = /*#__PURE__*/function (_Component) {
             marginLeft: '10px',
             lineHeight: "".concat(dropPreview.eventItemHeight, "px")
           }
-        }, dropPreview.title)));
+        }, dropPreview.title));
+        if (eventItemTemplateResolver && dropPreview.eventItem) {
+          previewContent = eventItemTemplateResolver(schedulerData, dropPreview.eventItem, dropPreview.bgColor, true, true, 'event-item', dropPreview.eventItemHeight, undefined);
+        }
+        dropPreviewElement = /*#__PURE__*/_react["default"].createElement("a", {
+          className: "timeline-event drop-preview",
+          style: {
+            left: previewLeft,
+            width: Math.max(0, previewWidth),
+            top: 1
+          }
+        }, previewContent);
       }
       var eventContainer = /*#__PURE__*/_react["default"].createElement("div", {
         ref: this.eventContainerRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "makula-schedule",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "React Big Schedule  is a powerful and intuitive scheduler and resource planning solution built with React. Seamlessly integrate this modern browser-compatible component into your applications to effectively manage time, appointments, and resources. With drag-and-drop functionality, interactive UI, and granular views, react-big-schedule empowers users to effortlessly schedule and allocate resources with precision. Enhance productivity and streamline your workflow with this React-based solution, designed to optimize time management and simplify calendar-based operations. Perfect for applications requiring advanced scheduling capabilities, react-big-schedule offers a seamless and intuitive experience for managing appointments, resource allocation, and time slots. Unlock the potential of your React projects with react-big-schedule and revolutionize the way you handle scheduling and resource planning. It is the updated version of react-big-scheduler",
   "keywords": [
     "react-big-schedule",