gantt-task-react-v 1.1.2 → 1.1.4

package/dist/gantt-task-react.es.js

@@ -10021,10 +10021,10 @@ const TaskListTableRowInner = forwardRef(
     const { id, comparisonLevel = 1 } = task;
     const onRootMouseDown = useCallback(
       (event) => {
-        event.preventDefault();
         if (event.button !== 0) {
           return;
         }
+        event.preventDefault();
         if (task.type !== "empty") {
           scrollToTask(task);
         }
@@ -10907,204 +10907,6 @@ const styles$c = {
   ganttToday,
   ganttTodayCircle
 };
-const getDateByOffset = (startDate, offset2, viewMode) => {
-  switch (viewMode) {
-    case ViewMode.Day:
-      return addDays(startDate, offset2);
-    case ViewMode.HalfDay:
-      return addHours(startDate, offset2 * 12);
-    case ViewMode.QuarterDay:
-      return addHours(startDate, offset2 * 6);
-    case ViewMode.Hour:
-      return addHours(startDate, offset2);
-    case ViewMode.Month:
-      return addMonths(startDate, offset2);
-    case ViewMode.Week:
-      return addWeeks(startDate, offset2);
-    case ViewMode.Year:
-      return addYears(startDate, offset2);
-    default:
-      throw new Error("Unknown view mode");
-  }
-};
-const taskXCoordinate = (xDate, startDate, viewMode, columnWidth) => {
-  const index2 = getDatesDiff(xDate, startDate, viewMode);
-  const currentDate = getDateByOffset(startDate, index2, viewMode);
-  const nextDate = getDateByOffset(startDate, index2 + 1, viewMode);
-  const remainderMillis = xDate.getTime() - currentDate.getTime();
-  const percentOfInterval = remainderMillis / (nextDate.getTime() - currentDate.getTime());
-  return index2 * columnWidth + percentOfInterval * columnWidth;
-};
-const taskComparisonXCoordinate = (xDate, startDate, viewMode, columnWidth) => {
-  const index2 = getDatesDiff(xDate, startDate, viewMode);
-  const currentDate = getDateByOffset(startDate, index2, viewMode);
-  const nextDate = getDateByOffset(startDate, index2 + 1, viewMode);
-  const remainderMillis = xDate.getTime() - currentDate.getTime();
-  const percentOfInterval = remainderMillis / (nextDate.getTime() - currentDate.getTime());
-  return index2 * columnWidth + percentOfInterval * columnWidth;
-};
-const progressWithByParams = (taskX1, taskX2, progress, rtl) => {
-  const progressWidth = Math.max((taskX2 - taskX1) * progress * 0.01, 0);
-  let progressX;
-  if (rtl) {
-    progressX = taskX2 - progressWidth;
-  } else {
-    progressX = taskX1;
-  }
-  return [progressWidth, progressX];
-};
-const dateByX = (x, taskX, taskDate, xStep, timeStep) => {
-  let newDate = new Date((x - taskX) / xStep * timeStep + taskDate.getTime());
-  newDate = new Date(
-    newDate.getTime() + (newDate.getTimezoneOffset() - taskDate.getTimezoneOffset()) * 6e4
-  );
-  return newDate;
-};
-const handleTaskBySVGMouseEvent = (action, selectedTask, initialCoordinates, coordinates, xStep, timeStep, rtl) => {
-  let result;
-  switch (selectedTask.type) {
-    case "milestone":
-      result = handleTaskBySVGMouseEventForMilestone(
-        action,
-        selectedTask,
-        initialCoordinates,
-        coordinates,
-        xStep,
-        timeStep
-      );
-      break;
-    default:
-      result = handleTaskBySVGMouseEventForBar(
-        action,
-        selectedTask,
-        initialCoordinates,
-        coordinates,
-        xStep,
-        timeStep,
-        rtl
-      );
-      break;
-  }
-  return result;
-};
-const handleTaskBySVGMouseEventForBar = (action, selectedTask, initialCoordinates, coordinates, xStep, timeStep, rtl) => {
-  const changedTask = { ...selectedTask };
-  let isChanged = false;
-  switch (action) {
-    case "progress":
-      isChanged = initialCoordinates.progressWidth !== coordinates.progressWidth;
-      if (isChanged) {
-        changedTask.progress = Math.round(
-          coordinates.progressWidth * 100 / (coordinates.x2 - coordinates.x1)
-        );
-      }
-      break;
-    case "start": {
-      isChanged = initialCoordinates.x1 !== coordinates.x1;
-      if (isChanged) {
-        if (rtl) {
-          changedTask.end = dateByX(
-            coordinates.x1,
-            initialCoordinates.x1,
-            selectedTask.end,
-            xStep,
-            timeStep
-          );
-        } else {
-          changedTask.start = dateByX(
-            coordinates.x1,
-            initialCoordinates.x1,
-            selectedTask.start,
-            xStep,
-            timeStep
-          );
-        }
-      }
-      break;
-    }
-    case "end": {
-      isChanged = initialCoordinates.x2 !== coordinates.x2;
-      if (isChanged) {
-        if (rtl) {
-          changedTask.start = dateByX(
-            coordinates.x2,
-            initialCoordinates.x2,
-            selectedTask.start,
-            xStep,
-            timeStep
-          );
-        } else {
-          changedTask.end = dateByX(
-            coordinates.x2,
-            initialCoordinates.x2,
-            selectedTask.end,
-            xStep,
-            timeStep
-          );
-        }
-      }
-      break;
-    }
-    case "move": {
-      isChanged = initialCoordinates.x1 !== coordinates.x1;
-      if (isChanged) {
-        if (rtl) {
-          changedTask.end = dateByX(
-            coordinates.x1,
-            initialCoordinates.x1,
-            selectedTask.end,
-            xStep,
-            timeStep
-          );
-          changedTask.start = dateByX(
-            coordinates.x2,
-            initialCoordinates.x2,
-            selectedTask.start,
-            xStep,
-            timeStep
-          );
-        } else {
-          changedTask.start = dateByX(
-            coordinates.x1,
-            initialCoordinates.x1,
-            selectedTask.start,
-            xStep,
-            timeStep
-          );
-          changedTask.end = dateByX(
-            coordinates.x2,
-            initialCoordinates.x2,
-            selectedTask.end,
-            xStep,
-            timeStep
-          );
-        }
-      }
-      break;
-    }
-  }
-  return { isChanged, changedTask };
-};
-const handleTaskBySVGMouseEventForMilestone = (action, selectedTask, initialCoordinates, coordinates, xStep, timeStep) => {
-  const changedTask = { ...selectedTask };
-  const isChanged = coordinates.x1 !== initialCoordinates.x1;
-  if (isChanged) {
-    switch (action) {
-      case "move": {
-        changedTask.start = dateByX(
-          coordinates.x1,
-          initialCoordinates.x1,
-          selectedTask.start,
-          xStep,
-          timeStep
-        );
-        changedTask.end = changedTask.start;
-        break;
-      }
-    }
-  }
-  return { isChanged, changedTask };
-};
 const GanttTodayInner = ({
   additionalLeftSpace,
   distances: { columnWidth },
@@ -11113,8 +10915,6 @@ const GanttTodayInner = ({
   rtl,
   startDate,
   viewMode,
-  taskHeight,
-  // Add taskHeight parameter
   showTodayLine = true,
   showDataDateLine = false,
   dataDate = null,
@@ -11128,14 +10928,38 @@ const GanttTodayInner = ({
       return null;
     }
     const today = /* @__PURE__ */ new Date();
-    const x = taskXCoordinate(today, startDate, viewMode, columnWidth);
-    const adjustedX = rtl ? x + columnWidth : x;
+    const todayIndex = getDatesDiff(today, startDate, viewMode);
+    const extraMultiplier = () => {
+      switch (viewMode) {
+        case ViewMode.Week: {
+          const percent = today.getDay() / 7;
+          return 1 + percent * 0.2;
+        }
+        case ViewMode.Month: {
+          const dayInMonth = today.getDate();
+          const maxDaysInMonth = getDaysInMonth(
+            today.getMonth(),
+            today.getFullYear()
+          );
+          const percent = dayInMonth / maxDaysInMonth;
+          return 1 + percent * 0.5;
+        }
+        case ViewMode.Year: {
+          const percent = today.getMonth() / 12;
+          return 1 + percent * 0.5;
+        }
+        default:
+          return 1;
+      }
+    };
+    const tickX = todayIndex * columnWidth * extraMultiplier();
+    const x = rtl ? tickX + columnWidth : tickX;
     const color = todayColor || "var(--gantt-calendar-today-color)";
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "rect",
         {
-          x: additionalLeftSpace + adjustedX,
+          x: additionalLeftSpace + x,
           y: 0,
           width: 2,
           height: ganttFullHeight,
@@ -11146,7 +10970,7 @@ const GanttTodayInner = ({
         "circle",
         {
           className: styles$c.ganttTodayCircle,
-          cx: adjustedX + 1,
+          cx: x + 1,
           cy: 6,
           r: 6,
           fill: color
@@ -11155,7 +10979,7 @@ const GanttTodayInner = ({
       /* @__PURE__ */ jsx(
         "text",
         {
-          x: additionalLeftSpace + adjustedX + 8,
+          x: additionalLeftSpace + x + 8,
           y: 10,
           fill: color,
           fontSize: 12,
@@ -11180,16 +11004,38 @@ const GanttTodayInner = ({
     if (!showDataDateLine || !dataDate) {
       return null;
     }
-    const index2 = getDatesDiff(dataDate, startDate, viewMode);
-    const intervalEndX = (index2 + 1) * columnWidth;
-    const milestoneEndX = intervalEndX + taskHeight * 0.5;
-    const adjustedX = rtl ? milestoneEndX + columnWidth : milestoneEndX;
+    const dataIndex = getDatesDiff(dataDate, startDate, viewMode);
+    const extraMultiplier = () => {
+      switch (viewMode) {
+        case ViewMode.Week: {
+          const percent = dataDate.getDay() / 7;
+          return 1 + percent * 0.2;
+        }
+        case ViewMode.Month: {
+          const dayInMonth = dataDate.getDate();
+          const maxDaysInMonth = getDaysInMonth(
+            dataDate.getMonth(),
+            dataDate.getFullYear()
+          );
+          const percent = dayInMonth / maxDaysInMonth;
+          return 1 + percent * 0.5;
+        }
+        case ViewMode.Year: {
+          const percent = dataDate.getMonth() / 12;
+          return 1 + percent * 0.5;
+        }
+        default:
+          return 1;
+      }
+    };
+    const tickX = dataIndex * columnWidth * extraMultiplier();
+    const x = rtl ? tickX + columnWidth : tickX;
     const color = dataDateColor || "var(--gantt-calendar-today-color)";
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "rect",
         {
-          x: additionalLeftSpace + adjustedX,
+          x: additionalLeftSpace + x,
           y: 0,
           width: 2,
           height: ganttFullHeight,
@@ -11201,7 +11047,7 @@ const GanttTodayInner = ({
         "circle",
         {
           className: styles$c.ganttTodayCircle,
-          cx: adjustedX + 1,
+          cx: x + 1,
           cy: 6,
           r: 6,
           fill: color
@@ -11210,7 +11056,7 @@ const GanttTodayInner = ({
       /* @__PURE__ */ jsx(
         "text",
         {
-          x: additionalLeftSpace + adjustedX + 8,
+          x: additionalLeftSpace + x + 8,
           y: 10,
           fill: color,
           fontSize: 12,
@@ -11226,7 +11072,6 @@ const GanttTodayInner = ({
     rtl,
     startDate,
     viewMode,
-    taskHeight,
     showDataDateLine,
     dataDate,
     dataDateColor,
@@ -11925,6 +11770,204 @@ const RelationLine = ({
     }
   );
 };
+const getDateByOffset = (startDate, offset2, viewMode) => {
+  switch (viewMode) {
+    case ViewMode.Day:
+      return addDays(startDate, offset2);
+    case ViewMode.HalfDay:
+      return addHours(startDate, offset2 * 12);
+    case ViewMode.QuarterDay:
+      return addHours(startDate, offset2 * 6);
+    case ViewMode.Hour:
+      return addHours(startDate, offset2);
+    case ViewMode.Month:
+      return addMonths(startDate, offset2);
+    case ViewMode.Week:
+      return addWeeks(startDate, offset2);
+    case ViewMode.Year:
+      return addYears(startDate, offset2);
+    default:
+      throw new Error("Unknown view mode");
+  }
+};
+const taskXCoordinate = (xDate, startDate, viewMode, columnWidth) => {
+  const index2 = getDatesDiff(xDate, startDate, viewMode);
+  const currentDate = getDateByOffset(startDate, index2, viewMode);
+  const nextDate = getDateByOffset(startDate, index2 + 1, viewMode);
+  const remainderMillis = xDate.getTime() - currentDate.getTime();
+  const percentOfInterval = remainderMillis / (nextDate.getTime() - currentDate.getTime());
+  return index2 * columnWidth + percentOfInterval * columnWidth;
+};
+const taskComparisonXCoordinate = (xDate, startDate, viewMode, columnWidth) => {
+  const index2 = getDatesDiff(xDate, startDate, viewMode);
+  const currentDate = getDateByOffset(startDate, index2, viewMode);
+  const nextDate = getDateByOffset(startDate, index2 + 1, viewMode);
+  const remainderMillis = xDate.getTime() - currentDate.getTime();
+  const percentOfInterval = remainderMillis / (nextDate.getTime() - currentDate.getTime());
+  return index2 * columnWidth + percentOfInterval * columnWidth;
+};
+const progressWithByParams = (taskX1, taskX2, progress, rtl) => {
+  const progressWidth = Math.max((taskX2 - taskX1) * progress * 0.01, 0);
+  let progressX;
+  if (rtl) {
+    progressX = taskX2 - progressWidth;
+  } else {
+    progressX = taskX1;
+  }
+  return [progressWidth, progressX];
+};
+const dateByX = (x, taskX, taskDate, xStep, timeStep) => {
+  let newDate = new Date((x - taskX) / xStep * timeStep + taskDate.getTime());
+  newDate = new Date(
+    newDate.getTime() + (newDate.getTimezoneOffset() - taskDate.getTimezoneOffset()) * 6e4
+  );
+  return newDate;
+};
+const handleTaskBySVGMouseEvent = (action, selectedTask, initialCoordinates, coordinates, xStep, timeStep, rtl) => {
+  let result;
+  switch (selectedTask.type) {
+    case "milestone":
+      result = handleTaskBySVGMouseEventForMilestone(
+        action,
+        selectedTask,
+        initialCoordinates,
+        coordinates,
+        xStep,
+        timeStep
+      );
+      break;
+    default:
+      result = handleTaskBySVGMouseEventForBar(
+        action,
+        selectedTask,
+        initialCoordinates,
+        coordinates,
+        xStep,
+        timeStep,
+        rtl
+      );
+      break;
+  }
+  return result;
+};
+const handleTaskBySVGMouseEventForBar = (action, selectedTask, initialCoordinates, coordinates, xStep, timeStep, rtl) => {
+  const changedTask = { ...selectedTask };
+  let isChanged = false;
+  switch (action) {
+    case "progress":
+      isChanged = initialCoordinates.progressWidth !== coordinates.progressWidth;
+      if (isChanged) {
+        changedTask.progress = Math.round(
+          coordinates.progressWidth * 100 / (coordinates.x2 - coordinates.x1)
+        );
+      }
+      break;
+    case "start": {
+      isChanged = initialCoordinates.x1 !== coordinates.x1;
+      if (isChanged) {
+        if (rtl) {
+          changedTask.end = dateByX(
+            coordinates.x1,
+            initialCoordinates.x1,
+            selectedTask.end,
+            xStep,
+            timeStep
+          );
+        } else {
+          changedTask.start = dateByX(
+            coordinates.x1,
+            initialCoordinates.x1,
+            selectedTask.start,
+            xStep,
+            timeStep
+          );
+        }
+      }
+      break;
+    }
+    case "end": {
+      isChanged = initialCoordinates.x2 !== coordinates.x2;
+      if (isChanged) {
+        if (rtl) {
+          changedTask.start = dateByX(
+            coordinates.x2,
+            initialCoordinates.x2,
+            selectedTask.start,
+            xStep,
+            timeStep
+          );
+        } else {
+          changedTask.end = dateByX(
+            coordinates.x2,
+            initialCoordinates.x2,
+            selectedTask.end,
+            xStep,
+            timeStep
+          );
+        }
+      }
+      break;
+    }
+    case "move": {
+      isChanged = initialCoordinates.x1 !== coordinates.x1;
+      if (isChanged) {
+        if (rtl) {
+          changedTask.end = dateByX(
+            coordinates.x1,
+            initialCoordinates.x1,
+            selectedTask.end,
+            xStep,
+            timeStep
+          );
+          changedTask.start = dateByX(
+            coordinates.x2,
+            initialCoordinates.x2,
+            selectedTask.start,
+            xStep,
+            timeStep
+          );
+        } else {
+          changedTask.start = dateByX(
+            coordinates.x1,
+            initialCoordinates.x1,
+            selectedTask.start,
+            xStep,
+            timeStep
+          );
+          changedTask.end = dateByX(
+            coordinates.x2,
+            initialCoordinates.x2,
+            selectedTask.end,
+            xStep,
+            timeStep
+          );
+        }
+      }
+      break;
+    }
+  }
+  return { isChanged, changedTask };
+};
+const handleTaskBySVGMouseEventForMilestone = (action, selectedTask, initialCoordinates, coordinates, xStep, timeStep) => {
+  const changedTask = { ...selectedTask };
+  const isChanged = coordinates.x1 !== initialCoordinates.x1;
+  if (isChanged) {
+    switch (action) {
+      case "move": {
+        changedTask.start = dateByX(
+          coordinates.x1,
+          initialCoordinates.x1,
+          selectedTask.start,
+          xStep,
+          timeStep
+        );
+        changedTask.end = changedTask.start;
+        break;
+      }
+    }
+  }
+  return { isChanged, changedTask };
+};
 const barWrapper = "_barWrapper_5jhkr_1";
 const barHandle = "_barHandle_5jhkr_11";
 const barHandleImportantVisible = "_barHandleImportantVisible_5jhkr_37";
@@ -12740,6 +12783,9 @@ const TaskItemInner = (props) => {
   ]);
   const onMouseDown = useCallback(
     (event) => {
+      if (event.button !== 0) {
+        return;
+      }
       event.stopPropagation();
       onSelectTaskOnMouseDown(task.id, event);
     },
@@ -13281,7 +13327,9 @@ const TaskGanttContentInner = (props) => {
     isDateChangeable,
     isRelationChangeable,
     visibleTasksMirror,
-    onArrowDoubleClick
+    onArrowDoubleClick,
+    showProgress,
+    progressColor
   ]);
   return /* @__PURE__ */ jsxs("g", { className: "content", children: [
     renderedSelectedTasks,
@@ -13343,7 +13391,8 @@ const TaskGanttInner = (props) => {
     horizontalContainerRef,
     onVerticalScrollbarScrollX,
     verticalGanttContainerRef,
-    verticalScrollbarRef
+    verticalScrollbarRef,
+    onOpenGanttContextMenu
   } = props;
   const contentRef = React__default.useRef(null);
   const moveStateVertRef = useRef(null);
@@ -13481,6 +13530,12 @@ const TaskGanttInner = (props) => {
                 height: ganttFullHeight,
                 fontFamily: "var(--gantt-font-family)",
                 ref: ganttSVGRef,
+                onContextMenu: (event) => {
+                  event.preventDefault();
+                  if (onOpenGanttContextMenu) {
+                    onOpenGanttContextMenu(event.clientX, event.clientY);
+                  }
+                },
                 children: [
                   /* @__PURE__ */ jsx(GanttToday, { ...ganttTodayProps }),
                   /* @__PURE__ */ jsx(
@@ -17680,9 +17735,13 @@ const useSelection = (taskToRowIndexMap, rowIndexToTaskMap, checkTaskIdExists, o
         toggleTask(taskId);
         return;
       }
-      selectTask(taskId);
+      if (selectedIdsMirror[taskId]) {
+        toggleTask(taskId);
+      } else {
+        selectTask(taskId);
+      }
     },
-    [selectTask, selectTasksFromLastSelected, toggleTask]
+    [selectTask, selectTasksFromLastSelected, toggleTask, selectedIdsMirror]
   );
   const cutTask = useCallback((task) => {
     setCutIdsMirror({
@@ -17712,7 +17771,9 @@ const useSelection = (taskToRowIndexMap, rowIndexToTaskMap, checkTaskIdExists, o
   );
   useEffect(() => {
     if (onSelectTaskIds) {
-      const selectedTaskIds = Object.keys(selectedIdsMirror).filter((x) => selectedIdsMirror[x]);
+      const selectedTaskIds = Object.keys(selectedIdsMirror).filter(
+        (x) => selectedIdsMirror[x]
+      );
       onSelectTaskIds(selectedTaskIds);
     }
   }, [onSelectTaskIds, selectedIdsMirror]);
@@ -17915,9 +17976,16 @@ const useContextMenu = (wrapperRef, scrollToTask) => {
       }
       const { top, left } = wrapperNode.getBoundingClientRect();
       setContextMenu({
-        task,
-        x: clientX - left,
-        y: clientY - top
+        task: null,
+        x: 0,
+        y: 0
+      });
+      requestAnimationFrame(() => {
+        setContextMenu({
+          task,
+          x: clientX - left,
+          y: clientY - top
+        });
       });
       if (task.type !== "empty") {
         scrollToTask(task);
@@ -18057,7 +18125,12 @@ function ContextMenu(props) {
     }
   }, [context, task, x, y]);
   const focus = useFocus(context);
-  const dismiss = useDismiss(context);
+  const dismiss = useDismiss(context, {
+    outsidePress: true,
+    outsidePressEvent: "mousedown",
+    ancestorScroll: true,
+    escapeKey: true
+  });
   const role = useRole(context, { role: "tooltip" });
   const { getReferenceProps, getFloatingProps } = useInteractions([
     focus,
@@ -19034,6 +19107,34 @@ const Gantt = (props) => {
     [mapTaskToCoordinates, setScrollXProgrammatically]
   );
   const { contextMenu, handleCloseContextMenu, handleOpenContextMenu } = useContextMenu(wrapperRef, scrollToTask);
+  const [ganttContextMenu, setGanttContextMenu] = useState({
+    task: null,
+    x: 0,
+    y: 0
+  });
+  const handleOpenGanttContextMenu = useCallback(
+    (task, clientX, clientY) => {
+      const wrapperNode = wrapperRef.current;
+      if (!wrapperNode) {
+        return;
+      }
+      const { top, left } = wrapperNode.getBoundingClientRect();
+      setGanttContextMenu({
+        task: task || { id: "__gantt_area__", type: "empty" },
+        // Use a dummy task for gantt area
+        x: clientX - left,
+        y: clientY - top
+      });
+    },
+    [wrapperRef]
+  );
+  const handleCloseGanttContextMenu = useCallback(() => {
+    setGanttContextMenu({
+      task: null,
+      x: 0,
+      y: 0
+    });
+  }, []);
   const [dependencyMap, dependentMap, dependencyMarginsMap] = useMemo(
     () => getDependencyMap(
       sortedTasks,
@@ -19822,6 +19923,12 @@ const Gantt = (props) => {
       createDeleteOption(locale)
     ];
   }, [taskList.contextMenuOptions, locale]);
+  const ganttContextMenuOptions = useMemo(() => {
+    if (taskBar.taskGanttContextMenuOption) {
+      return taskBar.taskGanttContextMenuOption;
+    }
+    return [createPasteOption(locale)];
+  }, [taskBar.taskGanttContextMenuOption, locale]);
   const tooltipTaskFromMap = useMemo(() => {
     if (!tooltipTask) {
       return null;
@@ -19865,7 +19972,6 @@ const Gantt = (props) => {
       rtl,
       startDate,
       viewMode,
-      taskHeight,
       showTodayLine,
       showDataDateLine,
       dataDate,
@@ -19882,7 +19988,6 @@ const Gantt = (props) => {
       rtl,
       startDate,
       viewMode,
-      taskHeight,
       showTodayLine,
       showDataDateLine,
       dataDate,
@@ -20092,7 +20197,10 @@ const Gantt = (props) => {
             horizontalContainerRef,
             verticalScrollbarRef,
             onVerticalScrollbarScrollX,
-            verticalGanttContainerRef
+            verticalGanttContainerRef,
+            onOpenGanttContextMenu: (clientX, clientY) => {
+              handleOpenGanttContextMenu(null, clientX, clientY);
+            }
           }
         ),
         tooltipTaskFromMap && /* @__PURE__ */ jsx(
@@ -20131,6 +20239,18 @@ const Gantt = (props) => {
             options: contextMenuOptions
           }
         ),
+        ganttContextMenu.task && !waitCommitTasks && /* @__PURE__ */ jsx(
+          ContextMenu,
+          {
+            checkHasCopyTasks,
+            checkHasCutTasks,
+            contextMenu: ganttContextMenu,
+            distances,
+            handleAction,
+            handleCloseContextMenu: handleCloseGanttContextMenu,
+            options: ganttContextMenuOptions
+          }
+        ),
         /* @__PURE__ */ jsx(GanttLoader, { loading: waitCommitTasks })
       ]
     }