gantt-lib 0.124.1 → 0.125.0

package/dist/index.mjs

@@ -3032,7 +3032,8 @@ var TaskRow = React2.memo(
       }
       return calculateTaskBar(baselineStartDate, baselineEndDate, monthStart, dayWidth);
     }, [baselineStartDate, baselineEndDate, milestone, monthStart, dayWidth]);
-    const barColor = isExpired ? "var(--gantt-expired-color)" : task.color || "var(--gantt-task-bar-default-color)";
+    const criticalBarColor = "var(--gantt-critical-path-color, #dc2626)";
+    const barColor = isExpired ? "var(--gantt-expired-color)" : isCritical ? criticalBarColor : task.color || "var(--gantt-task-bar-default-color)";
     const progressWidth = useMemo2(() => {
       if (task.progress === void 0 || task.progress <= 0) return 0;
       return Math.min(100, Math.max(0, Math.round(task.progress)));
@@ -3041,21 +3042,31 @@ var TaskRow = React2.memo(
       if (isExpired) {
         return "color-mix(in srgb, var(--gantt-expired-color) 40%, black)";
       }
+      if (isCritical) {
+        return `color-mix(in srgb, ${criticalBarColor} 40%, black)`;
+      }
       if (progressWidth === 100) {
         return task.accepted ? "var(--gantt-progress-accepted, #22c55e)" : "var(--gantt-progress-completed, #fbbf24)";
       }
       const baseColor = task.color || "var(--gantt-task-bar-default-color)";
       return `color-mix(in srgb, ${baseColor} 40%, black)`;
-    }, [isExpired, progressWidth, task.accepted, task.color]);
+    }, [isCritical, isExpired, progressWidth, task.accepted, task.color]);
     const externalTaskNameColor = useMemo2(() => {
       if (isExpired) {
         return "color-mix(in srgb, var(--gantt-expired-color) 40%, black)";
       }
       const baseColor = isParent ? task.color || defaultParentBarColor : task.color || "var(--gantt-task-bar-default-color)";
       return `color-mix(in srgb, ${baseColor} 40%, black)`;
-    }, [defaultParentBarColor, isExpired, isParent, task.color]);
+    }, [defaultParentBarColor, isCritical, isExpired, isParent, task.color]);
     const barStyle = useMemo2(() => {
       const parentBarColor = task.color || defaultParentBarColor;
+      if (isCritical && !isExpired) {
+        const c = criticalBarColor;
+        if (isParent) {
+          return { backgroundColor: c, "--gantt-parent-bar-color": c };
+        }
+        return { backgroundColor: c };
+      }
       if (isParent) {
         if (progressWidth >= 100) {
           const c = isExpired ? "color-mix(in srgb, var(--gantt-expired-color) 40%, black)" : `color-mix(in srgb, ${parentBarColor} 40%, black)`;
@@ -3067,7 +3078,7 @@ var TaskRow = React2.memo(
         return { backgroundColor: progressColor };
       }
       return { backgroundColor: barColor };
-    }, [defaultParentBarColor, isExpired, isParent, progressWidth, barColor, progressColor, task.color]);
+    }, [isCritical, defaultParentBarColor, isExpired, isParent, progressWidth, barColor, progressColor, task.color]);
     const handleDragEnd = (result) => {
       const updatedTask = {
         ...normalizedTask,
@@ -3646,6 +3657,7 @@ var DependencyLines = React6.memo(({
       for (const task of allTasks) {
         if (positions.has(task.id)) continue;
         if (collapsedParentIds.size > 0 && isTaskHidden(task.id, collapsedParentIds, taskMap)) continue;
+        if (rowIndexByTaskId && !rowIndexByTaskId.has(task.id)) continue;
         hidden.add(task.id);
         const override = dragOverrides?.get(task.id);
         const computed = resolveTaskHorizontalGeometry(task, monthStart, dayWidth, override);
@@ -7582,6 +7594,8 @@ var TaskList = ({
   filterMode = "highlight",
   filteredTaskIds = /* @__PURE__ */ new Set(),
   isFilterActive = false,
+  criticalPathMode,
+  criticalTaskIds,
   additionalColumns,
   hiddenTaskListColumns,
   taskListColumnWidths,
@@ -7642,8 +7656,11 @@ var TaskList = ({
     if (filterMode === "hide" && isFilterActive) {
       tasks2 = tasks2.filter((task) => filteredTaskIds.has(task.id));
     }
+    if (criticalPathMode === "hide" && criticalTaskIds) {
+      tasks2 = tasks2.filter((task) => criticalTaskIds.has(task.id));
+    }
     return tasks2;
-  }, [orderedTasks, collapsedParentIds, filterMode, filteredTaskIds, isFilterActive]);
+  }, [orderedTasks, collapsedParentIds, filterMode, filteredTaskIds, isFilterActive, criticalPathMode, criticalTaskIds]);
   const totalHeight = useMemo9(
     () => visibleTasks.length * rowHeight,
     [visibleTasks.length, rowHeight]
@@ -12884,13 +12901,18 @@ function TaskGanttChartInner(props, ref) {
     if (filterMode === "hide") {
       return /* @__PURE__ */ new Set();
     }
-    if ((!highlightedTaskIds || highlightedTaskIds.size === 0) && matchedTaskIds.size === 0) {
+    const criticalHighlightMode = criticalPathMode === "highlight";
+    const hasExternalHighlights = !!highlightedTaskIds && highlightedTaskIds.size > 0;
+    if (!hasExternalHighlights && matchedTaskIds.size === 0 && !criticalHighlightMode) {
       return /* @__PURE__ */ new Set();
     }
     const mergedHighlightedTaskIds = new Set(highlightedTaskIds ?? []);
     matchedTaskIds.forEach((taskId) => mergedHighlightedTaskIds.add(taskId));
+    if (criticalHighlightMode) {
+      criticalTaskIds.forEach((taskId) => mergedHighlightedTaskIds.add(taskId));
+    }
     return mergedHighlightedTaskIds;
-  }, [filterMode, highlightedTaskIds, matchedTaskIds]);
+  }, [filterMode, highlightedTaskIds, matchedTaskIds, criticalPathMode, criticalTaskIds]);
   const totalGridHeight = useMemo13(
     () => visibleTasks.length * effectiveRowHeight,
     [effectiveRowHeight, visibleTasks.length]
@@ -13644,6 +13666,8 @@ function TaskGanttChartInner(props, ref) {
                     filterMode,
                     filteredTaskIds: matchedTaskIds,
                     isFilterActive: !!taskFilter,
+                    criticalPathMode,
+                    criticalTaskIds: criticalPathMode === "hide" ? criticalTaskIds : void 0,
                     additionalColumns,
                     hiddenTaskListColumns,
                     taskListColumnWidths,
@@ -13883,7 +13907,7 @@ function TaskGanttChartInner(props, ref) {
                                     onCascade: handleCascade,
                                     highlightExpiredTasks,
                                     showBaseline,
-                                    isFilterMatch: filterMode === "highlight" ? matchedTaskIds.has(task.id) : false,
+                                    isFilterMatch: (filterMode === "highlight" ? matchedTaskIds.has(task.id) : false) || (criticalPathMode === "highlight" ? criticalTaskIds.has(task.id) : false),
                                     isCritical: criticalTaskIds.has(task.id),
                                     businessDays,
                                     customDays,