gantt-task-react-v 1.2.2 → 1.2.4

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

@@ -7473,11 +7473,11 @@
   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 = {
@@ -7494,7 +7494,7 @@
           [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;
@@ -7543,8 +7543,8 @@
       strategy
     } = config;
     const containersRef = React.useRef(containers);
-    const disabled2 = isDisabled();
-    const disabledRef = useLatestValue(disabled2);
+    const disabled = isDisabled();
+    const disabledRef = useLatestValue(disabled);
     const measureDroppableContainers = React.useCallback(function(ids2) {
       if (ids2 === void 0) {
         ids2 = [];
@@ -7561,7 +7561,7 @@
     }, [disabledRef]);
     const timeoutId = React.useRef(null);
     const droppableRects = useLazyMemo((previousValue) => {
-      if (disabled2 && !dragging2) {
+      if (disabled && !dragging2) {
         return defaultValue;
       }
       if (!previousValue || previousValue === defaultValue || containersRef.current !== containers || queue != null) {
@@ -7584,19 +7584,19 @@
         return map;
       }
       return previousValue;
-    }, [containers, queue, dragging2, disabled2, measure]);
+    }, [containers, queue, dragging2, disabled, measure]);
     React.useEffect(() => {
       containersRef.current = containers;
     }, [containers]);
     React.useEffect(
       () => {
-        if (disabled2) {
+        if (disabled) {
           return;
         }
         measureDroppableContainers();
       },
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [dragging2, disabled2]
+      [dragging2, disabled]
     );
     React.useEffect(
       () => {
@@ -7609,7 +7609,7 @@
     );
     React.useEffect(
       () => {
-        if (disabled2 || typeof frequency !== "number" || timeoutId.current !== null) {
+        if (disabled || typeof frequency !== "number" || timeoutId.current !== null) {
           return;
         }
         timeoutId.current = setTimeout(() => {
@@ -7618,7 +7618,7 @@
         }, frequency);
       },
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [frequency, disabled2, measureDroppableContainers, ...dependencies]
+      [frequency, disabled, measureDroppableContainers, ...dependencies]
     );
     return {
       droppableRects,
@@ -7653,18 +7653,18 @@
   function useMutationObserver(_ref) {
     let {
       callback,
-      disabled: disabled2
+      disabled
     } = _ref;
     const handleMutations = useEvent(callback);
     const mutationObserver = React.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]);
     React.useEffect(() => {
       return () => mutationObserver == null ? void 0 : mutationObserver.disconnect();
     }, [mutationObserver]);
@@ -7673,12 +7673,12 @@
   function useResizeObserver(_ref) {
     let {
       callback,
-      disabled: disabled2
+      disabled
     } = _ref;
     const handleResize = useEvent(callback);
     const resizeObserver = React.useMemo(
       () => {
-        if (disabled2 || typeof window === "undefined" || typeof window.ResizeObserver === "undefined") {
+        if (disabled || typeof window === "undefined" || typeof window.ResizeObserver === "undefined") {
           return void 0;
         }
         const {
@@ -7687,7 +7687,7 @@
         return new ResizeObserver2(handleResize);
       },
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [disabled2]
+      [disabled]
     );
     React.useEffect(() => {
       return () => resizeObserver == null ? void 0 : resizeObserver.disconnect();
@@ -8005,9 +8005,9 @@
     getEnabled() {
       return this.toArray().filter((_ref) => {
         let {
-          disabled: disabled2
+          disabled
         } = _ref;
-        return !disabled2;
+        return !disabled;
       });
     }
     getNodeFor(id) {
@@ -8137,7 +8137,7 @@
         const {
           id,
           key: key2,
-          disabled: disabled2
+          disabled
         } = action;
         const element = state.droppable.containers.get(id);
         if (!element || key2 !== element.key) {
@@ -8146,7 +8146,7 @@
         const containers = new DroppableContainersMap(state.droppable.containers);
         containers.set(id, {
           ...element,
-          disabled: disabled2
+          disabled
         });
         return {
           ...state,
@@ -8182,7 +8182,7 @@
   }
   function RestoreFocus(_ref) {
     let {
-      disabled: disabled2
+      disabled
     } = _ref;
     const {
       active,
@@ -8192,7 +8192,7 @@
     const previousActivatorEvent = usePrevious(activatorEvent);
     const previousActiveId = usePrevious(active == null ? void 0 : active.id);
     React.useEffect(() => {
-      if (disabled2) {
+      if (disabled) {
         return;
       }
       if (!activatorEvent && previousActivatorEvent && previousActiveId != null) {
@@ -8226,7 +8226,7 @@
           }
         });
       }
-    }, [activatorEvent, disabled2, draggableNodes, previousActiveId, previousActivatorEvent]);
+    }, [activatorEvent, disabled, draggableNodes, previousActiveId, previousActivatorEvent]);
     return null;
   }
   function applyModifiers(modifiers, _ref) {
@@ -8277,8 +8277,8 @@
       y: config
     } : config;
     useIsomorphicLayoutEffect(() => {
-      const disabled2 = !x && !y;
-      if (disabled2 || !activeNode) {
+      const disabled = !x && !y;
+      if (disabled || !activeNode) {
         initialized.current = false;
         return;
       }
@@ -8785,7 +8785,7 @@
     let {
       id,
       data,
-      disabled: disabled2 = false,
+      disabled = false,
       attributes
     } = _ref;
     const key2 = useUniqueId(ID_PREFIX$1);
@@ -8831,18 +8831,18 @@
     const memoizedAttributes = React.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,
@@ -8860,7 +8860,7 @@
   function useDroppable(_ref) {
     let {
       data,
-      disabled: disabled2 = false,
+      disabled = false,
       id,
       resizeObserverConfig
     } = _ref;
@@ -8872,7 +8872,7 @@
       measureDroppableContainers
     } = React.useContext(InternalContext);
     const previous = React.useRef({
-      disabled: disabled2
+      disabled
     });
     const resizeObserverConnected = React.useRef(false);
     const rect = React.useRef(null);
@@ -8936,7 +8936,7 @@
           element: {
             id,
             key: key2,
-            disabled: disabled2,
+            disabled,
             node: nodeRef,
             rect,
             data: dataRef
@@ -8952,16 +8952,16 @@
       [id]
     );
     React.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,
@@ -9352,14 +9352,14 @@
     }
     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 {
@@ -9481,7 +9481,7 @@
     const previousItemsRef = React.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);
@@ -9494,7 +9494,7 @@
       () => ({
         activeIndex,
         containerId,
-        disabled: disabled2,
+        disabled,
         disableTransforms,
         items,
         overIndex,
@@ -9503,7 +9503,7 @@
         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.createElement(Context.Provider, {
       value: contextValue
@@ -9556,7 +9556,7 @@
   };
   function useDerivedTransform(_ref) {
     let {
-      disabled: disabled2,
+      disabled,
       index: index2,
       node,
       rect
@@ -9564,7 +9564,7 @@
     const [derivedTransform, setDerivedtransform] = React.useState(null);
     const previousIndex = React.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, {
@@ -9584,7 +9584,7 @@
       if (index2 !== previousIndex.current) {
         previousIndex.current = index2;
       }
-    }, [disabled2, index2, node, rect]);
+    }, [disabled, index2, node, rect]);
     React.useEffect(() => {
       if (derivedTransform) {
         setDerivedtransform(null);
@@ -9615,7 +9615,7 @@
       useDragOverlay,
       strategy: globalStrategy
     } = React.useContext(Context);
-    const disabled2 = normalizeLocalDisabled(localDisabled, globalDisabled);
+    const disabled = normalizeLocalDisabled(localDisabled, globalDisabled);
     const index2 = items.indexOf(id);
     const data = React.useMemo(() => ({
       sortable: {
@@ -9634,7 +9634,7 @@
     } = useDroppable({
       id,
       data,
-      disabled: disabled2.droppable,
+      disabled: disabled.droppable,
       resizeObserverConfig: {
         updateMeasurementsFor: itemsAfterCurrentSortable,
         ...resizeObserverConfig
@@ -9658,7 +9658,7 @@
         ...defaultAttributes,
         ...userDefinedAttributes
       },
-      disabled: disabled2.draggable
+      disabled: disabled.draggable
     });
     const setNodeRef = useCombinedRefs(setDroppableNodeRef, setDraggableNodeRef);
     const isSorting = Boolean(active);
@@ -10654,16 +10654,14 @@
     );
   };
   const TaskListTable = React.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,
@@ -10672,9 +10670,7 @@
     tableWrapper,
     scrollToTop,
     scrollToBottom,
-    hidden,
-    disabled: disabled$1,
-    disabledOverlay: disabledOverlay$1
+    hidden
   };
   const checkHasChildren = (task, childTasksMap) => {
     const { id, comparisonLevel = 1 } = task;
@@ -10723,8 +10719,7 @@
     tasks,
     onResizeColumn,
     canReorderTasks,
-    tableBottom,
-    isLoading = false
+    tableBottom
   }) => {
     const [
       columns,
@@ -10901,8 +10896,7 @@
                 {
                   className: `${styles$d.scrollToBottom} ${!renderedIndexes || renderedIndexes[3] ? styles$d.hidden : ""}`
                 }
-              ),
-              isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$d.disabledOverlay })
+              )
             ] }),
             (tableBottom == null ? void 0 : tableBottom.renderContent) && (tableBottom == null ? void 0 : tableBottom.height) && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: tableBottom.height, width: "100%" }, children: tableBottom.renderContent() })
           ]
@@ -10932,6 +10926,285 @@
     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 },
@@ -10946,7 +11219,8 @@
     todayColor = null,
     dataDateColor = null,
     todayLabel = "Today",
-    dataDateLabel = "Data Date"
+    dataDateLabel = "Data Date",
+    tasks = []
   }) => {
     const todayElement = React.useMemo(() => {
       if (isUnknownDates || !showTodayLine) {
@@ -11029,32 +11303,15 @@
       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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -11100,7 +11357,8 @@
       showDataDateLine,
       dataDate,
       dataDateColor,
-      dataDateLabel
+      dataDateLabel,
+      tasks
     ]);
     return /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "today", children: [
       dataDateElement,
@@ -11795,204 +12053,6 @@
       }
     );
   };
-  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";
@@ -13386,19 +13446,15 @@
     ] });
   };
   const TaskGanttContent = React.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 {
@@ -13418,8 +13474,7 @@
       onVerticalScrollbarScrollX,
       verticalGanttContainerRef,
       verticalScrollbarRef,
-      onOpenGanttContextMenu,
-      isLoading = false
+      onOpenGanttContextMenu
     } = props;
     const contentRef = React.useRef(null);
     const moveStateVertRef = React.useRef(null);
@@ -13543,44 +13598,41 @@
               children: /* @__PURE__ */ jsxRuntime.jsx(Calendar, { scrollRef: verticalGanttContainerRef, ...calendarProps })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               ref: horizontalContainerRef,
               className: styles$2.horizontalContainer,
               style: containerStyle,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { style: gridStyle, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { style: gridStyle, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(GanttToday, { ...ganttTodayProps }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "rect",
+                      {
+                        ref: contentRef,
+                        width: "100%",
+                        height: "100%",
+                        fill: "transparent"
                       }
-                    },
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(GanttToday, { ...ganttTodayProps }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "rect",
-                        {
-                          ref: contentRef,
-                          width: "100%",
-                          height: "100%",
-                          fill: "transparent"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(TaskGanttContent, { ...barProps })
-                    ]
-                  }
-                ) }),
-                isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$2.disabledOverlay })
-              ]
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(TaskGanttContent, { ...barProps })
+                  ]
+                }
+              ) })
             }
           )
         ]
@@ -18050,7 +18102,7 @@
       },
       handleAction,
       option,
-      option: { icon: icon2, label: label2, disabled: disabled2, children }
+      option: { icon: icon2, label: label2, disabled, children }
     } = props;
     const [hovered, setHovered] = React.useState(false);
     const [coords, setCoords] = React.useState(null);
@@ -18060,7 +18112,7 @@
     const onClick = React.useCallback(
       (e) => {
         e.preventDefault();
-        if (disabled2) {
+        if (disabled) {
           return;
         }
         if (children && children.length > 0) {
@@ -18070,7 +18122,7 @@
         handleAction(option);
         onClose == null ? void 0 : onClose();
       },
-      [onClose, handleAction, option, disabled2, children]
+      [onClose, handleAction, option, disabled, children]
     );
     React.useEffect(() => {
       if (!hovered || !nestedRef.current)
@@ -18130,8 +18182,8 @@
             "button",
             {
               className: styles$1.menuOption,
-              "aria-disabled": disabled2,
-              disabled: disabled2,
+              "aria-disabled": disabled,
+              disabled,
               style: {
                 height: contextMenuOptionHeight,
                 paddingLeft: contextMenuSidePadding,
@@ -18148,7 +18200,7 @@
                     style: {
                       width: contextMenuIconWidth,
                       color: "var(--gantt-context-menu-text-color)",
-                      opacity: disabled2 ? 0.3 : 0.5
+                      opacity: disabled ? 0.3 : 0.5
                     },
                     children: icon2
                   }
@@ -19015,8 +19067,7 @@
       todayLabel = "Today",
       dataDateLabel = "Data Date",
       showProgress = true,
-      progressColor,
-      isLoading = false
+      progressColor
     } = props;
     const ganttSVGRef = React.useRef(null);
     const wrapperRef = React.useRef(null);
@@ -20218,7 +20269,8 @@
         todayColor,
         dataDateColor,
         todayLabel,
-        dataDateLabel
+        dataDateLabel,
+        tasks: sortedTasks.filter((task) => task.type !== "empty")
       }),
       [
         additionalLeftSpace,
@@ -20234,7 +20286,8 @@
         todayColor,
         dataDateColor,
         todayLabel,
-        dataDateLabel
+        dataDateLabel,
+        sortedTasks
       ]
     );
     const calendarProps = React.useMemo(
@@ -20379,8 +20432,7 @@
         taskListContainerRef,
         taskListRef,
         tasks: visibleTasks,
-        ganttRef: wrapperRef,
-        isLoading
+        ganttRef: wrapperRef
       }),
       [
         childTasksMap,
@@ -20409,8 +20461,7 @@
         selectedIdsMirror,
         taskList,
         taskListContainerRef,
-        visibleTasks,
-        isLoading
+        visibleTasks
       ]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(GanttThemeProvider, { theme, children: (cssVars) => /* @__PURE__ */ jsxRuntime.jsx(GanttLocaleProvider, { locale, children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -20448,8 +20499,7 @@
               verticalGanttContainerRef,
               onOpenGanttContextMenu: (clientX, clientY) => {
                 handleOpenGanttContextMenu(null, clientX, clientY);
-              },
-              isLoading
+              }
             }
           ),
           tooltipTaskFromMap && /* @__PURE__ */ jsxRuntime.jsx(