gantt-task-react-powern 0.4.81 → 0.4.83

package/dist/index.css

@@ -310,6 +310,36 @@
   position: relative;
 }
 
+._2AxB2 {
+  padding: 10px;
+  margin: 5px 0px 5px 0px;
+  border-radius: 15px;
+  max-width: 50vw;
+  z-index: 1000;
+}
+
+._2AxB2._1a-EU {
+  background-color: rgba(0, 255, 0, 0.2);
+}
+
+._2AxB2._1TP0x {
+  background-color: rgba(255, 255, 0, 0.2);
+}
+
+._2AxB2._2TeAI {
+  background-color: rgba(255, 0, 0, 0.2);
+}
+
+._3cBUj {
+  display: none; /* Hide the actual checkbox */
+}
+
+._5jQM6 {
+  float: right;
+  font-size: 20px;
+  font-weight: bold;
+  cursor: pointer;
+}
 ._2k9Ys {
   overflow: auto;
   max-width: 100%;

package/dist/index.js

@@ -2594,7 +2594,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,
@@ -2838,6 +2838,10 @@ var Gantt = function Gantt(_ref) {
       ignoreScrollEvent = _useState12[0],
       setIgnoreScrollEvent = _useState12[1];
 
+  var _useState13 = React.useState(false),
+      hasCircularDeps = _useState13[0],
+      setHasCircularDeps = _useState13[1];
+
   React.useEffect(function () {
     if (scheduleType === "lookAhead" && startDate && endDate) {
       setDateSetup({
@@ -2886,6 +2890,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") {
@@ -3027,6 +3035,16 @@ 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;
@@ -3175,7 +3193,20 @@ var Gantt = function Gantt(_ref) {
     taskLabelRenderer: taskLabelRenderer,
     onMultiSelect: onMultiSelect
   };
-  return React__default.createElement("div", null, React__default.createElement("div", {
+  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", {
     className: styles$9.wrapper,
     onKeyDown: handleKeyDown,
     tabIndex: 0,