gantt-lib 0.117.2 → 0.118.0

package/dist/index.d.mts

@@ -593,8 +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;
+    /** Fill parent rows with background in the task list. Accepts a boolean for all parent rows or a predicate for selective fill. Defaults to enabled in plan-fact mode only. */
+    fillParentRowsInTaskList?: boolean | ((task: TTask) => boolean);
     /** Enable a leading checkbox column for multi-selecting task rows (default: false) */
     enableTaskMultiSelect?: boolean;
     /** Controlled selected task IDs for multi-select mode */
@@ -621,6 +621,8 @@ interface TaskChartSharedProps<TTask extends Task = Task> {
     hideTaskListRowActions?: boolean;
     /** Returns an extra CSS class name for a TaskList row. */
     getTaskListRowClassName?: (task: TTask) => string | undefined;
+    /** Optional icon rendered before the task name inside TaskList rows. */
+    getTaskListNamePrefixIcon?: (task: TTask) => React$1.ReactNode;
     /** Global number of text lines the row height should accommodate in table-like presentations. */
     rowContentLines?: number;
     /** How task-list date pickers apply start/end edits (default: preserve-duration) */
@@ -966,7 +968,7 @@ interface TaskListProps {
     /** Task IDs highlighted by the active filter */
     highlightedTaskIds?: Set<string>;
     /** Fill parent rows with background in task list */
-    fillParentRows?: boolean;
+    fillParentRows?: boolean | ((task: Task) => boolean);
     /** Enable a leading checkbox column for multi-selecting task rows (default: false) */
     enableTaskMultiSelect?: boolean;
     /** Controlled selected task IDs for multi-select mode */
@@ -993,6 +995,8 @@ interface TaskListProps {
     hideTaskListRowActions?: boolean;
     /** Returns an extra CSS class name for a TaskList row. */
     getTaskListRowClassName?: (task: Task) => string | undefined;
+    /** Optional icon rendered before the task name inside TaskList rows. */
+    getTaskListNamePrefixIcon?: (task: Task) => React$1.ReactNode;
     /** Global number of visible content lines used to size every row consistently. */
     rowContentLines?: number;
     /** Optional minimum height for the data body area below the sticky header. */

package/dist/index.d.ts

@@ -593,8 +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;
+    /** Fill parent rows with background in the task list. Accepts a boolean for all parent rows or a predicate for selective fill. Defaults to enabled in plan-fact mode only. */
+    fillParentRowsInTaskList?: boolean | ((task: TTask) => boolean);
     /** Enable a leading checkbox column for multi-selecting task rows (default: false) */
     enableTaskMultiSelect?: boolean;
     /** Controlled selected task IDs for multi-select mode */
@@ -621,6 +621,8 @@ interface TaskChartSharedProps<TTask extends Task = Task> {
     hideTaskListRowActions?: boolean;
     /** Returns an extra CSS class name for a TaskList row. */
     getTaskListRowClassName?: (task: TTask) => string | undefined;
+    /** Optional icon rendered before the task name inside TaskList rows. */
+    getTaskListNamePrefixIcon?: (task: TTask) => React$1.ReactNode;
     /** Global number of text lines the row height should accommodate in table-like presentations. */
     rowContentLines?: number;
     /** How task-list date pickers apply start/end edits (default: preserve-duration) */
@@ -966,7 +968,7 @@ interface TaskListProps {
     /** Task IDs highlighted by the active filter */
     highlightedTaskIds?: Set<string>;
     /** Fill parent rows with background in task list */
-    fillParentRows?: boolean;
+    fillParentRows?: boolean | ((task: Task) => boolean);
     /** Enable a leading checkbox column for multi-selecting task rows (default: false) */
     enableTaskMultiSelect?: boolean;
     /** Controlled selected task IDs for multi-select mode */
@@ -993,6 +995,8 @@ interface TaskListProps {
     hideTaskListRowActions?: boolean;
     /** Returns an extra CSS class name for a TaskList row. */
     getTaskListRowClassName?: (task: Task) => string | undefined;
+    /** Optional icon rendered before the task name inside TaskList rows. */
+    getTaskListNamePrefixIcon?: (task: Task) => React$1.ReactNode;
     /** Global number of visible content lines used to size every row consistently. */
     rowContentLines?: number;
     /** Optional minimum height for the data body area below the sticky header. */

package/dist/index.js

@@ -5111,7 +5111,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.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;
+  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.getTaskListNamePrefixIcon === nextProps.getTaskListNamePrefixIcon && prevProps.taskDateChangeMode === nextProps.taskDateChangeMode;
 };
 var TaskListRow = import_react11.default.memo(
   ({
@@ -5176,6 +5176,7 @@ var TaskListRow = import_react11.default.memo(
     taskListMenuCommands = [],
     hideTaskListRowActions = false,
     rowClassName,
+    getTaskListNamePrefixIcon,
     taskDateChangeMode = "preserve-duration",
     onTaskDateChangeModeChange
   }) => {
@@ -5184,6 +5185,7 @@ var TaskListRow = import_react11.default.memo(
     const editingName = editingColumnId === "name";
     const editingDuration = editingColumnId === "duration";
     const editingProgress = editingColumnId === "progress";
+    const taskListNamePrefixIcon = getTaskListNamePrefixIcon?.(task) ?? null;
     const columnWidthStyleMap = (0, import_react11.useMemo)(() => {
       return new Map(
         (resolvedColumns ?? []).map((column) => {
@@ -6216,7 +6218,7 @@ var TaskListRow = import_react11.default.memo(
           style: { paddingLeft: nameInputPaddingLeft },
           onClick: (e) => e.stopPropagation()
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
         "button",
         {
           type: "button",
@@ -6231,7 +6233,10 @@ var TaskListRow = import_react11.default.memo(
             paddingLeft: nameTriggerPaddingLeft,
             paddingRight: task.color ? "20px" : void 0
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "gantt-tl-name-trigger-text", children: task.name })
+          children: [
+            taskListNamePrefixIcon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "gantt-tl-name-trigger-icon", "aria-hidden": "true", children: taskListNamePrefixIcon }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "gantt-tl-name-trigger-text", children: task.name })
+          ]
         }
       ),
       !editingName && task.color && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -7345,6 +7350,7 @@ var TaskList = ({
   taskListMenuCommands,
   hideTaskListRowActions = false,
   getTaskListRowClassName,
+  getTaskListNamePrefixIcon,
   rowContentLines = 1,
   bodyMinHeight,
   taskDateChangeMode = "preserve-duration",
@@ -8268,7 +8274,7 @@ var TaskList = ({
                         ancestorLineModes: ancestorLineModesMap.get(task.id) ?? [],
                         customDays,
                         isWeekend: isWeekend3,
-                        fillParentRow: fillParentRows,
+                        fillParentRow: typeof fillParentRows === "function" ? fillParentRows(task) : fillParentRows,
                         businessDays,
                         defaultTaskDurationDays,
                         isFilterMatch: filterMode === "highlight" ? highlightedTaskIds.has(task.id) : false,
@@ -8281,6 +8287,7 @@ var TaskList = ({
                         taskListMenuCommands,
                         hideTaskListRowActions,
                         rowClassName: getTaskListRowClassName?.(task),
+                        getTaskListNamePrefixIcon,
                         taskDateChangeMode,
                         onTaskDateChangeModeChange
                       }
@@ -12174,6 +12181,7 @@ function TaskGanttChartInner(props, ref) {
     taskListMenuCommands,
     hideTaskListRowActions = false,
     getTaskListRowClassName,
+    getTaskListNamePrefixIcon,
     rowContentLines = 1,
     taskDateChangeMode: externalTaskDateChangeMode,
     onTaskDateChangeModeChange: externalOnTaskDateChangeModeChange
@@ -13040,6 +13048,7 @@ function TaskGanttChartInner(props, ref) {
                     taskListMenuCommands,
                     hideTaskListRowActions,
                     getTaskListRowClassName,
+                    getTaskListNamePrefixIcon,
                     rowContentLines: resolvedRowContentLines,
                     bodyMinHeight: tableBodyMinHeight,
                     taskDateChangeMode,