gantt-lib 0.115.2 → 0.116.0

package/dist/index.d.mts

@@ -593,6 +593,8 @@ interface TaskChartSharedProps<TTask extends Task = Task> {
     onToggleCollapse?: (parentId: string) => void;
     /** Task IDs to highlight in the task list (for search results) */
     highlightedTaskIds?: Set<string>;
+    /** Fill parent rows with background in the task list. Defaults to enabled in plan-fact mode only. */
+    fillParentRowsInTaskList?: boolean;
     /** Enable a leading checkbox column for multi-selecting task rows (default: false) */
     enableTaskMultiSelect?: boolean;
     /** Controlled selected task IDs for multi-select mode */
@@ -963,6 +965,8 @@ interface TaskListProps {
     businessDays?: boolean;
     /** Task IDs highlighted by the active filter */
     highlightedTaskIds?: Set<string>;
+    /** Fill parent rows with background in task list */
+    fillParentRows?: boolean;
     /** Enable a leading checkbox column for multi-selecting task rows (default: false) */
     enableTaskMultiSelect?: boolean;
     /** Controlled selected task IDs for multi-select mode */

package/dist/index.d.ts

@@ -593,6 +593,8 @@ interface TaskChartSharedProps<TTask extends Task = Task> {
     onToggleCollapse?: (parentId: string) => void;
     /** Task IDs to highlight in the task list (for search results) */
     highlightedTaskIds?: Set<string>;
+    /** Fill parent rows with background in the task list. Defaults to enabled in plan-fact mode only. */
+    fillParentRowsInTaskList?: boolean;
     /** Enable a leading checkbox column for multi-selecting task rows (default: false) */
     enableTaskMultiSelect?: boolean;
     /** Controlled selected task IDs for multi-select mode */
@@ -963,6 +965,8 @@ interface TaskListProps {
     businessDays?: boolean;
     /** Task IDs highlighted by the active filter */
     highlightedTaskIds?: Set<string>;
+    /** Fill parent rows with background in task list */
+    fillParentRows?: boolean;
     /** Enable a leading checkbox column for multi-selecting task rows (default: false) */
     enableTaskMultiSelect?: boolean;
     /** Controlled selected task IDs for multi-select mode */

package/dist/index.js

@@ -5096,7 +5096,7 @@ var areTaskListRowPropsEqual = (prevProps, nextProps) => {
   const nextPickingTask = nextProps.selectingPredecessorFor === nextTask.id;
   const prevAnyPicking = prevProps.selectingPredecessorFor != null;
   const nextAnyPicking = nextProps.selectingPredecessorFor != null;
-  return prevTaskUnchanged && prevProps.rowIndex === nextProps.rowIndex && prevProps.taskNumber === nextProps.taskNumber && prevProps.taskNumberMap === nextProps.taskNumberMap && prevProps.rowHeight === nextProps.rowHeight && prevIsSelected === nextIsSelected && prevProps.disableTaskNameEditing === nextProps.disableTaskNameEditing && prevProps.disableDependencyEditing === nextProps.disableDependencyEditing && prevProps.allTasks === nextProps.allTasks && prevProps.activeLinkType === nextProps.activeLinkType && prevProps.dependencyPickMode === nextProps.dependencyPickMode && prevPickingTask === nextPickingTask && prevAnyPicking === nextAnyPicking && resolveSelectedChipRole(prevProps) === resolveSelectedChipRole(nextProps) && prevIsEditingTask === nextIsEditingTask && prevProps.isDragging === nextProps.isDragging && prevProps.isDragOver === nextProps.isDragOver && prevProps.dragOverPlacement === nextProps.dragOverPlacement && prevProps.isNestedDropTarget === nextProps.isNestedDropTarget && prevProps.isDirectChildDropTarget === nextProps.isDirectChildDropTarget && prevCollapsed === nextCollapsed && prevProps.canDemoteTask === nextProps.canDemoteTask && prevProps.isLastChild === nextProps.isLastChild && prevProps.nestingDepth === nextProps.nestingDepth && prevProps.hasVisibleChildren === nextProps.hasVisibleChildren && prevProps.ancestorLineModes === nextProps.ancestorLineModes && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.businessDays === nextProps.businessDays && prevProps.defaultTaskDurationDays === nextProps.defaultTaskDurationDays && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.isFilterHideMode === nextProps.isFilterHideMode && prevProps.resolvedColumns === nextProps.resolvedColumns && prevProps.isTaskSelected === nextProps.isTaskSelected && resolveActiveCustomCellForRow(prevProps) === resolveActiveCustomCellForRow(nextProps) && prevProps.taskListMenuCommands === nextProps.taskListMenuCommands && prevProps.hideTaskListRowActions === nextProps.hideTaskListRowActions && prevProps.rowClassName === nextProps.rowClassName && prevProps.taskDateChangeMode === nextProps.taskDateChangeMode;
+  return prevTaskUnchanged && prevProps.rowIndex === nextProps.rowIndex && prevProps.taskNumber === nextProps.taskNumber && prevProps.taskNumberMap === nextProps.taskNumberMap && prevProps.rowHeight === nextProps.rowHeight && prevIsSelected === nextIsSelected && prevProps.disableTaskNameEditing === nextProps.disableTaskNameEditing && prevProps.disableDependencyEditing === nextProps.disableDependencyEditing && prevProps.allTasks === nextProps.allTasks && prevProps.activeLinkType === nextProps.activeLinkType && prevProps.dependencyPickMode === nextProps.dependencyPickMode && prevPickingTask === nextPickingTask && prevAnyPicking === nextAnyPicking && resolveSelectedChipRole(prevProps) === resolveSelectedChipRole(nextProps) && prevIsEditingTask === nextIsEditingTask && prevProps.isDragging === nextProps.isDragging && prevProps.isDragOver === nextProps.isDragOver && prevProps.dragOverPlacement === nextProps.dragOverPlacement && prevProps.isNestedDropTarget === nextProps.isNestedDropTarget && prevProps.isDirectChildDropTarget === nextProps.isDirectChildDropTarget && prevCollapsed === nextCollapsed && prevProps.canDemoteTask === nextProps.canDemoteTask && prevProps.isLastChild === nextProps.isLastChild && prevProps.nestingDepth === nextProps.nestingDepth && prevProps.hasVisibleChildren === nextProps.hasVisibleChildren && prevProps.ancestorLineModes === nextProps.ancestorLineModes && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.fillParentRow === nextProps.fillParentRow && prevProps.businessDays === nextProps.businessDays && prevProps.defaultTaskDurationDays === nextProps.defaultTaskDurationDays && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.isFilterHideMode === nextProps.isFilterHideMode && prevProps.resolvedColumns === nextProps.resolvedColumns && prevProps.isTaskSelected === nextProps.isTaskSelected && resolveActiveCustomCellForRow(prevProps) === resolveActiveCustomCellForRow(nextProps) && prevProps.taskListMenuCommands === nextProps.taskListMenuCommands && prevProps.hideTaskListRowActions === nextProps.hideTaskListRowActions && prevProps.rowClassName === nextProps.rowClassName && prevProps.taskDateChangeMode === nextProps.taskDateChangeMode;
 };
 var TaskListRow = import_react11.default.memo(
   ({
@@ -5148,6 +5148,7 @@ var TaskListRow = import_react11.default.memo(
     ancestorLineModes = [],
     customDays,
     isWeekend: isWeekend3,
+    fillParentRow = false,
     businessDays,
     defaultTaskDurationDays = DEFAULT_TASK_DURATION_DAYS,
     isFilterMatch = false,
@@ -6829,6 +6830,7 @@ var TaskListRow = import_react11.default.memo(
           isDragOver && isDirectChildDropTarget ? "gantt-tl-row-drag-over-direct-child" : "",
           isChild ? "gantt-tl-row-child" : "",
           isParent ? "gantt-tl-row-parent" : "",
+          isParent && fillParentRow ? "gantt-tl-row-parent-filled" : "",
           `gantt-tl-row-level-${rowFillLevel}`,
           isTotalRow ? "gantt-tl-row-total" : "",
           rowClassName ?? ""
@@ -7312,6 +7314,7 @@ var TaskList = ({
   isWeekend: isWeekend3,
   businessDays,
   highlightedTaskIds = /* @__PURE__ */ new Set(),
+  fillParentRows = false,
   enableTaskMultiSelect = false,
   selectedTaskIds,
   onSelectedTaskIdsChange,
@@ -8248,6 +8251,7 @@ var TaskList = ({
                         ancestorLineModes: ancestorLineModesMap.get(task.id) ?? [],
                         customDays,
                         isWeekend: isWeekend3,
+                        fillParentRow: fillParentRows,
                         businessDays,
                         defaultTaskDurationDays,
                         isFilterMatch: filterMode === "highlight" ? highlightedTaskIds.has(task.id) : false,
@@ -12128,6 +12132,7 @@ function TaskGanttChartInner(props, ref) {
     collapsedParentIds: externalCollapsedParentIds,
     onToggleCollapse: externalOnToggleCollapse,
     highlightedTaskIds,
+    fillParentRowsInTaskList,
     enableTaskMultiSelect = false,
     selectedTaskIds,
     onSelectedTaskIdsChange,
@@ -12180,6 +12185,7 @@ function TaskGanttChartInner(props, ref) {
   const taskDateChangeMode = externalTaskDateChangeMode ?? internalTaskDateChangeMode;
   const handleTaskDateChangeMode = externalOnTaskDateChangeModeChange ?? setInternalTaskDateChangeMode;
   const resolvedRowContentLines = isPlanFactMode ? Math.max(2, Math.floor(rowContentLines)) : Math.max(1, Math.floor(rowContentLines));
+  const shouldFillParentRowsInTaskList = fillParentRowsInTaskList ?? isPlanFactMode;
   const effectiveRowHeight = (0, import_react18.useMemo)(
     () => Math.max(rowHeight, 10 + resolvedRowContentLines * 18),
     [resolvedRowContentLines, rowHeight]
@@ -12989,6 +12995,7 @@ function TaskGanttChartInner(props, ref) {
                     onDemoteTask: onDemoteTask ?? handleDemoteTask,
                     onUngroupTask: onUngroupTask ?? handleUngroupTask,
                     highlightedTaskIds: taskListHighlightedTaskIds,
+                    fillParentRows: shouldFillParentRowsInTaskList,
                     enableTaskMultiSelect,
                     selectedTaskIds,
                     onSelectedTaskIdsChange,