gantt-task-react-powern 0.4.80 → 0.4.82

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

@@ -442,7 +442,7 @@ var TaskListTableDefault = function TaskListTableDefault(_ref) {
   }, tasks.map(function (t) {
     var expanderSymbol = "";
 
-    if (!leafTaskIds.has(t.id)) {
+    if (!(leafTaskIds.has(t.id) || t.type === "milestone")) {
       if (t.hideChildren === false) {
         expanderSymbol = "▼";
       } else if (t.hideChildren === true) {
@@ -491,7 +491,7 @@ var TaskListTableDefault = function TaskListTableDefault(_ref) {
       style: {
         paddingLeft: t.depth * 4 + "px"
       }
-    }, !leafTaskIds.has(t.id) ? React__default.createElement("div", {
+    }, !(leafTaskIds.has(t.id) || t.type === "milestone") ? React__default.createElement("div", {
       className: styles$1.taskListExpander,
       onClick: function onClick() {
         return onExpanderClick(t);
@@ -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,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;
@@ -3175,7 +3192,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 && 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,