gantt-task-react-powern 0.5.2 → 0.5.4

package/dist/index.js

@@ -2127,7 +2127,7 @@ var Bar = function Bar(_ref) {
   var handleHeight = task.height / 2 - 1;
 
   if (type == "planned") {
-    if ((task === null || task === void 0 ? void 0 : task.x1) >= 0 && (task === null || task === void 0 ? void 0 : task.x2) >= 0) return React__default.createElement("g", {
+    if ((task === null || task === void 0 ? void 0 : task.x1) >= 0 && (task === null || task === void 0 ? void 0 : task.x2) >= 0 && task.x2 - task.x1 >= 0) return React__default.createElement("g", {
       className: styles$6.barWrapper,
       tabIndex: 0
     }, React__default.createElement(BarDisplay, {
@@ -2175,7 +2175,7 @@ var Bar = function Bar(_ref) {
       className: styles$6.barWrapper,
       tabIndex: 0
     });
-  } else if ((task === null || task === void 0 ? void 0 : task.actualx1) >= 0 && (task === null || task === void 0 ? void 0 : task.actualx2) >= 0) {
+  } else if ((task === null || task === void 0 ? void 0 : task.actualx1) >= 0 && (task === null || task === void 0 ? void 0 : task.actualx2) >= 0 && task.actualx2 - task.actualx1 >= 0) {
     return React__default.createElement("g", {
       className: styles$6.barWrapper,
       tabIndex: 0
@@ -3012,9 +3012,17 @@ var Gantt = function Gantt(_ref) {
       ignoreScrollEvent = _useState12[0],
       setIgnoreScrollEvent = _useState12[1];
 
-  var _useState13 = React.useState(false),
-      hasCircularDeps = _useState13[0],
-      setHasCircularDeps = _useState13[1];
+  var _useState13 = React.useState(0),
+      lastTouchX = _useState13[0],
+      setLastTouchX = _useState13[1];
+
+  var _useState14 = React.useState(0),
+      lastTouchY = _useState14[0],
+      setLastTouchY = _useState14[1];
+
+  var _useState15 = React.useState(false),
+      hasCircularDeps = _useState15[0],
+      setHasCircularDeps = _useState15[1];
 
   React.useEffect(function () {
     if (scheduleType === "lookAhead" && startDate && endDate) {
@@ -3154,7 +3162,7 @@ var Gantt = function Gantt(_ref) {
     }
   }, [ganttHeight, tasks, headerHeight, rowHeight]);
   React.useEffect(function () {
-    var _wrapperRef$current;
+    var _wrapperRef$current, _wrapperRef$current2, _wrapperRef$current3, _wrapperRef$current4;
 
     var handleWheel = function handleWheel(event) {
       if (event.shiftKey || event.deltaX) {
@@ -3187,13 +3195,66 @@ var Gantt = function Gantt(_ref) {
       setIgnoreScrollEvent(true);
     };
 
+    var handleLogTouch = function handleLogTouch(event) {
+      if (event) {
+        setLastTouchX(event.changedTouches[0].pageX);
+        setLastTouchY(event.changedTouches[0].pageY);
+      }
+    };
+
+    var handleTouch = function handleTouch(event) {
+      if (event.changedTouches[0].pageX || event.changedTouches[0].pageY) {
+        var deltaX = event.changedTouches[0].pageX - lastTouchX;
+        var deltaY = event.changedTouches[0].pageY - lastTouchY;
+
+        if (Math.abs(deltaX) > Math.abs(deltaY)) {
+          var newScrollX = scrollX - deltaX / 3;
+
+          if (newScrollX > 0 && newScrollX < 1600) {
+            setScrollX(newScrollX);
+          } else if (newScrollX < 0) {
+            setScrollX(0);
+          } else {
+            setScrollX(1600);
+          }
+        } else {
+          var newScrollY = scrollY - deltaY;
+
+          if (newScrollY > 0 && newScrollY < 1600) {
+            setScrollY(newScrollY);
+          } else if (newScrollY < 0) {
+            setScrollY(0);
+          } else {
+            setScrollY(1600);
+          }
+        }
+
+        setLastTouchX(event.changedTouches[0].pageX);
+        setLastTouchY(event.changedTouches[0].pageY);
+      }
+
+      setIgnoreScrollEvent(true);
+    };
+
     (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.addEventListener("wheel", handleWheel, {
       passive: false
     });
+    (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.addEventListener("touchmove", handleTouch, {
+      passive: false
+    });
+    (_wrapperRef$current3 = wrapperRef.current) === null || _wrapperRef$current3 === void 0 ? void 0 : _wrapperRef$current3.addEventListener("touchstart", handleLogTouch, {
+      passive: false
+    });
+    (_wrapperRef$current4 = wrapperRef.current) === null || _wrapperRef$current4 === void 0 ? void 0 : _wrapperRef$current4.addEventListener("touchend", handleLogTouch, {
+      passive: false
+    });
     return function () {
-      var _wrapperRef$current2;
+      var _wrapperRef$current5, _wrapperRef$current6, _wrapperRef$current7, _wrapperRef$current8;
 
-      (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.removeEventListener("wheel", handleWheel);
+      (_wrapperRef$current5 = wrapperRef.current) === null || _wrapperRef$current5 === void 0 ? void 0 : _wrapperRef$current5.removeEventListener("wheel", handleWheel);
+      (_wrapperRef$current6 = wrapperRef.current) === null || _wrapperRef$current6 === void 0 ? void 0 : _wrapperRef$current6.removeEventListener("touchmove", handleTouch);
+      (_wrapperRef$current7 = wrapperRef.current) === null || _wrapperRef$current7 === void 0 ? void 0 : _wrapperRef$current7.removeEventListener("touchend", handleLogTouch);
+      (_wrapperRef$current8 = wrapperRef.current) === null || _wrapperRef$current8 === void 0 ? void 0 : _wrapperRef$current8.removeEventListener("touchend", handleLogTouch);
     };
   }, [wrapperRef, scrollY, scrollX, ganttHeight, svgWidth, rtl, ganttFullHeight]);