@thepocman/gantt-task-react 1.0.10 → 1.0.12

package/dist/gantt-task-react.es.js

@@ -11691,14 +11691,18 @@ const Gantt = ({
     () => Math.round(taskHeight / 2),
     [taskHeight]
   );
-  console.log("rowIndexToTasksMap ------", rowIndexToTasksMap);
   const maxLevelLength = useMemo(() => {
     if (enableTaskGrouping) {
-      let totalRows = 0;
-      for (const [, rowMap] of rowIndexToTasksMap ?? /* @__PURE__ */ new Map()) {
-        totalRows += rowMap.size;
+      let totalHeightInRows = 0;
+      for (const [_, rowMap] of rowIndexToTasksMap) {
+        for (const [_2, tasksInRow] of rowMap) {
+          const maxStack = tasksInRow.length;
+          const stackedHeight = maxStack * (taskHeight + 2);
+          const rowsNeeded = Math.ceil(stackedHeight / fullRowHeight);
+          totalHeightInRows += rowsNeeded;
+        }
       }
-      return Math.max(totalRows, 1);
+      return Math.max(totalHeightInRows, 1);
     }
     let maxLength = 0;
     const countByLevel = {};
@@ -11711,14 +11715,21 @@ const Gantt = ({
         maxLength = countByLevel[comparisonLevel];
       }
     });
-    console.log("📦 Tasks per level:", countByLevel);
-    console.log("📏 maxLevelLength:", maxLength);
     return maxLength;
-  }, [visibleTasks, comparisonLevels, enableTaskGrouping, rowIndexToTasksMap]);
-  const ganttFullHeight = useMemo(
-    () => maxLevelLength * fullRowHeight,
-    [maxLevelLength, fullRowHeight]
-  );
+  }, [visibleTasks, comparisonLevels, enableTaskGrouping, rowIndexToTasksMap, fullRowHeight, taskHeight]);
+  const ganttFullHeight = useMemo(() => {
+    if (enableTaskGrouping) {
+      let totalHeight = 0;
+      for (const [, taskMap] of rowIndexToTasksMap) {
+        for (const [, tasks2] of taskMap) {
+          const stackedHeight = tasks2.length * (taskHeight + 2);
+          totalHeight += Math.max(stackedHeight, fullRowHeight);
+        }
+      }
+      return totalHeight;
+    }
+    return maxLevelLength * fullRowHeight;
+  }, [enableTaskGrouping, rowIndexToTasksMap, maxLevelLength, fullRowHeight, taskHeight]);
   const {
     checkHasCopyTasks,
     checkHasCutTasks,
@@ -11991,8 +12002,6 @@ const Gantt = ({
   };
   const handleExpanderClick = useCallback(
     (clickedTask) => {
-      console.log(`Task ${clickedTask.id} hideChildren changed from ${clickedTask.hideChildren} to ${!clickedTask.hideChildren}`);
-      console.log("Task types:", tasks.map((task) => `${task.id}: ${task.type}`));
       if (onChangeExpandState) {
         onChangeExpandState({
           ...clickedTask,

package/dist/gantt-task-react.umd.js

@@ -11704,14 +11704,18 @@
       () => Math.round(taskHeight / 2),
       [taskHeight]
     );
-    console.log("rowIndexToTasksMap ------", rowIndexToTasksMap);
     const maxLevelLength = React.useMemo(() => {
       if (enableTaskGrouping) {
-        let totalRows = 0;
-        for (const [, rowMap] of rowIndexToTasksMap ?? /* @__PURE__ */ new Map()) {
-          totalRows += rowMap.size;
+        let totalHeightInRows = 0;
+        for (const [_, rowMap] of rowIndexToTasksMap) {
+          for (const [_2, tasksInRow] of rowMap) {
+            const maxStack = tasksInRow.length;
+            const stackedHeight = maxStack * (taskHeight + 2);
+            const rowsNeeded = Math.ceil(stackedHeight / fullRowHeight);
+            totalHeightInRows += rowsNeeded;
+          }
         }
-        return Math.max(totalRows, 1);
+        return Math.max(totalHeightInRows, 1);
       }
       let maxLength = 0;
       const countByLevel = {};
@@ -11724,14 +11728,21 @@
           maxLength = countByLevel[comparisonLevel];
         }
       });
-      console.log("📦 Tasks per level:", countByLevel);
-      console.log("📏 maxLevelLength:", maxLength);
       return maxLength;
-    }, [visibleTasks, comparisonLevels, enableTaskGrouping, rowIndexToTasksMap]);
-    const ganttFullHeight = React.useMemo(
-      () => maxLevelLength * fullRowHeight,
-      [maxLevelLength, fullRowHeight]
-    );
+    }, [visibleTasks, comparisonLevels, enableTaskGrouping, rowIndexToTasksMap, fullRowHeight, taskHeight]);
+    const ganttFullHeight = React.useMemo(() => {
+      if (enableTaskGrouping) {
+        let totalHeight = 0;
+        for (const [, taskMap] of rowIndexToTasksMap) {
+          for (const [, tasks2] of taskMap) {
+            const stackedHeight = tasks2.length * (taskHeight + 2);
+            totalHeight += Math.max(stackedHeight, fullRowHeight);
+          }
+        }
+        return totalHeight;
+      }
+      return maxLevelLength * fullRowHeight;
+    }, [enableTaskGrouping, rowIndexToTasksMap, maxLevelLength, fullRowHeight, taskHeight]);
     const {
       checkHasCopyTasks,
       checkHasCutTasks,
@@ -12004,8 +12015,6 @@
     };
     const handleExpanderClick = React.useCallback(
       (clickedTask) => {
-        console.log(`Task ${clickedTask.id} hideChildren changed from ${clickedTask.hideChildren} to ${!clickedTask.hideChildren}`);
-        console.log("Task types:", tasks.map((task) => `${task.id}: ${task.type}`));
         if (onChangeExpandState) {
           onChangeExpandState({
             ...clickedTask,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thepocman/gantt-task-react",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Fork of gantt-task-react with support for grouped tasks on a single row when collapsed",
   "author": "Adrian Bueno <adrianlbueno@users.noreply.github.com>",
   "homepage": "https://github.com/adrianlbueno/gantt-task-react#readme",