gantt-task-react-v 1.2.2 → 1.2.4

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

@@ -7456,11 +7456,11 @@ const defaultScrollIntent = {
 function useScrollIntent(_ref2) {
   let {
     delta,
-    disabled: disabled2
+    disabled
   } = _ref2;
   const previousDelta = usePrevious(delta);
   return useLazyMemo((previousIntent) => {
-    if (disabled2 || !previousDelta || !previousIntent) {
+    if (disabled || !previousDelta || !previousIntent) {
       return defaultScrollIntent;
     }
     const direction = {
@@ -7477,7 +7477,7 @@ function useScrollIntent(_ref2) {
         [Direction.Forward]: previousIntent.y[Direction.Forward] || direction.y === 1
       }
     };
-  }, [disabled2, delta, previousDelta]);
+  }, [disabled, delta, previousDelta]);
 }
 function useCachedNode(draggableNodes, id) {
   const draggableNode = id !== null ? draggableNodes.get(id) : void 0;
@@ -7526,8 +7526,8 @@ function useDroppableMeasuring(containers, _ref) {
     strategy
   } = config;
   const containersRef = useRef(containers);
-  const disabled2 = isDisabled();
-  const disabledRef = useLatestValue(disabled2);
+  const disabled = isDisabled();
+  const disabledRef = useLatestValue(disabled);
   const measureDroppableContainers = useCallback(function(ids2) {
     if (ids2 === void 0) {
       ids2 = [];
@@ -7544,7 +7544,7 @@ function useDroppableMeasuring(containers, _ref) {
   }, [disabledRef]);
   const timeoutId = useRef(null);
   const droppableRects = useLazyMemo((previousValue) => {
-    if (disabled2 && !dragging2) {
+    if (disabled && !dragging2) {
       return defaultValue;
     }
     if (!previousValue || previousValue === defaultValue || containersRef.current !== containers || queue != null) {
@@ -7567,19 +7567,19 @@ function useDroppableMeasuring(containers, _ref) {
       return map;
     }
     return previousValue;
-  }, [containers, queue, dragging2, disabled2, measure]);
+  }, [containers, queue, dragging2, disabled, measure]);
   useEffect(() => {
     containersRef.current = containers;
   }, [containers]);
   useEffect(
     () => {
-      if (disabled2) {
+      if (disabled) {
         return;
       }
       measureDroppableContainers();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [dragging2, disabled2]
+    [dragging2, disabled]
   );
   useEffect(
     () => {
@@ -7592,7 +7592,7 @@ function useDroppableMeasuring(containers, _ref) {
   );
   useEffect(
     () => {
-      if (disabled2 || typeof frequency !== "number" || timeoutId.current !== null) {
+      if (disabled || typeof frequency !== "number" || timeoutId.current !== null) {
         return;
       }
       timeoutId.current = setTimeout(() => {
@@ -7601,7 +7601,7 @@ function useDroppableMeasuring(containers, _ref) {
       }, frequency);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [frequency, disabled2, measureDroppableContainers, ...dependencies]
+    [frequency, disabled, measureDroppableContainers, ...dependencies]
   );
   return {
     droppableRects,
@@ -7636,18 +7636,18 @@ function useInitialRect(node, measure) {
 function useMutationObserver(_ref) {
   let {
     callback,
-    disabled: disabled2
+    disabled
   } = _ref;
   const handleMutations = useEvent(callback);
   const mutationObserver = useMemo(() => {
-    if (disabled2 || typeof window === "undefined" || typeof window.MutationObserver === "undefined") {
+    if (disabled || typeof window === "undefined" || typeof window.MutationObserver === "undefined") {
       return void 0;
     }
     const {
       MutationObserver
     } = window;
     return new MutationObserver(handleMutations);
-  }, [handleMutations, disabled2]);
+  }, [handleMutations, disabled]);
   useEffect(() => {
     return () => mutationObserver == null ? void 0 : mutationObserver.disconnect();
   }, [mutationObserver]);
@@ -7656,12 +7656,12 @@ function useMutationObserver(_ref) {
 function useResizeObserver(_ref) {
   let {
     callback,
-    disabled: disabled2
+    disabled
   } = _ref;
   const handleResize = useEvent(callback);
   const resizeObserver = useMemo(
     () => {
-      if (disabled2 || typeof window === "undefined" || typeof window.ResizeObserver === "undefined") {
+      if (disabled || typeof window === "undefined" || typeof window.ResizeObserver === "undefined") {
         return void 0;
       }
       const {
@@ -7670,7 +7670,7 @@ function useResizeObserver(_ref) {
       return new ResizeObserver2(handleResize);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [disabled2]
+    [disabled]
   );
   useEffect(() => {
     return () => resizeObserver == null ? void 0 : resizeObserver.disconnect();
@@ -7988,9 +7988,9 @@ class DroppableContainersMap extends Map {
   getEnabled() {
     return this.toArray().filter((_ref) => {
       let {
-        disabled: disabled2
+        disabled
       } = _ref;
-      return !disabled2;
+      return !disabled;
     });
   }
   getNodeFor(id) {
@@ -8120,7 +8120,7 @@ function reducer(state, action) {
       const {
         id,
         key: key2,
-        disabled: disabled2
+        disabled
       } = action;
       const element = state.droppable.containers.get(id);
       if (!element || key2 !== element.key) {
@@ -8129,7 +8129,7 @@ function reducer(state, action) {
       const containers = new DroppableContainersMap(state.droppable.containers);
       containers.set(id, {
         ...element,
-        disabled: disabled2
+        disabled
       });
       return {
         ...state,
@@ -8165,7 +8165,7 @@ function reducer(state, action) {
 }
 function RestoreFocus(_ref) {
   let {
-    disabled: disabled2
+    disabled
   } = _ref;
   const {
     active,
@@ -8175,7 +8175,7 @@ function RestoreFocus(_ref) {
   const previousActivatorEvent = usePrevious(activatorEvent);
   const previousActiveId = usePrevious(active == null ? void 0 : active.id);
   useEffect(() => {
-    if (disabled2) {
+    if (disabled) {
       return;
     }
     if (!activatorEvent && previousActivatorEvent && previousActiveId != null) {
@@ -8209,7 +8209,7 @@ function RestoreFocus(_ref) {
         }
       });
     }
-  }, [activatorEvent, disabled2, draggableNodes, previousActiveId, previousActivatorEvent]);
+  }, [activatorEvent, disabled, draggableNodes, previousActiveId, previousActivatorEvent]);
   return null;
 }
 function applyModifiers(modifiers, _ref) {
@@ -8260,8 +8260,8 @@ function useLayoutShiftScrollCompensation(_ref) {
     y: config
   } : config;
   useIsomorphicLayoutEffect(() => {
-    const disabled2 = !x && !y;
-    if (disabled2 || !activeNode) {
+    const disabled = !x && !y;
+    if (disabled || !activeNode) {
       initialized.current = false;
       return;
     }
@@ -8768,7 +8768,7 @@ function useDraggable(_ref) {
   let {
     id,
     data,
-    disabled: disabled2 = false,
+    disabled = false,
     attributes
   } = _ref;
   const key2 = useUniqueId(ID_PREFIX$1);
@@ -8814,18 +8814,18 @@ function useDraggable(_ref) {
   const memoizedAttributes = useMemo(() => ({
     role,
     tabIndex,
-    "aria-disabled": disabled2,
+    "aria-disabled": disabled,
     "aria-pressed": isDragging && role === defaultRole ? true : void 0,
     "aria-roledescription": roleDescription,
     "aria-describedby": ariaDescribedById.draggable
-  }), [disabled2, role, tabIndex, isDragging, roleDescription, ariaDescribedById.draggable]);
+  }), [disabled, role, tabIndex, isDragging, roleDescription, ariaDescribedById.draggable]);
   return {
     active,
     activatorEvent,
     activeNodeRect,
     attributes: memoizedAttributes,
     isDragging,
-    listeners: disabled2 ? void 0 : listeners,
+    listeners: disabled ? void 0 : listeners,
     node,
     over,
     setNodeRef,
@@ -8843,7 +8843,7 @@ const defaultResizeObserverConfig = {
 function useDroppable(_ref) {
   let {
     data,
-    disabled: disabled2 = false,
+    disabled = false,
     id,
     resizeObserverConfig
   } = _ref;
@@ -8855,7 +8855,7 @@ function useDroppable(_ref) {
     measureDroppableContainers
   } = useContext(InternalContext);
   const previous = useRef({
-    disabled: disabled2
+    disabled
   });
   const resizeObserverConnected = useRef(false);
   const rect = useRef(null);
@@ -8919,7 +8919,7 @@ function useDroppable(_ref) {
         element: {
           id,
           key: key2,
-          disabled: disabled2,
+          disabled,
           node: nodeRef,
           rect,
           data: dataRef
@@ -8935,16 +8935,16 @@ function useDroppable(_ref) {
     [id]
   );
   useEffect(() => {
-    if (disabled2 !== previous.current.disabled) {
+    if (disabled !== previous.current.disabled) {
       dispatch({
         type: Action.SetDroppableDisabled,
         id,
         key: key2,
-        disabled: disabled2
+        disabled
       });
-      previous.current.disabled = disabled2;
+      previous.current.disabled = disabled;
     }
-  }, [id, key2, disabled2, dispatch]);
+  }, [id, key2, disabled, dispatch]);
   return {
     active,
     rect,
@@ -9335,14 +9335,14 @@ function itemsEqual(a, b) {
   }
   return true;
 }
-function normalizeDisabled(disabled2) {
-  if (typeof disabled2 === "boolean") {
+function normalizeDisabled(disabled) {
+  if (typeof disabled === "boolean") {
     return {
-      draggable: disabled2,
-      droppable: disabled2
+      draggable: disabled,
+      droppable: disabled
     };
   }
-  return disabled2;
+  return disabled;
 }
 const rectSortingStrategy = (_ref) => {
   let {
@@ -9464,7 +9464,7 @@ function SortableContext(_ref) {
   const previousItemsRef = useRef(items);
   const itemsHaveChanged = !itemsEqual(items, previousItemsRef.current);
   const disableTransforms = overIndex !== -1 && activeIndex === -1 || itemsHaveChanged;
-  const disabled2 = normalizeDisabled(disabledProp);
+  const disabled = normalizeDisabled(disabledProp);
   useIsomorphicLayoutEffect(() => {
     if (itemsHaveChanged && isDragging) {
       measureDroppableContainers(items);
@@ -9477,7 +9477,7 @@ function SortableContext(_ref) {
     () => ({
       activeIndex,
       containerId,
-      disabled: disabled2,
+      disabled,
       disableTransforms,
       items,
       overIndex,
@@ -9486,7 +9486,7 @@ function SortableContext(_ref) {
       strategy
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [activeIndex, containerId, disabled2.draggable, disabled2.droppable, disableTransforms, items, overIndex, droppableRects, useDragOverlay, strategy]
+    [activeIndex, containerId, disabled.draggable, disabled.droppable, disableTransforms, items, overIndex, droppableRects, useDragOverlay, strategy]
   );
   return React__default.createElement(Context.Provider, {
     value: contextValue
@@ -9539,7 +9539,7 @@ const defaultAttributes = {
 };
 function useDerivedTransform(_ref) {
   let {
-    disabled: disabled2,
+    disabled,
     index: index2,
     node,
     rect
@@ -9547,7 +9547,7 @@ function useDerivedTransform(_ref) {
   const [derivedTransform, setDerivedtransform] = useState(null);
   const previousIndex = useRef(index2);
   useIsomorphicLayoutEffect(() => {
-    if (!disabled2 && index2 !== previousIndex.current && node.current) {
+    if (!disabled && index2 !== previousIndex.current && node.current) {
       const initial = rect.current;
       if (initial) {
         const current = getClientRect(node.current, {
@@ -9567,7 +9567,7 @@ function useDerivedTransform(_ref) {
     if (index2 !== previousIndex.current) {
       previousIndex.current = index2;
     }
-  }, [disabled2, index2, node, rect]);
+  }, [disabled, index2, node, rect]);
   useEffect(() => {
     if (derivedTransform) {
       setDerivedtransform(null);
@@ -9598,7 +9598,7 @@ function useSortable(_ref) {
     useDragOverlay,
     strategy: globalStrategy
   } = useContext(Context);
-  const disabled2 = normalizeLocalDisabled(localDisabled, globalDisabled);
+  const disabled = normalizeLocalDisabled(localDisabled, globalDisabled);
   const index2 = items.indexOf(id);
   const data = useMemo(() => ({
     sortable: {
@@ -9617,7 +9617,7 @@ function useSortable(_ref) {
   } = useDroppable({
     id,
     data,
-    disabled: disabled2.droppable,
+    disabled: disabled.droppable,
     resizeObserverConfig: {
       updateMeasurementsFor: itemsAfterCurrentSortable,
       ...resizeObserverConfig
@@ -9641,7 +9641,7 @@ function useSortable(_ref) {
       ...defaultAttributes,
       ...userDefinedAttributes
     },
-    disabled: disabled2.draggable
+    disabled: disabled.draggable
   });
   const setNodeRef = useCombinedRefs(setDroppableNodeRef, setDraggableNodeRef);
   const isSorting = Boolean(active);
@@ -10637,16 +10637,14 @@ const TaskListTableDefaultInner = ({
   );
 };
 const TaskListTable = memo(TaskListTableDefaultInner);
-const taskListRoot = "_taskListRoot_cyzwo_1";
-const taskListHorizontalScroll = "_taskListHorizontalScroll_cyzwo_19";
-const taskListResizer = "_taskListResizer_cyzwo_81";
-const horizontalContainer$1 = "_horizontalContainer_cyzwo_145";
-const tableWrapper = "_tableWrapper_cyzwo_159";
-const scrollToTop = "_scrollToTop_cyzwo_173";
-const scrollToBottom = "_scrollToBottom_cyzwo_189";
-const hidden = "_hidden_cyzwo_205";
-const disabled$1 = "_disabled_cyzwo_213";
-const disabledOverlay$1 = "_disabledOverlay_cyzwo_221";
+const taskListRoot = "_taskListRoot_yoz76_1";
+const taskListHorizontalScroll = "_taskListHorizontalScroll_yoz76_19";
+const taskListResizer = "_taskListResizer_yoz76_81";
+const horizontalContainer$1 = "_horizontalContainer_yoz76_145";
+const tableWrapper = "_tableWrapper_yoz76_159";
+const scrollToTop = "_scrollToTop_yoz76_173";
+const scrollToBottom = "_scrollToBottom_yoz76_189";
+const hidden = "_hidden_yoz76_205";
 const styles$d = {
   taskListRoot,
   taskListHorizontalScroll,
@@ -10655,9 +10653,7 @@ const styles$d = {
   tableWrapper,
   scrollToTop,
   scrollToBottom,
-  hidden,
-  disabled: disabled$1,
-  disabledOverlay: disabledOverlay$1
+  hidden
 };
 const checkHasChildren = (task, childTasksMap) => {
   const { id, comparisonLevel = 1 } = task;
@@ -10706,8 +10702,7 @@ const TaskListInner = ({
   tasks,
   onResizeColumn,
   canReorderTasks,
-  tableBottom,
-  isLoading = false
+  tableBottom
 }) => {
   const [
     columns,
@@ -10884,8 +10879,7 @@ const TaskListInner = ({
               {
                 className: `${styles$d.scrollToBottom} ${!renderedIndexes || renderedIndexes[3] ? styles$d.hidden : ""}`
               }
-            ),
-            isLoading && /* @__PURE__ */ jsx("div", { className: styles$d.disabledOverlay })
+            )
           ] }),
           (tableBottom == null ? void 0 : tableBottom.renderContent) && (tableBottom == null ? void 0 : tableBottom.height) && /* @__PURE__ */ jsx("div", { style: { height: tableBottom.height, width: "100%" }, children: tableBottom.renderContent() })
         ]
@@ -10915,6 +10909,285 @@ 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 calculateDataDatePosition = ({
+  dataDate,
+  startDate,
+  viewMode,
+  columnWidth,
+  tasks = [],
+  rtl = false
+}) => {
+  const tasksStartingOnDataDate = tasks.filter((task) => {
+    if (!task || !task.start)
+      return false;
+    const taskStartDate = new Date(task.start);
+    const dataDateNormalized = new Date(dataDate);
+    switch (viewMode) {
+      case ViewMode.Hour:
+        return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && taskStartDate.getHours() === dataDateNormalized.getHours();
+      case ViewMode.QuarterDay:
+        return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && Math.floor(taskStartDate.getHours() / 6) === Math.floor(dataDateNormalized.getHours() / 6);
+      case ViewMode.HalfDay:
+        return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && Math.floor(taskStartDate.getHours() / 12) === Math.floor(dataDateNormalized.getHours() / 12);
+      case ViewMode.Day:
+        return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate();
+      case ViewMode.Week: {
+        const taskWeekStart = new Date(taskStartDate);
+        taskWeekStart.setDate(taskStartDate.getDate() - taskStartDate.getDay());
+        const dataWeekStart = new Date(dataDateNormalized);
+        dataWeekStart.setDate(
+          dataDateNormalized.getDate() - dataDateNormalized.getDay()
+        );
+        return taskWeekStart.getTime() === dataWeekStart.getTime();
+      }
+      case ViewMode.Month:
+        return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth();
+      case ViewMode.Year:
+        return taskStartDate.getFullYear() === dataDateNormalized.getFullYear();
+      default:
+        return false;
+    }
+  });
+  if (tasksStartingOnDataDate.length > 0) {
+    let maxEndPosition = -Infinity;
+    for (const task of tasksStartingOnDataDate) {
+      const taskEndX = taskXCoordinate(
+        task.end,
+        startDate,
+        viewMode,
+        columnWidth
+      );
+      maxEndPosition = Math.max(maxEndPosition, taskEndX);
+    }
+    if (maxEndPosition > -Infinity) {
+      return maxEndPosition;
+    }
+  }
+  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();
+  return rtl ? tickX + columnWidth : tickX;
+};
 const GanttTodayInner = ({
   additionalLeftSpace,
   distances: { columnWidth },
@@ -10929,7 +11202,8 @@ const GanttTodayInner = ({
   todayColor = null,
   dataDateColor = null,
   todayLabel = "Today",
-  dataDateLabel = "Data Date"
+  dataDateLabel = "Data Date",
+  tasks = []
 }) => {
   const todayElement = useMemo(() => {
     if (isUnknownDates || !showTodayLine) {
@@ -11012,32 +11286,15 @@ const GanttTodayInner = ({
     if (!showDataDateLine || !dataDate) {
       return null;
     }
-    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 tickX = calculateDataDatePosition({
+      dataDate,
+      startDate,
+      viewMode,
+      columnWidth,
+      tasks,
+      rtl
+    });
+    const x = rtl ? tickX : tickX;
     const color = dataDateColor || "var(--gantt-calendar-today-color)";
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
@@ -11083,7 +11340,8 @@ const GanttTodayInner = ({
     showDataDateLine,
     dataDate,
     dataDateColor,
-    dataDateLabel
+    dataDateLabel,
+    tasks
   ]);
   return /* @__PURE__ */ jsxs("g", { className: "today", children: [
     dataDateElement,
@@ -11778,204 +12036,6 @@ 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";
@@ -13369,19 +13429,15 @@ const TaskGanttContentInner = (props) => {
   ] });
 };
 const TaskGanttContent = memo(TaskGanttContentInner);
-const ganttVerticalContainer = "_ganttVerticalContainer_15ld3_1";
-const horizontalContainer = "_horizontalContainer_15ld3_73";
-const wrapper = "_wrapper_15ld3_85";
-const calendarDragging = "_calendarDragging_15ld3_109";
-const disabled = "_disabled_15ld3_117";
-const disabledOverlay = "_disabledOverlay_15ld3_125";
+const ganttVerticalContainer = "_ganttVerticalContainer_1wr55_1";
+const horizontalContainer = "_horizontalContainer_1wr55_73";
+const wrapper = "_wrapper_1wr55_85";
+const calendarDragging = "_calendarDragging_1wr55_109";
 const styles$2 = {
   ganttVerticalContainer,
   horizontalContainer,
   wrapper,
-  calendarDragging,
-  disabled,
-  disabledOverlay
+  calendarDragging
 };
 const TaskGanttInner = (props) => {
   const {
@@ -13401,8 +13457,7 @@ const TaskGanttInner = (props) => {
     onVerticalScrollbarScrollX,
     verticalGanttContainerRef,
     verticalScrollbarRef,
-    onOpenGanttContextMenu,
-    isLoading = false
+    onOpenGanttContextMenu
   } = props;
   const contentRef = React__default.useRef(null);
   const moveStateVertRef = useRef(null);
@@ -13526,44 +13581,41 @@ const TaskGanttInner = (props) => {
             children: /* @__PURE__ */ jsx(Calendar, { scrollRef: verticalGanttContainerRef, ...calendarProps })
           }
         ),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(
           "div",
           {
             ref: horizontalContainerRef,
             className: styles$2.horizontalContainer,
             style: containerStyle,
-            children: [
-              /* @__PURE__ */ jsx("div", { style: gridStyle, children: /* @__PURE__ */ jsxs(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  width: fullSvgWidth,
-                  height: ganttFullHeight,
-                  fontFamily: "var(--gantt-font-family)",
-                  ref: ganttSVGRef,
-                  onContextMenu: (event) => {
-                    event.preventDefault();
-                    if (onOpenGanttContextMenu) {
-                      onOpenGanttContextMenu(event.clientX, event.clientY);
+            children: /* @__PURE__ */ jsx("div", { style: gridStyle, children: /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: fullSvgWidth,
+                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(
+                    "rect",
+                    {
+                      ref: contentRef,
+                      width: "100%",
+                      height: "100%",
+                      fill: "transparent"
                     }
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(GanttToday, { ...ganttTodayProps }),
-                    /* @__PURE__ */ jsx(
-                      "rect",
-                      {
-                        ref: contentRef,
-                        width: "100%",
-                        height: "100%",
-                        fill: "transparent"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(TaskGanttContent, { ...barProps })
-                  ]
-                }
-              ) }),
-              isLoading && /* @__PURE__ */ jsx("div", { className: styles$2.disabledOverlay })
-            ]
+                  ),
+                  /* @__PURE__ */ jsx(TaskGanttContent, { ...barProps })
+                ]
+              }
+            ) })
           }
         )
       ]
@@ -18033,7 +18085,7 @@ function MenuOption(props) {
     },
     handleAction,
     option,
-    option: { icon: icon2, label: label2, disabled: disabled2, children }
+    option: { icon: icon2, label: label2, disabled, children }
   } = props;
   const [hovered, setHovered] = useState(false);
   const [coords, setCoords] = useState(null);
@@ -18043,7 +18095,7 @@ function MenuOption(props) {
   const onClick = useCallback(
     (e) => {
       e.preventDefault();
-      if (disabled2) {
+      if (disabled) {
         return;
       }
       if (children && children.length > 0) {
@@ -18053,7 +18105,7 @@ function MenuOption(props) {
       handleAction(option);
       onClose == null ? void 0 : onClose();
     },
-    [onClose, handleAction, option, disabled2, children]
+    [onClose, handleAction, option, disabled, children]
   );
   useEffect(() => {
     if (!hovered || !nestedRef.current)
@@ -18113,8 +18165,8 @@ function MenuOption(props) {
           "button",
           {
             className: styles$1.menuOption,
-            "aria-disabled": disabled2,
-            disabled: disabled2,
+            "aria-disabled": disabled,
+            disabled,
             style: {
               height: contextMenuOptionHeight,
               paddingLeft: contextMenuSidePadding,
@@ -18131,7 +18183,7 @@ function MenuOption(props) {
                   style: {
                     width: contextMenuIconWidth,
                     color: "var(--gantt-context-menu-text-color)",
-                    opacity: disabled2 ? 0.3 : 0.5
+                    opacity: disabled ? 0.3 : 0.5
                   },
                   children: icon2
                 }
@@ -18998,8 +19050,7 @@ const Gantt = (props) => {
     todayLabel = "Today",
     dataDateLabel = "Data Date",
     showProgress = true,
-    progressColor,
-    isLoading = false
+    progressColor
   } = props;
   const ganttSVGRef = useRef(null);
   const wrapperRef = useRef(null);
@@ -20201,7 +20252,8 @@ const Gantt = (props) => {
       todayColor,
       dataDateColor,
       todayLabel,
-      dataDateLabel
+      dataDateLabel,
+      tasks: sortedTasks.filter((task) => task.type !== "empty")
     }),
     [
       additionalLeftSpace,
@@ -20217,7 +20269,8 @@ const Gantt = (props) => {
       todayColor,
       dataDateColor,
       todayLabel,
-      dataDateLabel
+      dataDateLabel,
+      sortedTasks
     ]
   );
   const calendarProps = useMemo(
@@ -20362,8 +20415,7 @@ const Gantt = (props) => {
       taskListContainerRef,
       taskListRef,
       tasks: visibleTasks,
-      ganttRef: wrapperRef,
-      isLoading
+      ganttRef: wrapperRef
     }),
     [
       childTasksMap,
@@ -20392,8 +20444,7 @@ const Gantt = (props) => {
       selectedIdsMirror,
       taskList,
       taskListContainerRef,
-      visibleTasks,
-      isLoading
+      visibleTasks
     ]
   );
   return /* @__PURE__ */ jsx(GanttThemeProvider, { theme, children: (cssVars) => /* @__PURE__ */ jsx(GanttLocaleProvider, { locale, children: /* @__PURE__ */ jsxs(
@@ -20431,8 +20482,7 @@ const Gantt = (props) => {
             verticalGanttContainerRef,
             onOpenGanttContextMenu: (clientX, clientY) => {
               handleOpenGanttContextMenu(null, clientX, clientY);
-            },
-            isLoading
+            }
           }
         ),
         tooltipTaskFromMap && /* @__PURE__ */ jsx(