gantt-task-react-powern 0.4.98 → 0.5.3

package/dist/components/gantt/gantt.d.ts

@@ -6,3 +6,4 @@ export declare function getCriticalPaths(leafTasks: Task[]): any[][];
 export declare function computeCriticalPath(taskID: string, taskMap: {}): void;
 export declare function uncolorAll(tasks: Task[]): void;
 export declare function colorPath(path: Task[], color: string, tasks: Task[], criticalPathType: string): void;
+export declare const getParentWbs: (wbs: string) => string | undefined;

package/dist/index.js

@@ -433,6 +433,18 @@ var TaskListTableDefault = function TaskListTableDefault(_ref) {
       return t.id;
     }));
   }, [leafTasks]);
+
+  var hasSelectedAncestor = function hasSelectedAncestor(taskId, selectedSet, allTasks) {
+    var task = allTasks.find(function (t) {
+      return t.id === taskId;
+    });
+    if (!task) return false;
+    var parentWbs = getParentWbs(task.id);
+    if (!parentWbs) return false;
+    if (selectedSet.has(parentWbs)) return true;
+    return hasSelectedAncestor(parentWbs, selectedSet, allTasks);
+  };
+
   return React__default.createElement("div", {
     className: styles$1.taskListWrapper,
     style: {
@@ -451,6 +463,7 @@ var TaskListTableDefault = function TaskListTableDefault(_ref) {
     }
 
     var isSelected = selectedTasks.includes(t.id);
+    var isAncestorSelected = hasSelectedAncestor(t.id, new Set(selectedTasks), tasks);
     return React__default.createElement("div", {
       className: t.type === "milestone" ? styles$1.taskListMilestoneRow : scheduleType === "lookAhead" ? styles$1.taskListLookAheadRow : styles$1.taskListTableRow,
       style: {
@@ -476,6 +489,7 @@ var TaskListTableDefault = function TaskListTableDefault(_ref) {
     }, React__default.createElement("input", {
       type: "checkbox",
       checked: isSelected,
+      disabled: isAncestorSelected,
       onChange: function onChange(e) {
         return onTaskSelect(t.id, e.target.checked);
       }
@@ -740,7 +754,12 @@ var TaskList = function TaskList(_ref) {
       selectedTasks = _useState[0],
       setSelectedTasks = _useState[1];
 
+  var _useState2 = React.useState([]),
+      pendingTaskSelect = _useState2[0],
+      setPendingTaskSelect = _useState2[1];
+
   var prevSelectedTasksRef = React.useRef([]);
+  var expandedTasks = React.useRef([]);
   React.useEffect(function () {
     if (horizontalContainerRef.current) {
       horizontalContainerRef.current.scrollTop = scrollY;
@@ -755,28 +774,116 @@ var TaskList = function TaskList(_ref) {
       onMultiSelect(selectedTaskObjects);
     }
   }, [selectedTasks, tasks, onMultiSelect]);
+  React.useEffect(function () {
+    if (pendingTaskSelect.length === 0) return;
+    var newSelected = new Set(selectedTasks);
+    pendingTaskSelect.forEach(function (_ref2) {
+      var taskId = _ref2.taskId,
+          selected = _ref2.selected;
+
+      if (selected) {
+        recursiveOpen(taskId, tasks);
+        var descendants = getDescendants(taskId, tasks);
+        newSelected.add(taskId);
+        descendants.forEach(function (d) {
+          return newSelected.add(d);
+        });
+      } else {
+        var _descendants = getDescendants(taskId, tasks);
 
-  var handleTaskSelect = function handleTaskSelect(taskId, selected) {
-    if (selected) {
-      setSelectedTasks(function (prev) {
-        return [].concat(prev, [taskId]);
-      });
-    } else {
-      setSelectedTasks(function (prev) {
-        return prev.filter(function (id) {
-          return id !== taskId;
+        newSelected["delete"](taskId);
+
+        _descendants.forEach(function (d) {
+          return newSelected["delete"](d);
         });
+      }
+    });
+    setSelectedTasks(Array.from(newSelected));
+    setPendingTaskSelect([]);
+  }, [pendingTaskSelect]);
+  React.useEffect(function () {
+    expandedTasks.current = expandedTasks.current.filter(function (id) {
+      var t = tasks.find(function (task) {
+        return task.id === id;
       });
+      return t && !t.hideChildren;
+    });
+    if (selectedTasks.length === 0) return;
+    var newSelected = new Set();
+    selectedTasks.forEach(function (taskId) {
+      if (tasks.find(function (t) {
+        return t.id === taskId;
+      })) {
+        recursiveOpen(taskId, tasks);
+        newSelected.add(taskId);
+        var descendants = getDescendants(taskId, tasks);
+        descendants.forEach(function (d) {
+          return newSelected.add(d);
+        });
+      }
+    });
+    var newSelectedArray = Array.from(newSelected);
+
+    if (JSON.stringify(newSelectedArray) !== JSON.stringify(selectedTasks)) {
+      setSelectedTasks(newSelectedArray);
     }
+  }, [tasks.length]);
+
+  var getDescendants = function getDescendants(taskId, allTasks) {
+    var task = allTasks.find(function (t) {
+      return t.id === taskId;
+    });
+    if (!task) return [];
+    var children = allTasks.filter(function (t) {
+      return getParentWbs(t.id) === taskId;
+    });
+    return children.flatMap(function (child) {
+      return [child.id].concat(getDescendants(child.id, allTasks));
+    });
+  };
+
+  var recursiveOpen = function recursiveOpen(taskId, allTasks) {
+    var task = allTasks.find(function (t) {
+      return t.id === taskId;
+    });
+    if (!task) return;
+
+    if (!expandedTasks.current.includes(taskId) && task.hideChildren) {
+      onExpanderClick(task);
+      expandedTasks.current = [].concat(expandedTasks.current, [taskId]);
+    }
+
+    var children = allTasks.filter(function (t) {
+      return getParentWbs(t.id) === taskId;
+    });
+    children.forEach(function (c) {
+      return recursiveOpen(c.id, allTasks);
+    });
+  };
+
+  var handleTaskSelect = function handleTaskSelect(taskId, selected) {
+    setPendingTaskSelect(function (prev) {
+      return [].concat(prev, [{
+        taskId: taskId,
+        selected: selected
+      }]);
+    });
   };
 
   var handleSelectAll = function handleSelectAll(selected) {
     if (selected) {
-      setSelectedTasks(tasks.map(function (task) {
-        return task.id;
+      var topLevelTasks = tasks.filter(function (task) {
+        return !getParentWbs(task.id);
+      });
+      setPendingTaskSelect(topLevelTasks.map(function (task) {
+        return {
+          taskId: task.id,
+          selected: true
+        };
       }));
     } else {
       setSelectedTasks([]);
+      setPendingTaskSelect([]);
     }
   };
 
@@ -3498,6 +3605,11 @@ function colorPath(path, color, tasks, criticalPathType) {
     _loop(_i7);
   }
 }
+var getParentWbs = function getParentWbs(wbs) {
+  var segments = wbs.split('.');
+  if (segments.length <= 1) return undefined;
+  return segments.slice(0, -1).join('.');
+};
 
 exports.Gantt = Gantt;
 exports.getCriticalPaths = getCriticalPaths;