gantt-task-react-v 1.2.5 → 1.2.7

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

@@ -11120,6 +11120,9 @@ const calculateDataDatePosition = ({
       return false;
     const taskStartDate = new Date(task.start);
     const dataDateNormalized = new Date(dataDate);
+    if (viewMode === ViewMode.Day) {
+      return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate();
+    }
     switch (viewMode) {
       case ViewMode.Hour:
         return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && taskStartDate.getHours() === dataDateNormalized.getHours();
@@ -11127,8 +11130,6 @@ const calculateDataDatePosition = ({
         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());
@@ -11147,52 +11148,22 @@ const calculateDataDatePosition = ({
     }
   });
   if (tasksStartingOnDataDate.length > 0) {
-    let dataDateEndTime;
-    switch (viewMode) {
-      case ViewMode.Hour:
-        dataDateEndTime = new Date(dataDate.getTime() + 60 * 60 * 1e3);
-        break;
-      case ViewMode.QuarterDay:
-        dataDateEndTime = new Date(dataDate.getTime() + 6 * 60 * 60 * 1e3);
-        break;
-      case ViewMode.HalfDay:
-        dataDateEndTime = new Date(dataDate.getTime() + 12 * 60 * 60 * 1e3);
-        break;
-      case ViewMode.Day:
-        dataDateEndTime = new Date(dataDate);
-        dataDateEndTime.setHours(23, 59, 59, 999);
-        break;
-      case ViewMode.Week: {
-        dataDateEndTime = new Date(dataDate);
-        dataDateEndTime.setDate(dataDate.getDate() + (6 - dataDate.getDay()));
-        dataDateEndTime.setHours(23, 59, 59, 999);
-        break;
-      }
-      case ViewMode.Month: {
-        dataDateEndTime = new Date(
-          dataDate.getFullYear(),
-          dataDate.getMonth() + 1,
-          0
-        );
-        dataDateEndTime.setHours(23, 59, 59, 999);
-        break;
-      }
-      case ViewMode.Year: {
-        dataDateEndTime = new Date(dataDate.getFullYear(), 11, 31);
-        dataDateEndTime.setHours(23, 59, 59, 999);
-        break;
-      }
-      default:
-        dataDateEndTime = new Date(dataDate);
-        dataDateEndTime.setHours(23, 59, 59, 999);
-    }
-    const dataDateEndPosition = taskXCoordinate(
-      dataDateEndTime,
+    const virtualMilestone = {
+      id: "virtual-data-date-milestone",
+      type: "milestone",
+      name: "Data Date",
+      start: dataDate,
+      end: dataDate,
+      // Same as start date for milestone
+      progress: 100
+    };
+    const milestoneEndPosition = taskXCoordinate(
+      virtualMilestone.end,
       startDate,
       viewMode,
       columnWidth
     );
-    return dataDateEndPosition;
+    return milestoneEndPosition;
   }
   const dataIndex = getDatesDiff(dataDate, startDate, viewMode);
   const extraMultiplier = () => {

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

@@ -11137,6 +11137,9 @@
         return false;
       const taskStartDate = new Date(task.start);
       const dataDateNormalized = new Date(dataDate);
+      if (viewMode === ViewMode.Day) {
+        return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate();
+      }
       switch (viewMode) {
         case ViewMode.Hour:
           return taskStartDate.getFullYear() === dataDateNormalized.getFullYear() && taskStartDate.getMonth() === dataDateNormalized.getMonth() && taskStartDate.getDate() === dataDateNormalized.getDate() && taskStartDate.getHours() === dataDateNormalized.getHours();
@@ -11144,8 +11147,6 @@
           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());
@@ -11164,52 +11165,22 @@
       }
     });
     if (tasksStartingOnDataDate.length > 0) {
-      let dataDateEndTime;
-      switch (viewMode) {
-        case ViewMode.Hour:
-          dataDateEndTime = new Date(dataDate.getTime() + 60 * 60 * 1e3);
-          break;
-        case ViewMode.QuarterDay:
-          dataDateEndTime = new Date(dataDate.getTime() + 6 * 60 * 60 * 1e3);
-          break;
-        case ViewMode.HalfDay:
-          dataDateEndTime = new Date(dataDate.getTime() + 12 * 60 * 60 * 1e3);
-          break;
-        case ViewMode.Day:
-          dataDateEndTime = new Date(dataDate);
-          dataDateEndTime.setHours(23, 59, 59, 999);
-          break;
-        case ViewMode.Week: {
-          dataDateEndTime = new Date(dataDate);
-          dataDateEndTime.setDate(dataDate.getDate() + (6 - dataDate.getDay()));
-          dataDateEndTime.setHours(23, 59, 59, 999);
-          break;
-        }
-        case ViewMode.Month: {
-          dataDateEndTime = new Date(
-            dataDate.getFullYear(),
-            dataDate.getMonth() + 1,
-            0
-          );
-          dataDateEndTime.setHours(23, 59, 59, 999);
-          break;
-        }
-        case ViewMode.Year: {
-          dataDateEndTime = new Date(dataDate.getFullYear(), 11, 31);
-          dataDateEndTime.setHours(23, 59, 59, 999);
-          break;
-        }
-        default:
-          dataDateEndTime = new Date(dataDate);
-          dataDateEndTime.setHours(23, 59, 59, 999);
-      }
-      const dataDateEndPosition = taskXCoordinate(
-        dataDateEndTime,
+      const virtualMilestone = {
+        id: "virtual-data-date-milestone",
+        type: "milestone",
+        name: "Data Date",
+        start: dataDate,
+        end: dataDate,
+        // Same as start date for milestone
+        progress: 100
+      };
+      const milestoneEndPosition = taskXCoordinate(
+        virtualMilestone.end,
         startDate,
         viewMode,
         columnWidth
       );
-      return dataDateEndPosition;
+      return milestoneEndPosition;
     }
     const dataIndex = getDatesDiff(dataDate, startDate, viewMode);
     const extraMultiplier = () => {

package/dist/helpers/data-date-helper.d.ts

@@ -8,7 +8,7 @@ export interface DataDatePositionOptions {
     rtl?: boolean;
 }
 /**
- * Calculate enhanced data date line position that considers tasks starting on the same date
- * When tasks start exactly on the data date, positions the line at the end of those task bars
+ * Calculate data date line position by creating a virtual milestone bar for the data date
+ * and positioning the line at the end of that milestone bar (just like the custom frontend fix)
  */
 export declare const calculateDataDatePosition: ({ dataDate, startDate, viewMode, columnWidth, tasks, rtl, }: DataDatePositionOptions) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-task-react-v",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",