@thepocman/gantt-task-react 1.0.19 → 1.0.22

package/dist/components/calendar/calendar.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DateSetup, RenderTopHeader, RenderBottomHeader, Distances, ColorStyles } from "../../types/public-types";
+import { ColorStyles, DateSetup, Distances, RenderBottomHeader, RenderTopHeader } from "../../types/public-types";
 export type CalendarProps = {
     additionalLeftSpace: number;
     dateSetup: DateSetup;

package/dist/components/task-list/task-list.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentType, MouseEvent, RefObject, SyntheticEvent } from "react";
 import React from "react";
-import { ChildByLevelMap, ColorStyles, Column, DateSetup, DependencyMap, Distances, Icons, MapTaskToNestedIndex, OnResizeColumn, RowIndexToTasksMap, Task, TaskListHeaderProps, TaskListTableProps, TaskOrEmpty } from "../../types/public-types";
+import { ChildByLevelMap, ColorStyles, Column, DateSetup, DependencyMap, Distances, Icons, MapTaskToNestedIndex, OnResizeColumn, RowIndexToTasksMap, Task, TaskListHeaderProps, TaskListTableProps, TaskOrEmpty, TaskToRowIndexMap } from "../../types/public-types";
 import { TaskListHeaderActionsProps } from "./TaskListHeaderActions";
 export type TaskListProps = {
     canMoveTasks: boolean;
@@ -29,6 +29,7 @@ export type TaskListProps = {
     icons?: Partial<Icons>;
     isShowTaskNumbers: boolean;
     rowIndexToTasksMap: RowIndexToTasksMap;
+    taskToRowIndexMap: TaskToRowIndexMap;
     mapTaskToNestedIndex: MapTaskToNestedIndex;
     onClick?: (task: TaskOrEmpty) => void;
     onExpanderClick: (task: Task) => void;
@@ -70,6 +71,7 @@ export declare const TaskList: React.NamedExoticComponent<{
     icons?: Partial<Icons>;
     isShowTaskNumbers: boolean;
     rowIndexToTasksMap: RowIndexToTasksMap;
+    taskToRowIndexMap: TaskToRowIndexMap;
     mapTaskToNestedIndex: MapTaskToNestedIndex;
     onClick?: (task: TaskOrEmpty) => void;
     onExpanderClick: (task: Task) => void;

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

@@ -465,7 +465,8 @@ const collectChildren = (arrayRes, mirrorRes, task, childTasksOnLevel, enableTas
   if (comparisonLevel === 1) {
     mirrorRes[task.id] = true;
   }
-  if (task.type === "empty" || (enableTaskGrouping ? task.hideChildren && task.type !== "user" : task.hideChildren)) {
+  const isTaskGroupingEnabled = enableTaskGrouping ? task.hideChildren && task.type !== "user" : task.hideChildren;
+  if (task.type === "empty" || isTaskGroupingEnabled) {
     return;
   }
   const childs = childTasksOnLevel.get(task.id);
@@ -675,6 +676,7 @@ var ViewMode = /* @__PURE__ */ ((ViewMode2) => {
   ViewMode2["Week"] = "Week";
   ViewMode2["Month"] = "Month";
   ViewMode2["QuarterYear"] = "QuarterYear";
+  ViewMode2["HalfYear"] = "HalfYear";
   ViewMode2["Year"] = "Year";
   return ViewMode2;
 })(ViewMode || {});
@@ -857,6 +859,11 @@ const getDatesDiff = (dateFrom, dateTo, viewMode) => {
       throw new Error("Unknown view mode");
   }
 };
+const startOfHalfYear = (date) => {
+  const d4 = new Date(date);
+  const startMonth = d4.getMonth() < 6 ? 0 : 6;
+  return new Date(d4.getFullYear(), startMonth, 1);
+};
 const ganttDateRange = (tasks, viewMode, preStepsCount) => {
   let minTaskDate = null;
   let maxTaskDate = null;
@@ -882,6 +889,12 @@ const ganttDateRange = (tasks, viewMode, preStepsCount) => {
       newEndDate = addYears(maxTaskDate, 1);
       newEndDate = startOfYear(newEndDate);
       break;
+    case ViewMode.HalfYear:
+      newStartDate = subMonths(minTaskDate, preStepsCount * 6);
+      newStartDate = startOfHalfYear(newStartDate);
+      newEndDate = addMonths(maxTaskDate, 6);
+      newEndDate = startOfHalfYear(addMonths(newEndDate, 6));
+      break;
     case ViewMode.QuarterYear:
       newStartDate = subMonths(minTaskDate, preStepsCount * 3);
       newStartDate = startOfQuarter(newStartDate);
@@ -1254,7 +1267,7 @@ const getCriticalPath = (rootTasksMap, childTasksMap, tasksMap, dependencyMargin
   return res;
 };
 function isRealTask(task) {
-  return task.type === "task" || task.type === "milestone" || task.type === "project" || task.type === "user";
+  return task.type === "task" || task.type === "milestone" || task.type === "project" || task.type === "vacation" || task.type === "user";
 }
 const getMapTaskToCoordinatesOnLevel = (task, mapTaskToCoordinates) => {
   const {
@@ -4189,6 +4202,7 @@ const TaskListTableDefaultInner = ({
         );
       }
     } else {
+      const seen = /* @__PURE__ */ new Set();
       for (let rowIndex = start; rowIndex <= end; rowIndex++) {
         const taskList = (_a = rowIndexToTasksMap.get(1)) == null ? void 0 : _a.get(rowIndex);
         if (!taskList)
@@ -4197,14 +4211,15 @@ const TaskListTableDefaultInner = ({
           const parent = tasks.find((t2) => t2.id === task.parent);
           if (parent == null ? void 0 : parent.hideChildren)
             continue;
+          if (seen.has(task.id))
+            continue;
+          seen.add(task.id);
           const { id, comparisonLevel } = task;
           let depth = 0;
           let indexStr = "";
-          console.log("comparisonLevel", comparisonLevel);
           const levelMap = mapTaskToNestedIndex.get(comparisonLevel);
           const taskIndex = levelMap == null ? void 0 : levelMap.get(id);
           if (taskIndex) {
-            console.log("object :>> ", [depth, indexStr] = taskIndex);
             [depth, indexStr] = taskIndex;
           }
           renderList.push(
@@ -4280,50 +4295,6 @@ const TaskListTableDefaultInner = ({
   );
 };
 const TaskListTableDefault = memo(TaskListTableDefaultInner);
-const calendarMain = "_calendarMain_lemhx_1";
-const calendarBottomText = "_calendarBottomText_lemhx_13";
-const calendarTopTick = "_calendarTopTick_lemhx_35";
-const calendarTopText = "_calendarTopText_lemhx_43";
-const calendarHeader = "_calendarHeader_lemhx_65";
-const styles$a = {
-  calendarMain,
-  calendarBottomText,
-  calendarTopTick,
-  calendarTopText,
-  calendarHeader
-};
-const TopPartOfCalendar = ({
-  value,
-  x1Line,
-  y1Line,
-  y2Line,
-  xText,
-  yText,
-  colors
-}) => {
-  return /* @__PURE__ */ jsxs("g", { className: "calendarTop", children: [
-    /* @__PURE__ */ jsx(
-      "line",
-      {
-        x1: x1Line,
-        y1: y1Line,
-        x2: x1Line,
-        y2: y2Line,
-        className: styles$a.calendarTopTick
-      }
-    ),
-    value !== null && /* @__PURE__ */ jsx(
-      "text",
-      {
-        y: yText,
-        x: xText,
-        className: styles$a.calendarTopText,
-        style: { fill: colors.barLabelColor },
-        children: value
-      }
-    )
-  ] });
-};
 const defaultRenderBottomHeader = (date, viewMode, dateSetup, index2, isUnknownDates) => {
   if (isUnknownDates) {
     const {
@@ -4342,6 +4313,9 @@ const defaultRenderBottomHeader = (date, viewMode, dateSetup, index2, isUnknownD
         case ViewMode.Year:
           value = formatDistance3("xYears", offsetFromStart);
           break;
+        case ViewMode.HalfYear:
+          value = formatDistance3("xMonths", offsetFromStart * 6);
+          break;
         case ViewMode.Month:
           value = formatDistance3("xMonths", offsetFromStart);
           break;
@@ -4375,6 +4349,10 @@ const defaultRenderBottomHeader = (date, viewMode, dateSetup, index2, isUnknownD
   switch (viewMode) {
     case ViewMode.Year:
       return date.getFullYear();
+    case ViewMode.HalfYear: {
+      const half = Math.ceil((date.getMonth() + 1) / 6);
+      return `H${half}`;
+    }
     case ViewMode.Month:
       try {
         return format(date, dateSetup.dateFormats.monthBottomHeaderFormat, {
@@ -4430,10 +4408,16 @@ const getQuarterText = (date) => {
   const quarter = Math.ceil((date.getMonth() + 1) / 3);
   return `Q${quarter}`;
 };
+const getHalfYearText = (date) => {
+  const halfYear = Math.ceil((date.getMonth() + 1) / 6);
+  return `H${halfYear}`;
+};
 const defaultRenderTopHeader = (date, viewMode, dateSetup) => {
   switch (viewMode) {
     case ViewMode.Year:
       return date.getFullYear().toString();
+    case ViewMode.HalfYear:
+      return `${getHalfYearText(date)} ${date.getFullYear()}`;
     case ViewMode.QuarterYear:
       return `${getQuarterText(date)} ${date.getFullYear()}`;
     case ViewMode.Month:
@@ -4453,6 +4437,50 @@ const defaultRenderTopHeader = (date, viewMode, dateSetup) => {
       throw new Error("Unknown viewMode");
   }
 };
+const calendarMain = "_calendarMain_lemhx_1";
+const calendarBottomText = "_calendarBottomText_lemhx_13";
+const calendarTopTick = "_calendarTopTick_lemhx_35";
+const calendarTopText = "_calendarTopText_lemhx_43";
+const calendarHeader = "_calendarHeader_lemhx_65";
+const styles$a = {
+  calendarMain,
+  calendarBottomText,
+  calendarTopTick,
+  calendarTopText,
+  calendarHeader
+};
+const TopPartOfCalendar = ({
+  value,
+  x1Line,
+  y1Line,
+  y2Line,
+  xText,
+  yText,
+  colors
+}) => {
+  return /* @__PURE__ */ jsxs("g", { className: "calendarTop", children: [
+    /* @__PURE__ */ jsx(
+      "line",
+      {
+        x1: x1Line,
+        y1: y1Line,
+        x2: x1Line,
+        y2: y2Line,
+        className: styles$a.calendarTopTick
+      }
+    ),
+    value !== null && /* @__PURE__ */ jsx(
+      "text",
+      {
+        y: yText,
+        x: xText,
+        className: styles$a.calendarTopText,
+        style: { fill: colors.barLabelColor },
+        children: value
+      }
+    )
+  ] });
+};
 const Calendar = ({
   additionalLeftSpace,
   dateSetup,
@@ -4523,6 +4551,48 @@ const Calendar = ({
     }
     return [topValues2, bottomValues2];
   };
+  const getCalenderValuesForHalfYear = () => {
+    const topValues2 = [];
+    const bottomValues2 = [];
+    const topDefaultHeight = headerHeight * 0.5;
+    for (let i2 = startColumnIndex; i2 <= endColumnIndex; i2++) {
+      const date = getDate(i2);
+      const halfYear = "H" + Math.ceil((date.getMonth() + 1) / 6);
+      bottomValues2.push(
+        /* @__PURE__ */ jsx(
+          "text",
+          {
+            y: headerHeight * 0.8,
+            x: additionalLeftSpace + columnWidth * i2 + columnWidth * 0.5,
+            className: styles$a.calendarBottomText,
+            style: { fill: colors.barLabelColor },
+            children: halfYear
+          },
+          `${halfYear}-${date.getFullYear()}-${i2}`
+        )
+      );
+      if (!isUnknownDates && (i2 === startColumnIndex || date.getFullYear() !== getDate(i2 - 1).getFullYear())) {
+        const year = date.getFullYear().toString();
+        const startHalf = Math.floor(i2 / 6) * 6;
+        topValues2.push(
+          /* @__PURE__ */ jsx(
+            TopPartOfCalendar,
+            {
+              value: year,
+              x1Line: additionalLeftSpace + columnWidth * startHalf,
+              y1Line: 0,
+              y2Line: topDefaultHeight,
+              xText: additionalLeftSpace + columnWidth * (startHalf + 3),
+              yText: topDefaultHeight * 0.9,
+              colors
+            },
+            year
+          )
+        );
+      }
+    }
+    return [topValues2, bottomValues2];
+  };
   const getCalendarValuesForQuarterYear = () => {
     const topValues2 = [];
     const bottomValues2 = [];
@@ -4530,6 +4600,7 @@ const Calendar = ({
     for (let i2 = startColumnIndex; i2 <= endColumnIndex; i2++) {
       const date = getDate(i2);
       const quarter = "Q" + Math.ceil((date.getMonth() + 1) / 3);
+      console.log("quarter :>> ", quarter);
       bottomValues2.push(
         /* @__PURE__ */ jsx(
           "text",
@@ -4809,6 +4880,9 @@ const Calendar = ({
     case ViewMode.Year:
       [topValues, bottomValues] = getCalendarValuesForYear();
       break;
+    case ViewMode.HalfYear:
+      [topValues, bottomValues] = getCalenderValuesForHalfYear();
+      break;
     case ViewMode.QuarterYear:
       [topValues, bottomValues] = getCalendarValuesForQuarterYear();
       break;
@@ -5083,9 +5157,9 @@ const Grid = (props) => {
     /* @__PURE__ */ jsx(GridBody, { ...props })
   ] });
 };
-const ganttTaskRoot = "_ganttTaskRoot_jnu0p_1";
-const ganttTaskContent = "_ganttTaskContent_jnu0p_83";
-const wrapper$2 = "_wrapper_jnu0p_111";
+const ganttTaskRoot = "_ganttTaskRoot_1mu5y_1";
+const ganttTaskContent = "_ganttTaskContent_1mu5y_83";
+const wrapper$2 = "_wrapper_1mu5y_111";
 const styles$9 = {
   ganttTaskRoot,
   ganttTaskContent,
@@ -6558,7 +6632,6 @@ const TaskGanttContent = ({
         if (task)
           tasksAtRow.push(task);
       }
-      console.log("tasksAtRow", tasksAtRow);
       for (const task of tasksAtRow) {
         const comparisonLevel = task.comparisonLevel ?? 1;
         const { id: taskId } = task;
@@ -6823,6 +6896,7 @@ const TaskGanttInner = (props) => {
     height: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
     width: (ganttTaskRootRef == null ? void 0 : ganttTaskRootRef.current) ? ganttTaskRootRef.current.clientWidth + ganttTaskRootRef.current.scrollLeft : fullSvgWidth
   };
+  console.log("containerStyle:>> ", containerStyle);
   const gridStyle = useMemo(
     () => ({
       height: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
@@ -13055,6 +13129,7 @@ const Gantt = ({
     TaskListTable,
     enableTaskGrouping,
     rowIndexToTasksMap,
+    taskToRowIndexMap,
     canMoveTasks,
     canResizeColumns,
     childTasksMap,

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

@@ -478,7 +478,8 @@
     if (comparisonLevel === 1) {
       mirrorRes[task.id] = true;
     }
-    if (task.type === "empty" || (enableTaskGrouping ? task.hideChildren && task.type !== "user" : task.hideChildren)) {
+    const isTaskGroupingEnabled = enableTaskGrouping ? task.hideChildren && task.type !== "user" : task.hideChildren;
+    if (task.type === "empty" || isTaskGroupingEnabled) {
       return;
     }
     const childs = childTasksOnLevel.get(task.id);
@@ -688,6 +689,7 @@
     ViewMode2["Week"] = "Week";
     ViewMode2["Month"] = "Month";
     ViewMode2["QuarterYear"] = "QuarterYear";
+    ViewMode2["HalfYear"] = "HalfYear";
     ViewMode2["Year"] = "Year";
     return ViewMode2;
   })(ViewMode || {});
@@ -870,6 +872,11 @@
         throw new Error("Unknown view mode");
     }
   };
+  const startOfHalfYear = (date) => {
+    const d2 = new Date(date);
+    const startMonth = d2.getMonth() < 6 ? 0 : 6;
+    return new Date(d2.getFullYear(), startMonth, 1);
+  };
   const ganttDateRange = (tasks, viewMode, preStepsCount) => {
     let minTaskDate = null;
     let maxTaskDate = null;
@@ -895,6 +902,12 @@
         newEndDate = addYears(maxTaskDate, 1);
         newEndDate = startOfYear(newEndDate);
         break;
+      case ViewMode.HalfYear:
+        newStartDate = subMonths(minTaskDate, preStepsCount * 6);
+        newStartDate = startOfHalfYear(newStartDate);
+        newEndDate = addMonths(maxTaskDate, 6);
+        newEndDate = startOfHalfYear(addMonths(newEndDate, 6));
+        break;
       case ViewMode.QuarterYear:
         newStartDate = subMonths(minTaskDate, preStepsCount * 3);
         newStartDate = startOfQuarter(newStartDate);
@@ -1267,7 +1280,7 @@
     return res;
   };
   function isRealTask(task) {
-    return task.type === "task" || task.type === "milestone" || task.type === "project" || task.type === "user";
+    return task.type === "task" || task.type === "milestone" || task.type === "project" || task.type === "vacation" || task.type === "user";
   }
   const getMapTaskToCoordinatesOnLevel = (task, mapTaskToCoordinates) => {
     const {
@@ -4202,6 +4215,7 @@
           );
         }
       } else {
+        const seen = /* @__PURE__ */ new Set();
         for (let rowIndex = start; rowIndex <= end; rowIndex++) {
           const taskList = (_a = rowIndexToTasksMap.get(1)) == null ? void 0 : _a.get(rowIndex);
           if (!taskList)
@@ -4210,14 +4224,15 @@
             const parent = tasks.find((t) => t.id === task.parent);
             if (parent == null ? void 0 : parent.hideChildren)
               continue;
+            if (seen.has(task.id))
+              continue;
+            seen.add(task.id);
             const { id, comparisonLevel } = task;
             let depth = 0;
             let indexStr = "";
-            console.log("comparisonLevel", comparisonLevel);
             const levelMap = mapTaskToNestedIndex.get(comparisonLevel);
             const taskIndex = levelMap == null ? void 0 : levelMap.get(id);
             if (taskIndex) {
-              console.log("object :>> ", [depth, indexStr] = taskIndex);
               [depth, indexStr] = taskIndex;
             }
             renderList.push(
@@ -4293,50 +4308,6 @@
     );
   };
   const TaskListTableDefault = React.memo(TaskListTableDefaultInner);
-  const calendarMain = "_calendarMain_lemhx_1";
-  const calendarBottomText = "_calendarBottomText_lemhx_13";
-  const calendarTopTick = "_calendarTopTick_lemhx_35";
-  const calendarTopText = "_calendarTopText_lemhx_43";
-  const calendarHeader = "_calendarHeader_lemhx_65";
-  const styles$a = {
-    calendarMain,
-    calendarBottomText,
-    calendarTopTick,
-    calendarTopText,
-    calendarHeader
-  };
-  const TopPartOfCalendar = ({
-    value,
-    x1Line,
-    y1Line,
-    y2Line,
-    xText,
-    yText,
-    colors
-  }) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "calendarTop", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "line",
-        {
-          x1: x1Line,
-          y1: y1Line,
-          x2: x1Line,
-          y2: y2Line,
-          className: styles$a.calendarTopTick
-        }
-      ),
-      value !== null && /* @__PURE__ */ jsxRuntime.jsx(
-        "text",
-        {
-          y: yText,
-          x: xText,
-          className: styles$a.calendarTopText,
-          style: { fill: colors.barLabelColor },
-          children: value
-        }
-      )
-    ] });
-  };
   const defaultRenderBottomHeader = (date, viewMode, dateSetup, index2, isUnknownDates) => {
     if (isUnknownDates) {
       const {
@@ -4355,6 +4326,9 @@
           case ViewMode.Year:
             value = formatDistance2("xYears", offsetFromStart);
             break;
+          case ViewMode.HalfYear:
+            value = formatDistance2("xMonths", offsetFromStart * 6);
+            break;
           case ViewMode.Month:
             value = formatDistance2("xMonths", offsetFromStart);
             break;
@@ -4388,6 +4362,10 @@
     switch (viewMode) {
       case ViewMode.Year:
         return date.getFullYear();
+      case ViewMode.HalfYear: {
+        const half = Math.ceil((date.getMonth() + 1) / 6);
+        return `H${half}`;
+      }
       case ViewMode.Month:
         try {
           return format(date, dateSetup.dateFormats.monthBottomHeaderFormat, {
@@ -4443,10 +4421,16 @@
     const quarter = Math.ceil((date.getMonth() + 1) / 3);
     return `Q${quarter}`;
   };
+  const getHalfYearText = (date) => {
+    const halfYear = Math.ceil((date.getMonth() + 1) / 6);
+    return `H${halfYear}`;
+  };
   const defaultRenderTopHeader = (date, viewMode, dateSetup) => {
     switch (viewMode) {
       case ViewMode.Year:
         return date.getFullYear().toString();
+      case ViewMode.HalfYear:
+        return `${getHalfYearText(date)} ${date.getFullYear()}`;
       case ViewMode.QuarterYear:
         return `${getQuarterText(date)} ${date.getFullYear()}`;
       case ViewMode.Month:
@@ -4466,6 +4450,50 @@
         throw new Error("Unknown viewMode");
     }
   };
+  const calendarMain = "_calendarMain_lemhx_1";
+  const calendarBottomText = "_calendarBottomText_lemhx_13";
+  const calendarTopTick = "_calendarTopTick_lemhx_35";
+  const calendarTopText = "_calendarTopText_lemhx_43";
+  const calendarHeader = "_calendarHeader_lemhx_65";
+  const styles$a = {
+    calendarMain,
+    calendarBottomText,
+    calendarTopTick,
+    calendarTopText,
+    calendarHeader
+  };
+  const TopPartOfCalendar = ({
+    value,
+    x1Line,
+    y1Line,
+    y2Line,
+    xText,
+    yText,
+    colors
+  }) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "calendarTop", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "line",
+        {
+          x1: x1Line,
+          y1: y1Line,
+          x2: x1Line,
+          y2: y2Line,
+          className: styles$a.calendarTopTick
+        }
+      ),
+      value !== null && /* @__PURE__ */ jsxRuntime.jsx(
+        "text",
+        {
+          y: yText,
+          x: xText,
+          className: styles$a.calendarTopText,
+          style: { fill: colors.barLabelColor },
+          children: value
+        }
+      )
+    ] });
+  };
   const Calendar = ({
     additionalLeftSpace,
     dateSetup,
@@ -4536,6 +4564,48 @@
       }
       return [topValues2, bottomValues2];
     };
+    const getCalenderValuesForHalfYear = () => {
+      const topValues2 = [];
+      const bottomValues2 = [];
+      const topDefaultHeight = headerHeight * 0.5;
+      for (let i = startColumnIndex; i <= endColumnIndex; i++) {
+        const date = getDate(i);
+        const halfYear = "H" + Math.ceil((date.getMonth() + 1) / 6);
+        bottomValues2.push(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "text",
+            {
+              y: headerHeight * 0.8,
+              x: additionalLeftSpace + columnWidth * i + columnWidth * 0.5,
+              className: styles$a.calendarBottomText,
+              style: { fill: colors.barLabelColor },
+              children: halfYear
+            },
+            `${halfYear}-${date.getFullYear()}-${i}`
+          )
+        );
+        if (!isUnknownDates && (i === startColumnIndex || date.getFullYear() !== getDate(i - 1).getFullYear())) {
+          const year = date.getFullYear().toString();
+          const startHalf = Math.floor(i / 6) * 6;
+          topValues2.push(
+            /* @__PURE__ */ jsxRuntime.jsx(
+              TopPartOfCalendar,
+              {
+                value: year,
+                x1Line: additionalLeftSpace + columnWidth * startHalf,
+                y1Line: 0,
+                y2Line: topDefaultHeight,
+                xText: additionalLeftSpace + columnWidth * (startHalf + 3),
+                yText: topDefaultHeight * 0.9,
+                colors
+              },
+              year
+            )
+          );
+        }
+      }
+      return [topValues2, bottomValues2];
+    };
     const getCalendarValuesForQuarterYear = () => {
       const topValues2 = [];
       const bottomValues2 = [];
@@ -4543,6 +4613,7 @@
       for (let i = startColumnIndex; i <= endColumnIndex; i++) {
         const date = getDate(i);
         const quarter = "Q" + Math.ceil((date.getMonth() + 1) / 3);
+        console.log("quarter :>> ", quarter);
         bottomValues2.push(
           /* @__PURE__ */ jsxRuntime.jsx(
             "text",
@@ -4822,6 +4893,9 @@
       case ViewMode.Year:
         [topValues, bottomValues] = getCalendarValuesForYear();
         break;
+      case ViewMode.HalfYear:
+        [topValues, bottomValues] = getCalenderValuesForHalfYear();
+        break;
       case ViewMode.QuarterYear:
         [topValues, bottomValues] = getCalendarValuesForQuarterYear();
         break;
@@ -5096,9 +5170,9 @@
       /* @__PURE__ */ jsxRuntime.jsx(GridBody, { ...props })
     ] });
   };
-  const ganttTaskRoot = "_ganttTaskRoot_jnu0p_1";
-  const ganttTaskContent = "_ganttTaskContent_jnu0p_83";
-  const wrapper$2 = "_wrapper_jnu0p_111";
+  const ganttTaskRoot = "_ganttTaskRoot_1mu5y_1";
+  const ganttTaskContent = "_ganttTaskContent_1mu5y_83";
+  const wrapper$2 = "_wrapper_1mu5y_111";
   const styles$9 = {
     ganttTaskRoot,
     ganttTaskContent,
@@ -6571,7 +6645,6 @@
           if (task)
             tasksAtRow.push(task);
         }
-        console.log("tasksAtRow", tasksAtRow);
         for (const task of tasksAtRow) {
           const comparisonLevel = task.comparisonLevel ?? 1;
           const { id: taskId } = task;
@@ -6836,6 +6909,7 @@
       height: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
       width: (ganttTaskRootRef == null ? void 0 : ganttTaskRootRef.current) ? ganttTaskRootRef.current.clientWidth + ganttTaskRootRef.current.scrollLeft : fullSvgWidth
     };
+    console.log("containerStyle:>> ", containerStyle);
     const gridStyle = React.useMemo(
       () => ({
         height: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
@@ -13068,6 +13142,7 @@
       TaskListTable,
       enableTaskGrouping,
       rowIndexToTasksMap,
+      taskToRowIndexMap,
       canMoveTasks,
       canResizeColumns,
       childTasksMap,

package/dist/helpers/get-unique-tasks-from-row-index-to-tasks-map.d.ts

@@ -0,0 +1,2 @@
+import { RowIndexToTasksMap, TaskOrEmpty } from "../types/public-types";
+export declare const getUniqueTasksFromRowIndexToTasksMap: (rowIndexToTasksMap: RowIndexToTasksMap) => TaskOrEmpty[];

package/dist/style.css

@@ -332,7 +332,7 @@
   stroke: #e0e0e0;
   stroke-width: 1.4;
 }
-._ganttTaskRoot_jnu0p_1 {
+._ganttTaskRoot_1mu5y_1 {
   display: flex;
   flex-direction: column;
   overflow-x: scroll;
@@ -344,7 +344,7 @@
 
 /* Only chrome otherwise the firefox scrollbar has no edge*/
 @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
-  ._ganttTaskRoot_jnu0p_1 {
+  ._ganttTaskRoot_1mu5y_1 {
     scrollbar-width: thin;
   }
 }
@@ -373,7 +373,7 @@
   background-clip: padding-box;
 } */
 
-._ganttTaskContent_jnu0p_83 {
+._ganttTaskContent_1mu5y_83 {
   margin: 0;
   padding: 0;
   overflow-x: hidden;
@@ -382,20 +382,21 @@
 
 /* Only chrome otherwise the firefox scrollbar has no edges*/
 @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
-  ._ganttTaskContent_jnu0p_83 {
+  ._ganttTaskContent_1mu5y_83 {
     scrollbar-width: thin;
   }
 }
 
-._wrapper_jnu0p_111 {
+._wrapper_1mu5y_111 {
   display: grid;
   overflow-x: hidden;
-  overflow-y: hidden;
+  overflow-y: auto;
   padding: 0;
   margin: 0;
   list-style: none;
   outline: none;
   position: relative;
+  height: 600px;
 }._hoverVisibleWrapper_11ld1_1:hover ._wrapper_11ld1_1 {
   display: initial;
 }

package/dist/types/public-types.d.ts

@@ -12,6 +12,7 @@ export declare enum ViewMode {
     Week = "Week",
     Month = "Month",
     QuarterYear = "QuarterYear",
+    HalfYear = "HalfYear",
     Year = "Year"
 }
 export interface DateSetup {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thepocman/gantt-task-react",
-  "version": "1.0.19",
+  "version": "1.0.22",
   "description": "Fork of gantt-task-react with support for grouped tasks on a single row when collapsed",
   "author": "Adrian Bueno <adrianlbueno@users.noreply.github.com>",
   "homepage": "https://github.com/adrianlbueno/gantt-task-react#readme",