gantt-task-react-powern 0.5.3 → 0.5.5

package/dist/index.js

@@ -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]);
 
@@ -3215,16 +3276,6 @@ var Gantt = function Gantt(_ref) {
     }
   };
 
-  var hideAlert = function hideAlert() {
-    var checkbox = document.getElementById("alert-dismiss");
-    var alert = document.getElementById("alert-container");
-
-    if (checkbox.checked) {
-      localStorage.setItem('hideCircularDepsAlert', 'true');
-      alert.style.display = "None";
-    }
-  };
-
   var handleKeyDown = function handleKeyDown(event) {
     event.preventDefault();
     var newScrollY = scrollY;
@@ -3373,20 +3424,7 @@ var Gantt = function Gantt(_ref) {
     taskLabelRenderer: taskLabelRenderer,
     onMultiSelect: onMultiSelect
   };
-  return React__default.createElement("div", null, hasCircularDeps && localStorage.getItem('hideCircularDepsAlert') !== 'true' && React__default.createElement("div", {
-    id: "alert-container",
-    className: styles$9.alertContainer + " " + styles$9.warning
-  }, React__default.createElement("input", {
-    type: "checkbox",
-    id: "alert-dismiss",
-    className: styles$9.alertDismissCheckbox,
-    onChange: hideAlert
-  }), React__default.createElement("label", {
-    htmlFor: "alert-dismiss",
-    className: styles$9.alertCloseButton
-  }, "\xD7"), React__default.createElement("div", {
-    className: styles$9.alertContent
-  }, React__default.createElement("p", null, "Critical path could not be displayed due to circular dependencies"))), React__default.createElement("div", {
+  return React__default.createElement("div", null, React__default.createElement("div", {
     className: styles$9.wrapper,
     onKeyDown: handleKeyDown,
     tabIndex: 0,