gantt-lib 0.20.0 → 0.22.0

package/dist/index.js

@@ -362,6 +362,7 @@ __export(index_exports, {
   TaskRow: () => TaskRow_default,
   TimeScaleHeader: () => TimeScaleHeader_default,
   TodayIndicator: () => TodayIndicator_default,
+  and: () => and,
   buildAdjacencyList: () => buildAdjacencyList,
   calculateBezierPath: () => calculateBezierPath,
   calculateDependencyPath: () => calculateDependencyPath,
@@ -381,6 +382,7 @@ __export(index_exports, {
   createDateKey: () => createDateKey,
   detectCycles: () => detectCycles,
   detectEdgeZone: () => detectEdgeZone,
+  expired: () => expired,
   findParentId: () => findParentId,
   flattenHierarchy: () => flattenHierarchy,
   formatDateLabel: () => formatDateLabel,
@@ -398,18 +400,25 @@ __export(index_exports, {
   getWeekBlocks: () => getWeekBlocks,
   getWeekSpans: () => getWeekSpans,
   getYearSpans: () => getYearSpans,
+  inDateRange: () => inDateRange,
+  isTaskExpired: () => isTaskExpired,
   isTaskParent: () => isTaskParent,
   isToday: () => isToday,
   isWeekend: () => isWeekend,
+  nameContains: () => nameContains,
   normalizeHierarchyTasks: () => normalizeHierarchyTasks,
   normalizeTaskDates: () => normalizeTaskDates,
+  not: () => not,
+  or: () => or,
   parseUTCDate: () => parseUTCDate,
   pixelsToDate: () => pixelsToDate,
+  progressInRange: () => progressInRange,
   recalculateIncomingLags: () => recalculateIncomingLags,
   removeDependenciesBetweenTasks: () => removeDependenciesBetweenTasks,
   universalCascade: () => universalCascade,
   useTaskDrag: () => useTaskDrag,
-  validateDependencies: () => validateDependencies
+  validateDependencies: () => validateDependencies,
+  withoutDeps: () => withoutDeps
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -566,7 +575,7 @@ function getSuccessorChain(draggedTaskId, allTasks, linkTypes = ["FS"]) {
   }
   return chain;
 }
-function cascadeByLinks(movedTaskId, newStart, newEnd, allTasks) {
+function cascadeByLinks(movedTaskId, newStart, newEnd, allTasks, skipChildCascade = false) {
   const taskById = new Map(allTasks.map((t) => [t.id, t]));
   const updatedDates = /* @__PURE__ */ new Map();
   updatedDates.set(movedTaskId, { start: newStart, end: newEnd });
@@ -576,27 +585,29 @@ function cascadeByLinks(movedTaskId, newStart, newEnd, allTasks) {
   while (queue.length > 0) {
     const currentId = queue.shift();
     const { start: predStart, end: predEnd } = updatedDates.get(currentId);
-    const children = getChildren(currentId, allTasks);
-    for (const child of children) {
-      if (visited.has(child.id) || child.locked) continue;
-      const origStart = new Date(child.startDate);
-      const origEnd = new Date(child.endDate);
-      const durationMs = origEnd.getTime() - origStart.getTime();
-      const parentOrig = taskById.get(currentId);
-      const parentOrigStart = new Date(parentOrig.startDate);
-      const parentOrigEnd = new Date(parentOrig.endDate);
-      const parentStartDelta = predStart.getTime() - parentOrigStart.getTime();
-      const parentEndDelta = predEnd.getTime() - parentOrigEnd.getTime();
-      const newChildStart = new Date(origStart.getTime() + parentStartDelta);
-      const newChildEnd = new Date(origEnd.getTime() + parentEndDelta);
-      visited.add(child.id);
-      updatedDates.set(child.id, { start: newChildStart, end: newChildEnd });
-      result.push({
-        ...child,
-        startDate: newChildStart.toISOString().split("T")[0],
-        endDate: newChildEnd.toISOString().split("T")[0]
-      });
-      queue.push(child.id);
+    if (!skipChildCascade) {
+      const children = getChildren(currentId, allTasks);
+      for (const child of children) {
+        if (visited.has(child.id) || child.locked) continue;
+        const origStart = new Date(child.startDate);
+        const origEnd = new Date(child.endDate);
+        const durationMs = origEnd.getTime() - origStart.getTime();
+        const parentOrig = taskById.get(currentId);
+        const parentOrigStart = new Date(parentOrig.startDate);
+        const parentOrigEnd = new Date(parentOrig.endDate);
+        const parentStartDelta = predStart.getTime() - parentOrigStart.getTime();
+        const parentEndDelta = predEnd.getTime() - parentOrigEnd.getTime();
+        const newChildStart = new Date(origStart.getTime() + parentStartDelta);
+        const newChildEnd = new Date(origEnd.getTime() + parentEndDelta);
+        visited.add(child.id);
+        updatedDates.set(child.id, { start: newChildStart, end: newChildEnd });
+        result.push({
+          ...child,
+          startDate: newChildStart.toISOString().split("T")[0],
+          endDate: newChildEnd.toISOString().split("T")[0]
+        });
+        queue.push(child.id);
+      }
     }
     for (const task of allTasks) {
       if (visited.has(task.id) || !task.dependencies || task.locked) continue;
@@ -1327,6 +1338,27 @@ var calculateOrthogonalPath = (from, to) => {
   return `M ${fx} ${fy} H ${tx} V ${ty}`;
 };
 
+// src/utils/expired.ts
+init_dateUtils();
+var isTaskExpired = (task, referenceDate = /* @__PURE__ */ new Date()) => {
+  if (!task) return false;
+  const actualProgress = task.progress ?? 0;
+  if (actualProgress >= 100) return false;
+  const today = new Date(Date.UTC(
+    referenceDate.getFullYear(),
+    referenceDate.getMonth(),
+    referenceDate.getDate()
+  ));
+  const taskStart = parseUTCDate(task.startDate);
+  const taskEnd = parseUTCDate(task.endDate);
+  const msPerDay = 1e3 * 60 * 60 * 24;
+  const duration = taskEnd.getTime() - taskStart.getTime() + msPerDay;
+  const elapsedFromToday = today.getTime() - taskStart.getTime();
+  const elapsed = Math.min(Math.max(0, elapsedFromToday), duration);
+  const expectedProgress = elapsed / duration * 100;
+  return actualProgress < expectedProgress;
+};
+
 // src/hooks/useTaskDrag.ts
 var import_react2 = require("react");
 var globalActiveDrag = null;
@@ -1749,10 +1781,10 @@ var useTaskDrag = (options) => {
 // src/components/TaskRow/TaskRow.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var arePropsEqual = (prevProps, nextProps) => {
-  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.color === nextProps.task.color && prevProps.task.progress === nextProps.task.progress && prevProps.task.accepted === nextProps.task.accepted && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight && prevProps.overridePosition?.left === nextProps.overridePosition?.left && prevProps.overridePosition?.width === nextProps.overridePosition?.width && prevProps.allTasks === nextProps.allTasks && prevProps.disableConstraints === nextProps.disableConstraints && prevProps.task.locked === nextProps.task.locked && prevProps.task.divider === nextProps.task.divider && prevProps.highlightExpiredTasks === nextProps.highlightExpiredTasks;
+  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.color === nextProps.task.color && prevProps.task.progress === nextProps.task.progress && prevProps.task.accepted === nextProps.task.accepted && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight && prevProps.overridePosition?.left === nextProps.overridePosition?.left && prevProps.overridePosition?.width === nextProps.overridePosition?.width && prevProps.allTasks === nextProps.allTasks && prevProps.disableConstraints === nextProps.disableConstraints && prevProps.task.locked === nextProps.task.locked && prevProps.task.divider === nextProps.task.divider && prevProps.highlightExpiredTasks === nextProps.highlightExpiredTasks && prevProps.isFilterMatch === nextProps.isFilterMatch;
 };
 var TaskRow = import_react3.default.memo(
-  ({ task, monthStart, dayWidth, rowHeight, onTasksChange, onDragStateChange, rowIndex, allTasks, enableAutoSchedule, disableConstraints, overridePosition, onCascadeProgress, onCascade, divider, highlightExpiredTasks }) => {
+  ({ task, monthStart, dayWidth, rowHeight, onTasksChange, onDragStateChange, rowIndex, allTasks, enableAutoSchedule, disableConstraints, overridePosition, onCascadeProgress, onCascade, divider, highlightExpiredTasks, isFilterMatch = false }) => {
     const { divider: taskDivider } = task;
     const taskStartDate = (0, import_react3.useMemo)(() => parseUTCDate(task.startDate), [task.startDate]);
     const taskEndDate = (0, import_react3.useMemo)(() => parseUTCDate(task.endDate), [task.endDate]);
@@ -1764,20 +1796,7 @@ var TaskRow = import_react3.default.memo(
     }, [allTasks, task.id]);
     const isExpired = (0, import_react3.useMemo)(() => {
       if (!highlightExpiredTasks) return false;
-      const now = /* @__PURE__ */ new Date();
-      const today = new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate()));
-      const taskStart = parseUTCDate(task.startDate);
-      const taskEnd = parseUTCDate(task.endDate);
-      const actualProgress = task.progress ?? 0;
-      if (actualProgress >= 100) {
-        return false;
-      }
-      const msPerDay = 1e3 * 60 * 60 * 24;
-      const duration = taskEnd.getTime() - taskStart.getTime() + msPerDay;
-      const elapsedFromToday = today.getTime() - taskStart.getTime();
-      const elapsed = Math.min(Math.max(0, elapsedFromToday), duration);
-      const expected = elapsed / duration * 100;
-      return actualProgress < expected;
+      return isTaskExpired(task);
     }, [task.startDate, task.endDate, task.progress, highlightExpiredTasks]);
     const { left, width } = (0, import_react3.useMemo)(
       () => calculateTaskBar(taskStartDate, taskEndDate, monthStart, dayWidth),
@@ -1862,12 +1881,15 @@ var TaskRow = import_react3.default.memo(
       if (lastDigit >= 2 && lastDigit <= 4) return `${count} \u0437\u0430\u0434\u0430\u0447\u0438`;
       return `${count} \u0437\u0430\u0434\u0430\u0447`;
     };
-    const estimatedTextWidth = durationDays >= 10 ? 76 : 62;
+    const estimatedTextWidth = isParent ? 120 : durationDays >= 10 ? 76 : 62;
     const showProgressInside = progressWidth > 0 && displayWidth > estimatedTextWidth;
+    const MIN_DURATION_WIDTH = isParent ? 80 : 50;
+    const showDurationInside = durationDays >= 2 && displayWidth > MIN_DURATION_WIDTH;
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
       "div",
       {
-        className: "gantt-tr-row",
+        "data-filter-match": isFilterMatch ? "true" : "false",
+        className: `gantt-tr-row ${isFilterMatch ? "gantt-tr-row-filter-match" : ""}`,
         style: { height: `${rowHeight}px` },
         children: [
           taskDivider === "top" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "gantt-tr-divider gantt-tr-divider-top" }),
@@ -1901,7 +1923,7 @@ var TaskRow = import_react3.default.memo(
                     }
                   ),
                   !isParent && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleLeft" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "gantt-tr-taskDuration", children: isParent ? getChildCountLabel(childCount) : `${durationDays} \u0434` }),
+                  showDurationInside && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "gantt-tr-taskDuration", children: isParent ? getChildCountLabel(childCount) : `${durationDays} \u0434` }),
                   progressWidth > 0 && showProgressInside && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "gantt-tr-progressText", children: [
                     progressWidth,
                     "%"
@@ -1950,9 +1972,10 @@ var TaskRow = import_react3.default.memo(
               {
                 className: "gantt-tr-rightLabels",
                 style: {
-                  left: `${displayLeft + displayWidth}px`
+                  left: `${displayLeft + Math.max(displayWidth, 20) - Math.min(6, Math.max(displayWidth, 20) / 2) + 8}px`
                 },
                 children: [
+                  !showDurationInside && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "gantt-tr-externalDuration", children: isParent ? getChildCountLabel(childCount) : `${durationDays} \u0434` }),
                   progressWidth > 0 && !showProgressInside && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "gantt-tr-externalProgress", children: [
                     progressWidth,
                     "%"
@@ -3350,7 +3373,8 @@ var TaskListRow = import_react10.default.memo(
     nestingDepth = 0,
     ancestorContinues = [],
     customDays,
-    isWeekend: isWeekend3
+    isWeekend: isWeekend3,
+    isFilterMatch = false
   }) => {
     const [editingName, setEditingName] = (0, import_react10.useState)(false);
     const [nameValue, setNameValue] = (0, import_react10.useState)("");
@@ -3749,8 +3773,10 @@ var TaskListRow = import_react10.default.memo(
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       "div",
       {
+        "data-filter-match": isFilterMatch ? "true" : "false",
         className: [
           "gantt-tl-row",
+          isFilterMatch ? "gantt-tl-row-filter-match" : "",
           isSelected ? "gantt-tl-row-selected" : "",
           isPicking && !isSourceRow ? "gantt-tl-row-picking" : "",
           isSourceRow ? "gantt-tl-row-picking-self" : "",
@@ -4088,11 +4114,14 @@ var TaskListRow = import_react10.default.memo(
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
                   "span",
                   {
                     style: editingDuration ? { visibility: "hidden", pointerEvents: "none" } : void 0,
-                    children: getInclusiveDurationDays(task.startDate, task.endDate)
+                    children: [
+                      getInclusiveDurationDays(task.startDate, task.endDate),
+                      "\u0434"
+                    ]
                   }
                 )
               ]
@@ -4189,7 +4218,7 @@ var TaskListRow = import_react10.default.memo(
                       padding: "2px 4px",
                       color: "#ffffff"
                     } : void 0,
-                    children: task.progress ? Math.round(task.progress) === 100 ? "100" : `${Math.round(task.progress)}%` : "0%"
+                    children: task.progress ? Math.round(task.progress) === 100 ? "100" : `${Math.round(task.progress)}%` : "-"
                   }
                 )
               ]
@@ -4428,7 +4457,8 @@ var TaskList = ({
   onPromoteTask,
   onDemoteTask,
   customDays,
-  isWeekend: isWeekend3
+  isWeekend: isWeekend3,
+  highlightedTaskIds = /* @__PURE__ */ new Set()
 }) => {
   const [internalCollapsedParentIds, setInternalCollapsedParentIds] = (0, import_react12.useState)(/* @__PURE__ */ new Set());
   const collapsedParentIds = externalCollapsedParentIds ?? internalCollapsedParentIds;
@@ -4896,7 +4926,8 @@ var TaskList = ({
             nestingDepth: nestingDepthMap.get(task.id) ?? 0,
             ancestorContinues: ancestorContinuesMap.get(task.id) ?? [],
             customDays,
-            isWeekend: isWeekend3
+            isWeekend: isWeekend3,
+            isFilterMatch: highlightedTaskIds.has(task.id)
           },
           task.id
         )) }),
@@ -4966,7 +4997,8 @@ var GanttChart = (0, import_react13.forwardRef)(({
   enableAddTask = true,
   viewMode = "day",
   customDays,
-  isWeekend: isWeekend3
+  isWeekend: isWeekend3,
+  taskFilter
 }, ref) => {
   const scrollContainerRef = (0, import_react13.useRef)(null);
   const [selectedTaskId, setSelectedTaskId] = (0, import_react13.useState)(null);
@@ -4986,7 +5018,7 @@ var GanttChart = (0, import_react13.forwardRef)(({
     () => Math.round(dateRange.length * dayWidth),
     [dateRange.length, dayWidth]
   );
-  const filteredTasks = (0, import_react13.useMemo)(() => {
+  const visibleTasks = (0, import_react13.useMemo)(() => {
     const parentMap = new Map(normalizedTasks.map((t) => [t.id, t.parentId]));
     function isAnyAncestorCollapsed(parentId) {
       let current = parentId;
@@ -4998,9 +5030,13 @@ var GanttChart = (0, import_react13.forwardRef)(({
     }
     return normalizedTasks.filter((task) => !isAnyAncestorCollapsed(task.parentId));
   }, [normalizedTasks, collapsedParentIds]);
+  const matchedTaskIds = (0, import_react13.useMemo)(() => {
+    if (!taskFilter) return /* @__PURE__ */ new Set();
+    return new Set(visibleTasks.filter(taskFilter).map((task) => task.id));
+  }, [visibleTasks, taskFilter]);
   const totalGridHeight = (0, import_react13.useMemo)(
-    () => filteredTasks.length * rowHeight,
-    [filteredTasks.length, rowHeight]
+    () => visibleTasks.length * rowHeight,
+    [visibleTasks.length, rowHeight]
   );
   const monthStart = (0, import_react13.useMemo)(() => {
     if (dateRange.length === 0) {
@@ -5116,8 +5152,20 @@ var GanttChart = (0, import_react13.forwardRef)(({
       }
       return;
     }
-    const cascadedTasks = disableConstraints ? [updatedTask] : [updatedTask, ...cascadeByLinks(updatedTask.id, newStart, newEnd, tasks)];
-    onTasksChange?.(cascadedTasks);
+    const isParent = isTaskParent(updatedTask.id, tasks);
+    if (isParent) {
+      const { startDate: parentStart, endDate: parentEnd } = computeParentDates(updatedTask.id, tasks);
+      const parentWithRecalcDates = {
+        ...updatedTask,
+        startDate: parentStart.toISOString().split("T")[0],
+        endDate: parentEnd.toISOString().split("T")[0]
+      };
+      const cascadedTasks = disableConstraints ? [parentWithRecalcDates] : [parentWithRecalcDates, ...cascadeByLinks(updatedTask.id, parentStart, parentEnd, tasks, true)];
+      onTasksChange?.(cascadedTasks);
+    } else {
+      const cascadedTasks = disableConstraints ? [updatedTask] : [updatedTask, ...cascadeByLinks(updatedTask.id, newStart, newEnd, tasks)];
+      onTasksChange?.(cascadedTasks);
+    }
   }, [tasks, onTasksChange, disableConstraints, editingTaskId]);
   const handleDelete = (0, import_react13.useCallback)((taskId) => {
     const toDelete = /* @__PURE__ */ new Set([taskId]);
@@ -5371,6 +5419,7 @@ var GanttChart = (0, import_react13.forwardRef)(({
             onToggleCollapse: handleToggleCollapse,
             onPromoteTask: onPromoteTask ?? handlePromoteTask,
             onDemoteTask: onDemoteTask ?? handleDemoteTask,
+            highlightedTaskIds: matchedTaskIds,
             customDays,
             isWeekend: isWeekend3
           }
@@ -5409,7 +5458,7 @@ var GanttChart = (0, import_react13.forwardRef)(({
                 /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   DependencyLines_default,
                   {
-                    tasks: filteredTasks,
+                    tasks: visibleTasks,
                     allTasks: normalizedTasks,
                     collapsedParentIds,
                     monthStart,
@@ -5430,7 +5479,7 @@ var GanttChart = (0, import_react13.forwardRef)(({
                     totalHeight: totalGridHeight
                   }
                 ),
-                filteredTasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                visibleTasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   TaskRow_default,
                   {
                     task,
@@ -5454,7 +5503,8 @@ var GanttChart = (0, import_react13.forwardRef)(({
                     overridePosition: cascadeOverrides.get(task.id),
                     onCascadeProgress: handleCascadeProgress,
                     onCascade: handleCascade,
-                    highlightExpiredTasks
+                    highlightExpiredTasks,
+                    isFilterMatch: matchedTaskIds.has(task.id)
                   },
                   task.id
                 ))
@@ -5486,6 +5536,32 @@ Button.displayName = "Button";
 
 // src/utils/index.ts
 init_dateUtils();
+
+// src/filters/index.ts
+init_dateUtils();
+var and = (...predicates) => (task) => predicates.every((p) => p(task));
+var or = (...predicates) => (task) => predicates.some((p) => p(task));
+var not = (predicate) => (task) => !predicate(task);
+var withoutDeps = () => (task) => !!task && (!task.dependencies || task.dependencies.length === 0);
+var expired = (referenceDate = /* @__PURE__ */ new Date()) => (task) => isTaskExpired(task, referenceDate);
+var inDateRange = (rangeStart, rangeEnd) => (task) => {
+  if (!task) return false;
+  const taskStart = parseUTCDate(task.startDate);
+  const taskEnd = parseUTCDate(task.endDate);
+  return taskStart.getTime() <= rangeEnd.getTime() && taskEnd.getTime() >= rangeStart.getTime();
+};
+var progressInRange = (min, max) => (task) => {
+  if (!task) return false;
+  const progress = task.progress ?? 0;
+  return progress >= min && progress <= max;
+};
+var nameContains = (substring, caseSensitive = false) => (task) => {
+  if (!task) return false;
+  const name = task.name;
+  const search = caseSensitive ? substring : substring.toLowerCase();
+  const target = caseSensitive ? name : name.toLowerCase();
+  return target.includes(search);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button,
@@ -5502,6 +5578,7 @@ init_dateUtils();
   TaskRow,
   TimeScaleHeader,
   TodayIndicator,
+  and,
   buildAdjacencyList,
   calculateBezierPath,
   calculateDependencyPath,
@@ -5521,6 +5598,7 @@ init_dateUtils();
   createDateKey,
   detectCycles,
   detectEdgeZone,
+  expired,
   findParentId,
   flattenHierarchy,
   formatDateLabel,
@@ -5538,17 +5616,24 @@ init_dateUtils();
   getWeekBlocks,
   getWeekSpans,
   getYearSpans,
+  inDateRange,
+  isTaskExpired,
   isTaskParent,
   isToday,
   isWeekend,
+  nameContains,
   normalizeHierarchyTasks,
   normalizeTaskDates,
+  not,
+  or,
   parseUTCDate,
   pixelsToDate,
+  progressInRange,
   recalculateIncomingLags,
   removeDependenciesBetweenTasks,
   universalCascade,
   useTaskDrag,
-  validateDependencies
+  validateDependencies,
+  withoutDeps
 });
 //# sourceMappingURL=index.js.map