gantt-task-react-powern 0.4.81 → 0.4.82

package/dist/index.modern.js

@@ -2593,7 +2593,7 @@ var TaskGanttContent = function TaskGanttContent(_ref) {
   })));
 };
 
-var styles$9 = {"ganttVerticalContainer":"_CZjuD","horizontalContainer":"_2B2zv","wrapper":"_3eULf"};
+var styles$9 = {"ganttVerticalContainer":"_CZjuD","horizontalContainer":"_2B2zv","wrapper":"_3eULf","alertContainer":"_2AxB2","success":"_1a-EU","warning":"_1TP0x","error":"_2TeAI","alertDismissCheckbox":"_3cBUj","alertCloseButton":"_5jQM6"};
 
 var TaskGantt = function TaskGantt(_ref) {
   var gridProps = _ref.gridProps,
@@ -2837,6 +2837,10 @@ var Gantt = function Gantt(_ref) {
       ignoreScrollEvent = _useState12[0],
       setIgnoreScrollEvent = _useState12[1];
 
+  var _useState13 = useState(false),
+      hasCircularDeps = _useState13[0],
+      setHasCircularDeps = _useState13[1];
+
   useEffect(function () {
     if (scheduleType === "lookAhead" && startDate && endDate) {
       setDateSetup({
@@ -2885,6 +2889,10 @@ var Gantt = function Gantt(_ref) {
         primaryPath = _getCriticalPaths[0],
         secondaryPath = _getCriticalPaths[1];
 
+    if (leafTasks.length > 0 && primaryPath.length === 0 && secondaryPath.length === 0) {
+      setHasCircularDeps(true);
+    }
+
     uncolorAll(tasks);
 
     if (scheduleType !== "lookAhead") {
@@ -3026,6 +3034,15 @@ var Gantt = function Gantt(_ref) {
     }
   };
 
+  var hideAlert = function hideAlert() {
+    var checkbox = document.getElementById("alert-dismiss");
+    var alert = document.getElementById("alert-container");
+
+    if (checkbox.checked) {
+      alert.style.display = "None";
+    }
+  };
+
   var handleKeyDown = function handleKeyDown(event) {
     event.preventDefault();
     var newScrollY = scrollY;
@@ -3174,7 +3191,20 @@ var Gantt = function Gantt(_ref) {
     taskLabelRenderer: taskLabelRenderer,
     onMultiSelect: onMultiSelect
   };
-  return React.createElement("div", null, React.createElement("div", {
+  return React.createElement("div", null, hasCircularDeps && React.createElement("div", {
+    id: "alert-container",
+    className: styles$9.alertContainer + " " + styles$9.warning
+  }, React.createElement("input", {
+    type: "checkbox",
+    id: "alert-dismiss",
+    className: styles$9.alertDismissCheckbox,
+    onChange: hideAlert
+  }), React.createElement("label", {
+    htmlFor: "alert-dismiss",
+    className: styles$9.alertCloseButton
+  }, "\xD7"), React.createElement("div", {
+    className: styles$9.alertContent
+  }, React.createElement("p", null, "Critical path could not be displayed due to circular dependencies"))), React.createElement("div", {
     className: styles$9.wrapper,
     onKeyDown: handleKeyDown,
     tabIndex: 0,