makula-schedule 2.1.1 → 2.1.3

package/dist/components/EventItem.js

@@ -169,12 +169,17 @@ var EventItem = /*#__PURE__*/function (_Component) {
       var newWidth;
       if (config.snapToGrid) {
         var deltaX = clientX - startX;
-        var snappedCells = Math.round(deltaX / cellWidth);
-        var newLeftIndex = leftIndex + snappedCells;
-        var clampedLeftIndex = Math.max(0, Math.min(newLeftIndex, rightIndex - 1));
+        var snappedDelta = Math.round(deltaX / cellWidth) * cellWidth;
         var originalRightEdge = left + width;
-        newLeft = clampedLeftIndex * cellWidth + (clampedLeftIndex > 0 ? 2 : 3);
+        newLeft = left + snappedDelta;
         newWidth = originalRightEdge - newLeft;
+        if (newWidth < minWidth) {
+          newWidth = minWidth;
+          newLeft = originalRightEdge - minWidth;
+        } else if (newWidth > maxWidth) {
+          newWidth = maxWidth;
+          newLeft = originalRightEdge - maxWidth;
+        }
       } else {
         newLeft = left + clientX - startX;
         newWidth = width + startX - clientX;
@@ -334,7 +339,6 @@ var EventItem = /*#__PURE__*/function (_Component) {
       var _this$props6 = _this.props,
         width = _this$props6.width,
         leftIndex = _this$props6.leftIndex,
-        rightIndex = _this$props6.rightIndex,
         schedulerData = _this$props6.schedulerData;
       var headers = schedulerData.headers,
         config = schedulerData.config;
@@ -346,10 +350,9 @@ var EventItem = /*#__PURE__*/function (_Component) {
       var newWidth;
       if (config.snapToGrid) {
         var deltaX = clientX - endX;
-        var snappedCells = Math.round(deltaX / cellWidth);
-        var currentSpan = rightIndex - leftIndex;
-        var newSpan = Math.max(1, Math.min(currentSpan + snappedCells, headers.length - leftIndex));
-        newWidth = newSpan * cellWidth - offset;
+        var snappedDelta = Math.round(deltaX / cellWidth) * cellWidth;
+        newWidth = width + snappedDelta;
+        if (newWidth < minWidth) newWidth = minWidth;else if (newWidth > maxWidth) newWidth = maxWidth;
       } else {
         newWidth = width + clientX - endX;
         if (newWidth < minWidth) newWidth = minWidth;else if (newWidth > maxWidth) newWidth = maxWidth;

package/dist/components/index.js

@@ -469,6 +469,7 @@ function Scheduler(props) {
       overflowY: 'auto',
       margin: '0px',
       position: 'relative',
+      overscrollBehaviorX: 'none',
       height: contentHeight,
       paddingBottom: contentPaddingBottom
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "makula-schedule",
-  "version": "2.1.1",
+  "version": "2.1.3",
   "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",