gantt-lib 0.115.2 → 0.117.0

package/dist/index.mjs

@@ -4977,7 +4977,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 = React10.memo(
   ({
@@ -5029,6 +5029,7 @@ var TaskListRow = React10.memo(
     ancestorLineModes = [],
     customDays,
     isWeekend: isWeekend3,
+    fillParentRow = false,
     businessDays,
     defaultTaskDurationDays = DEFAULT_TASK_DURATION_DAYS,
     isFilterMatch = false,
@@ -6426,6 +6427,7 @@ var TaskListRow = React10.memo(
           /* @__PURE__ */ jsx13(
             "span",
             {
+              className: "gantt-tl-duration-display",
               style: editingDuration ? { visibility: "hidden", pointerEvents: "none" } : void 0,
               children: isMilestone ? "\u25C6" : `${getDuration(normalizedTask.startDate, normalizedTask.endDate)}\u0434`
             }
@@ -6519,6 +6521,7 @@ var TaskListRow = React10.memo(
           /* @__PURE__ */ jsx13(
             "span",
             {
+              className: "gantt-tl-progress-display",
               style: editingProgress ? { visibility: "hidden", pointerEvents: "none" } : task.progress === 100 ? {
                 backgroundColor: "#17c864",
                 borderRadius: "4px",
@@ -6710,6 +6713,7 @@ var TaskListRow = React10.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 ?? ""
@@ -7193,6 +7197,7 @@ var TaskList = ({
   isWeekend: isWeekend3,
   businessDays,
   highlightedTaskIds = /* @__PURE__ */ new Set(),
+  fillParentRows = false,
   enableTaskMultiSelect = false,
   selectedTaskIds,
   onSelectedTaskIdsChange,
@@ -8129,6 +8134,7 @@ var TaskList = ({
                         ancestorLineModes: ancestorLineModesMap.get(task.id) ?? [],
                         customDays,
                         isWeekend: isWeekend3,
+                        fillParentRow: fillParentRows,
                         businessDays,
                         defaultTaskDurationDays,
                         isFilterMatch: filterMode === "highlight" ? highlightedTaskIds.has(task.id) : false,
@@ -9227,6 +9233,7 @@ function ResourceTimelineChart({
   disableResourceReassignment,
   renderItem,
   getItemClassName,
+  resourceItemTooltipLines = 1,
   onResourceItemClick,
   onResourceItemMenuClick,
   activeResourceItemId,
@@ -9982,12 +9989,15 @@ function ResourceTimelineChart({
                           durationDays: durationValue,
                           isDragging: isDraggingItem
                         };
+                        const tooltipFirstLine = layoutItem.item.tooltip?.firstLine ?? layoutItem.item.title;
+                        const tooltipSecondLine = resourceItemTooltipLines === 2 ? layoutItem.item.tooltip?.secondLine ?? layoutItem.item.subtitle : void 0;
+                        const tooltipSecondLineIcon = layoutItem.item.tooltip?.secondLineIcon;
                         return /* @__PURE__ */ jsxs12(
                           "div",
                           {
                             className,
                             "data-resource-item-id": layoutItem.itemId,
-                            "data-resource-item-tooltip": layoutItem.item.title,
+                            "data-resource-item-tooltip": typeof tooltipFirstLine === "string" ? tooltipFirstLine : layoutItem.item.title,
                             onMouseDown: (event) => startDrag(event, layoutItem),
                             onClick: () => onResourceItemClick?.(layoutItem.item),
                             onKeyDown: (event) => {
@@ -10067,7 +10077,14 @@ function ResourceTimelineChart({
                                   /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title })
                                 ] }),
                                 layoutItem.item.subtitle && /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle })
-                              ] }) })
+                              ] }) }),
+                              /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-itemTooltip", role: "tooltip", children: [
+                                /* @__PURE__ */ jsx16("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLinePrimary", children: tooltipFirstLine }),
+                                tooltipSecondLine && /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLineSecondary", children: [
+                                  tooltipSecondLineIcon && /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-itemTooltipIcon", "aria-hidden": "true", children: tooltipSecondLineIcon }),
+                                  /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-itemTooltipText", children: tooltipSecondLine })
+                                ] })
+                              ] })
                             ]
                           },
                           layoutItem.itemId
@@ -12009,6 +12026,7 @@ function TaskGanttChartInner(props, ref) {
     collapsedParentIds: externalCollapsedParentIds,
     onToggleCollapse: externalOnToggleCollapse,
     highlightedTaskIds,
+    fillParentRowsInTaskList,
     enableTaskMultiSelect = false,
     selectedTaskIds,
     onSelectedTaskIdsChange,
@@ -12061,6 +12079,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 = useMemo13(
     () => Math.max(rowHeight, 10 + resolvedRowContentLines * 18),
     [resolvedRowContentLines, rowHeight]
@@ -12870,6 +12889,7 @@ function TaskGanttChartInner(props, ref) {
                     onDemoteTask: onDemoteTask ?? handleDemoteTask,
                     onUngroupTask: onUngroupTask ?? handleUngroupTask,
                     highlightedTaskIds: taskListHighlightedTaskIds,
+                    fillParentRows: shouldFillParentRowsInTaskList,
                     enableTaskMultiSelect,
                     selectedTaskIds,
                     onSelectedTaskIdsChange,