@thepocman/gantt-task-react 1.0.20 → 1.0.22

package/dist/components/gantt/task-gantt-content.d.ts

@@ -49,5 +49,4 @@ export type TaskGanttContentProps = {
     ContextualPalette?: React.FC<TaskContextualPaletteProps>;
     TaskDependencyContextualPalette?: React.FC<TaskDependencyContextualPaletteProps>;
 };
-export declare const generateRenderId: (task: TaskOrEmpty, index: number) => string;
 export declare const TaskGanttContent: React.FC<TaskGanttContentProps>;

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

@@ -676,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 || {});
@@ -858,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;
@@ -883,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);
@@ -1945,20 +1957,14 @@ const useOptimizedList = (containerRef, property, cellSize) => {
   return indexes;
 };
 const TASK_SPACING = 2;
-const useGroupedVirtualization = (_containerRef, rowIndexToTasksMap, taskHeight, taskToRowIndexMap) => {
+const useGroupedVirtualization = (_containerRef, rowIndexToTasksMap, taskHeight) => {
   const rowEntries = useMemo(() => {
     if (!rowIndexToTasksMap || rowIndexToTasksMap.size === 0)
       return [];
-    if (!taskToRowIndexMap || taskToRowIndexMap.size === 0)
-      return [];
     const rowToHeight = /* @__PURE__ */ new Map();
     for (const levelMap of rowIndexToTasksMap.values()) {
       for (const [rowIndex, tasks] of levelMap.entries()) {
-        const visibleGroupedTasks = tasks.filter((task) => {
-          var _a;
-          return !((_a = taskToRowIndexMap.get(task.comparisonLevel ?? 1)) == null ? void 0 : _a.has(task.id));
-        });
-        const height = visibleGroupedTasks.length * (taskHeight + TASK_SPACING);
+        const height = tasks.length * (taskHeight + TASK_SPACING);
         rowToHeight.set(rowIndex, (rowToHeight.get(rowIndex) ?? 0) + height);
       }
     }
@@ -3415,7 +3421,6 @@ const TaskListInner = ({
   dependencyMap,
   distances,
   rowIndexToTasksMap,
-  taskToRowIndexMap,
   fontFamily,
   fontSize,
   fullRowHeight,
@@ -3457,8 +3462,7 @@ const TaskListInner = ({
   const groupedIndexes = useGroupedVirtualization(
     taskListContentRef,
     rowIndexToTasksMap,
-    distances.taskHeight,
-    taskToRowIndexMap
+    distances.taskHeight
   );
   const optimizedIndexes = useOptimizedList(
     taskListContentRef,
@@ -4309,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;
@@ -4342,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, {
@@ -4397,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:
@@ -4534,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 = [];
@@ -4541,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",
@@ -4820,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;
@@ -5094,9 +5157,9 @@ const Grid = (props) => {
     /* @__PURE__ */ jsx(GridBody, { ...props })
   ] });
 };
-const ganttTaskRoot = "_ganttTaskRoot_1lwsd_1";
-const ganttTaskContent = "_ganttTaskContent_1lwsd_83";
-const wrapper$2 = "_wrapper_1lwsd_111";
+const ganttTaskRoot = "_ganttTaskRoot_1mu5y_1";
+const ganttTaskContent = "_ganttTaskContent_1mu5y_83";
+const wrapper$2 = "_wrapper_1mu5y_111";
 const styles$9 = {
   ganttTaskRoot,
   ganttTaskContent,
@@ -6500,13 +6563,6 @@ const TaskItemInner = (props) => {
   );
 };
 const TaskItem = memo(TaskItemInner);
-const generateRenderId = (task, index2) => {
-  if ("renderId" in task && typeof task.renderId === "string")
-    return task.renderId;
-  if ("type" in task && task.type === "user")
-    return `${task.id}-user`;
-  return `${task.id}-row-${index2}`;
-};
 const TaskGanttContent = ({
   authorizedRelations,
   additionalLeftSpace,
@@ -6552,7 +6608,7 @@ const TaskGanttContent = ({
   taskToRowIndexMap
 }) => {
   const [renderedTasks, renderedArrows, renderedSelectedTasks] = useMemo(() => {
-    var _a, _b;
+    var _a;
     if (!renderedRowIndexes)
       return [null, null, null];
     const [start, end] = renderedRowIndexes;
@@ -6567,7 +6623,7 @@ const TaskGanttContent = ({
         for (let level = 1; level <= comparisonLevels; level++) {
           const levelMap = rowIndexToTasksMap.get(level);
           const rowTasks = levelMap == null ? void 0 : levelMap.get(index2);
-          if (rowTasks) {
+          if (Array.isArray(rowTasks)) {
             tasksAtRow.push(...rowTasks);
           }
         }
@@ -6578,32 +6634,31 @@ const TaskGanttContent = ({
       }
       for (const task of tasksAtRow) {
         const comparisonLevel = task.comparisonLevel ?? 1;
-        const renderId = generateRenderId(task, index2);
-        const taskId = task.id;
-        const rowIndex = (_a = taskToRowIndexMap.get(comparisonLevel)) == null ? void 0 : _a.get(taskId);
-        if (typeof rowIndex !== "number")
-          continue;
-        const key = `${taskId}-${rowIndex}`;
-        if (selectedIdsMirror[taskId] && !addedSelectedTasks[`${taskId}-${rowIndex}`]) {
-          addedSelectedTasks[key] = true;
-          selectedTasksRes.push(
-            /* @__PURE__ */ jsx(
-              "rect",
-              {
-                x: 0,
-                y: rowIndex * fullRowHeight,
-                width: "100%",
-                height: fullRowHeight,
-                fill: colorStyles.selectedTaskBackgroundColor
-              },
-              `selected-${key}`
-            )
-          );
+        const { id: taskId } = task;
+        if (selectedIdsMirror[taskId] && !addedSelectedTasks[taskId]) {
+          addedSelectedTasks[taskId] = true;
+          const rowIndex = (_a = taskToRowIndexMap.get(comparisonLevel)) == null ? void 0 : _a.get(taskId);
+          if (typeof rowIndex === "number") {
+            selectedTasksRes.push(
+              /* @__PURE__ */ jsx(
+                "rect",
+                {
+                  x: 0,
+                  y: rowIndex * fullRowHeight,
+                  width: "100%",
+                  height: fullRowHeight,
+                  fill: colorStyles.selectedTaskBackgroundColor
+                },
+                `selected-${taskId}`
+              )
+            );
+          }
         }
         if (comparisonLevel > comparisonLevels)
           continue;
         if (task.type === "empty" || task.type === "user")
           continue;
+        const key = `${comparisonLevel}_${task.id}`;
         const criticalPathOnLevel = criticalPaths == null ? void 0 : criticalPaths.get(comparisonLevel);
         const isCritical = !!(criticalPathOnLevel == null ? void 0 : criticalPathOnLevel.tasks.has(task.id));
         const {
@@ -6617,78 +6672,64 @@ const TaskGanttContent = ({
           x1: taskX1,
           x2: taskX2
         } = getTaskCoordinates2(task);
-        const renderContexts = [];
-        const oneRowDefaultRender = { y: levelY, keySuffix: "default" };
-        renderContexts.push(oneRowDefaultRender);
-        if (enableTaskGrouping && task.parent) {
-          const parentRowIndex = (_b = taskToRowIndexMap.get(comparisonLevel)) == null ? void 0 : _b.get(task.parent);
-          if (typeof parentRowIndex === "number") {
-            const yInUserRow = parentRowIndex * fullRowHeight;
-            renderContexts.push({ y: yInUserRow, keySuffix: "grouped" });
-          }
-        }
-        for (const context of renderContexts) {
-          tasksRes.push(
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                id: `${renderId}-${context.keySuffix}`,
-                className: "TaskItemClassName",
-                x: containerX + additionalLeftSpace,
-                y: context.y,
-                width: containerWidth,
-                height: fullRowHeight,
-                children: /* @__PURE__ */ jsx(
-                  TaskItem,
-                  {
-                    getTaskGlobalIndexByRef,
-                    hasChildren: checkHasChildren(task, childTasksMap),
-                    hasDependencyWarning: taskToHasDependencyWarningMap ? checkTaskHasDependencyWarning(task, taskToHasDependencyWarningMap) : false,
-                    progressWidth,
-                    progressX: rtl ? innerX2 : innerX1,
-                    selectTaskOnMouseDown,
-                    task,
-                    taskYOffset,
-                    width,
-                    x1: innerX1,
-                    x2: innerX2,
-                    childOutOfParentWarnings,
-                    distances,
-                    taskHeight,
-                    taskHalfHeight,
-                    isProgressChangeable: !task.isDisabled,
-                    isDateChangeable: !task.isDisabled,
-                    isRelationChangeable: !task.isRelationDisabled,
-                    authorizedRelations,
-                    ganttRelationEvent,
-                    isDelete: !task.isDisabled,
-                    onDoubleClick,
-                    onClick,
-                    onEventStart: handleTaskDragStart,
-                    setTooltipTask,
-                    onRelationStart: handleBarRelationStart,
-                    isSelected: Boolean(selectedIdsMirror[taskId]),
-                    isCritical,
-                    rtl,
-                    fixStartPosition,
-                    fixEndPosition,
-                    handleDeleteTasks,
-                    colorStyles
-                  }
-                )
-              },
-              `${comparisonLevel}_${task.id}_${index2}_${context.keySuffix}`
-            )
-          );
-        }
+        tasksRes.push(
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              id: task.id,
+              className: "TaskItemClassName",
+              x: containerX + additionalLeftSpace,
+              y: levelY,
+              width: containerWidth,
+              height: fullRowHeight,
+              children: /* @__PURE__ */ jsx(
+                TaskItem,
+                {
+                  getTaskGlobalIndexByRef,
+                  hasChildren: checkHasChildren(task, childTasksMap),
+                  hasDependencyWarning: taskToHasDependencyWarningMap ? checkTaskHasDependencyWarning(task, taskToHasDependencyWarningMap) : false,
+                  progressWidth,
+                  progressX: rtl ? innerX2 : innerX1,
+                  selectTaskOnMouseDown,
+                  task,
+                  taskYOffset,
+                  width,
+                  x1: innerX1,
+                  x2: innerX2,
+                  childOutOfParentWarnings,
+                  distances,
+                  taskHeight,
+                  taskHalfHeight,
+                  isProgressChangeable: !task.isDisabled,
+                  isDateChangeable: !task.isDisabled,
+                  isRelationChangeable: !task.isRelationDisabled,
+                  authorizedRelations,
+                  ganttRelationEvent,
+                  isDelete: !task.isDisabled,
+                  onDoubleClick,
+                  onClick,
+                  onEventStart: handleTaskDragStart,
+                  setTooltipTask,
+                  onRelationStart: handleBarRelationStart,
+                  isSelected: Boolean(selectedIdsMirror[taskId]),
+                  isCritical,
+                  rtl,
+                  fixStartPosition,
+                  fixEndPosition,
+                  handleDeleteTasks,
+                  colorStyles
+                }
+              )
+            },
+            key
+          )
+        );
         const addedDependenciesAtLevel = addedDependencies[comparisonLevel] ?? (addedDependencies[comparisonLevel] = {});
         const addedDependenciesAtTask = addedDependenciesAtLevel[taskId] ?? (addedDependenciesAtLevel[taskId] = {});
         const dependenciesAtLevel = dependencyMap.get(comparisonLevel);
         const dependenciesByTask = dependenciesAtLevel == null ? void 0 : dependenciesAtLevel.get(taskId);
-        dependenciesByTask == null ? void 0 : dependenciesByTask.forEach((dep) => {
+        dependenciesByTask == null ? void 0 : dependenciesByTask.filter(({ source }) => visibleTasksMirror[source.id]).forEach((dep) => {
           var _a2;
-          if (!visibleTasksMirror[dep.source.id])
-            return;
           if (addedDependenciesAtTask[dep.source.id])
             return;
           addedDependenciesAtTask[dep.source.id] = true;
@@ -6732,21 +6773,20 @@ const TaskGanttContent = ({
                   }
                 )
               },
-              `Arrow from ${dep.source.id} to ${taskId} on ${comparisonLevel} at ${index2}`
+              `Arrow from ${dep.source.id} to ${taskId} on ${comparisonLevel}`
             )
           );
         });
         const dependentsAtLevel = dependentMap.get(comparisonLevel);
         const dependentsByTask = dependentsAtLevel == null ? void 0 : dependentsAtLevel.get(taskId);
-        dependentsByTask == null ? void 0 : dependentsByTask.forEach((dep) => {
-          var _a2, _b2;
-          if (!visibleTasksMirror[dep.dependent.id])
-            return;
+        dependentsByTask == null ? void 0 : dependentsByTask.filter(({ dependent }) => visibleTasksMirror[dependent.id]).forEach((dep) => {
+          var _a2, _b;
+          console.log("dependent", dep);
           const addedDepsForDep = addedDependenciesAtLevel[_a2 = dep.dependent.id] ?? (addedDependenciesAtLevel[_a2] = {});
           if (addedDepsForDep[taskId])
             return;
           addedDepsForDep[taskId] = true;
-          const isDepCritical = !!((_b2 = criticalPathOnLevel == null ? void 0 : criticalPathOnLevel.dependencies.get(dep.dependent.id)) == null ? void 0 : _b2.has(task.id));
+          const isDepCritical = !!((_b = criticalPathOnLevel == null ? void 0 : criticalPathOnLevel.dependencies.get(dep.dependent.id)) == null ? void 0 : _b.has(task.id));
           const { x1: toX1, x2: toX2 } = getTaskCoordinates2(dep.dependent);
           const containerX2 = Math.min(toX1, taskX1) - 300;
           const containerWidth2 = Math.max(toX2, taskX2) - containerX2 + 300;
@@ -6786,7 +6826,7 @@ const TaskGanttContent = ({
                   }
                 )
               },
-              `Arrow from ${taskId} to ${dep.dependent.id} on ${comparisonLevel} at ${index2}`
+              `Arrow from ${taskId} to ${dep.dependent.id} on ${comparisonLevel}`
             )
           );
         });
@@ -6856,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),
@@ -11483,36 +11524,49 @@ const getMapTaskToRowIndexWithGrouping = (tasks, comparisonLevels, isGrouped = f
   const rowIndexToTasksMap = /* @__PURE__ */ new Map();
   const mapGlobalRowIndexToTask = /* @__PURE__ */ new Map();
   const parentMap = new Map(tasks.map((t2) => [t2.id, t2]));
-  const rowCounterPerLevel = {};
-  for (let level = 1; level <= comparisonLevels; level++) {
-    taskToRowIndexMap.set(level, /* @__PURE__ */ new Map());
-    rowIndexToTaskMap.set(level, /* @__PURE__ */ new Map());
-    rowIndexToTasksMap.set(level, /* @__PURE__ */ new Map());
-    rowCounterPerLevel[level] = 0;
-  }
-  for (const task of tasks) {
-    const comparisonLevel = task.comparisonLevel ?? 1;
-    const rowIndex = rowCounterPerLevel[comparisonLevel];
-    const taskToRow = taskToRowIndexMap.get(comparisonLevel);
-    const rowToTask = rowIndexToTaskMap.get(comparisonLevel);
-    const rowToTasks = rowIndexToTasksMap.get(comparisonLevel);
-    const { id, parent } = task;
-    const parentTask = parent ? parentMap.get(parent) : null;
-    if (isGrouped && comparisonLevel === 1 && parent && parentTask && parentTask.hideChildren) {
-      const parentRow = taskToRow.get(parent);
-      if (parentRow !== void 0) {
-        const existing = rowToTasks.get(parentRow) ?? [];
-        rowToTasks.set(parentRow, [...existing, task]);
-        taskToRow.set(id, parentRow);
+  let globalRowIndex = 0;
+  for (let comparisonLevel = 1; comparisonLevel <= comparisonLevels; comparisonLevel++) {
+    const taskToRow = /* @__PURE__ */ new Map();
+    const rowToTask = /* @__PURE__ */ new Map();
+    const rowToTasks = /* @__PURE__ */ new Map();
+    taskToRowIndexMap.set(comparisonLevel, taskToRow);
+    rowIndexToTaskMap.set(comparisonLevel, rowToTask);
+    rowIndexToTasksMap.set(comparisonLevel, rowToTasks);
+    let rowIndex = 0;
+    for (const task of tasks) {
+      if ((task.comparisonLevel ?? 1) !== comparisonLevel)
+        continue;
+      const { id, parent, type } = task;
+      let assignedRowIndex = rowIndex;
+      if (type === "user" || type === "project") {
+        taskToRow.set(id, rowIndex);
+        rowToTask.set(rowIndex, task);
+        rowToTasks.set(rowIndex, [task]);
+        mapGlobalRowIndexToTask.set(globalRowIndex, task);
+        rowIndex++;
+        globalRowIndex++;
         continue;
       }
+      if (isGrouped && parent) {
+        const parentTask = parentMap.get(parent);
+        const parentRowIndex = taskToRow.get(parent);
+        if ((parentTask == null ? void 0 : parentTask.hideChildren) && parentRowIndex !== void 0) {
+          assignedRowIndex = parentRowIndex;
+        } else {
+          assignedRowIndex = rowIndex;
+          rowIndex++;
+        }
+      } else {
+        assignedRowIndex = rowIndex;
+        rowIndex++;
+      }
+      taskToRow.set(id, assignedRowIndex);
+      rowToTask.set(assignedRowIndex, task);
+      const existing = rowToTasks.get(assignedRowIndex) ?? [];
+      rowToTasks.set(assignedRowIndex, [...existing, task]);
+      mapGlobalRowIndexToTask.set(globalRowIndex, task);
+      globalRowIndex++;
     }
-    taskToRow.set(id, rowIndex);
-    rowToTask.set(rowIndex, task);
-    rowToTasks.set(rowIndex, [task]);
-    const globalIndex = rowIndex * comparisonLevels + (comparisonLevel - 1);
-    mapGlobalRowIndexToTask.set(globalIndex, task);
-    rowCounterPerLevel[comparisonLevel]++;
   }
   return [
     taskToRowIndexMap,
@@ -11813,8 +11867,7 @@ const Gantt = ({
   const groupedIndexes = useGroupedVirtualization(
     ganttTaskContentRef,
     rowIndexToTasksMap,
-    fullRowHeight,
-    taskToRowIndexMap
+    fullRowHeight
   );
   const optimizedIndexes = useOptimizedList(
     ganttTaskContentRef,

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

@@ -689,6 +689,7 @@
     ViewMode2["Week"] = "Week";
     ViewMode2["Month"] = "Month";
     ViewMode2["QuarterYear"] = "QuarterYear";
+    ViewMode2["HalfYear"] = "HalfYear";
     ViewMode2["Year"] = "Year";
     return ViewMode2;
   })(ViewMode || {});
@@ -871,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;
@@ -896,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);
@@ -1958,20 +1970,14 @@
     return indexes;
   };
   const TASK_SPACING = 2;
-  const useGroupedVirtualization = (_containerRef, rowIndexToTasksMap, taskHeight, taskToRowIndexMap) => {
+  const useGroupedVirtualization = (_containerRef, rowIndexToTasksMap, taskHeight) => {
     const rowEntries = React.useMemo(() => {
       if (!rowIndexToTasksMap || rowIndexToTasksMap.size === 0)
         return [];
-      if (!taskToRowIndexMap || taskToRowIndexMap.size === 0)
-        return [];
       const rowToHeight = /* @__PURE__ */ new Map();
       for (const levelMap of rowIndexToTasksMap.values()) {
         for (const [rowIndex, tasks] of levelMap.entries()) {
-          const visibleGroupedTasks = tasks.filter((task) => {
-            var _a;
-            return !((_a = taskToRowIndexMap.get(task.comparisonLevel ?? 1)) == null ? void 0 : _a.has(task.id));
-          });
-          const height = visibleGroupedTasks.length * (taskHeight + TASK_SPACING);
+          const height = tasks.length * (taskHeight + TASK_SPACING);
           rowToHeight.set(rowIndex, (rowToHeight.get(rowIndex) ?? 0) + height);
         }
       }
@@ -3428,7 +3434,6 @@
     dependencyMap,
     distances,
     rowIndexToTasksMap,
-    taskToRowIndexMap,
     fontFamily,
     fontSize,
     fullRowHeight,
@@ -3470,8 +3475,7 @@
     const groupedIndexes = useGroupedVirtualization(
       taskListContentRef,
       rowIndexToTasksMap,
-      distances.taskHeight,
-      taskToRowIndexMap
+      distances.taskHeight
     );
     const optimizedIndexes = useOptimizedList(
       taskListContentRef,
@@ -4322,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;
@@ -4355,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, {
@@ -4410,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:
@@ -4547,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 = [];
@@ -4554,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",
@@ -4833,6 +4893,9 @@
       case ViewMode.Year:
         [topValues, bottomValues] = getCalendarValuesForYear();
         break;
+      case ViewMode.HalfYear:
+        [topValues, bottomValues] = getCalenderValuesForHalfYear();
+        break;
       case ViewMode.QuarterYear:
         [topValues, bottomValues] = getCalendarValuesForQuarterYear();
         break;
@@ -5107,9 +5170,9 @@
       /* @__PURE__ */ jsxRuntime.jsx(GridBody, { ...props })
     ] });
   };
-  const ganttTaskRoot = "_ganttTaskRoot_1lwsd_1";
-  const ganttTaskContent = "_ganttTaskContent_1lwsd_83";
-  const wrapper$2 = "_wrapper_1lwsd_111";
+  const ganttTaskRoot = "_ganttTaskRoot_1mu5y_1";
+  const ganttTaskContent = "_ganttTaskContent_1mu5y_83";
+  const wrapper$2 = "_wrapper_1mu5y_111";
   const styles$9 = {
     ganttTaskRoot,
     ganttTaskContent,
@@ -6513,13 +6576,6 @@
     );
   };
   const TaskItem = React.memo(TaskItemInner);
-  const generateRenderId = (task, index2) => {
-    if ("renderId" in task && typeof task.renderId === "string")
-      return task.renderId;
-    if ("type" in task && task.type === "user")
-      return `${task.id}-user`;
-    return `${task.id}-row-${index2}`;
-  };
   const TaskGanttContent = ({
     authorizedRelations,
     additionalLeftSpace,
@@ -6565,7 +6621,7 @@
     taskToRowIndexMap
   }) => {
     const [renderedTasks, renderedArrows, renderedSelectedTasks] = React.useMemo(() => {
-      var _a, _b;
+      var _a;
       if (!renderedRowIndexes)
         return [null, null, null];
       const [start, end] = renderedRowIndexes;
@@ -6580,7 +6636,7 @@
           for (let level = 1; level <= comparisonLevels; level++) {
             const levelMap = rowIndexToTasksMap.get(level);
             const rowTasks = levelMap == null ? void 0 : levelMap.get(index2);
-            if (rowTasks) {
+            if (Array.isArray(rowTasks)) {
               tasksAtRow.push(...rowTasks);
             }
           }
@@ -6591,32 +6647,31 @@
         }
         for (const task of tasksAtRow) {
           const comparisonLevel = task.comparisonLevel ?? 1;
-          const renderId = generateRenderId(task, index2);
-          const taskId = task.id;
-          const rowIndex = (_a = taskToRowIndexMap.get(comparisonLevel)) == null ? void 0 : _a.get(taskId);
-          if (typeof rowIndex !== "number")
-            continue;
-          const key = `${taskId}-${rowIndex}`;
-          if (selectedIdsMirror[taskId] && !addedSelectedTasks[`${taskId}-${rowIndex}`]) {
-            addedSelectedTasks[key] = true;
-            selectedTasksRes.push(
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "rect",
-                {
-                  x: 0,
-                  y: rowIndex * fullRowHeight,
-                  width: "100%",
-                  height: fullRowHeight,
-                  fill: colorStyles.selectedTaskBackgroundColor
-                },
-                `selected-${key}`
-              )
-            );
+          const { id: taskId } = task;
+          if (selectedIdsMirror[taskId] && !addedSelectedTasks[taskId]) {
+            addedSelectedTasks[taskId] = true;
+            const rowIndex = (_a = taskToRowIndexMap.get(comparisonLevel)) == null ? void 0 : _a.get(taskId);
+            if (typeof rowIndex === "number") {
+              selectedTasksRes.push(
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "rect",
+                  {
+                    x: 0,
+                    y: rowIndex * fullRowHeight,
+                    width: "100%",
+                    height: fullRowHeight,
+                    fill: colorStyles.selectedTaskBackgroundColor
+                  },
+                  `selected-${taskId}`
+                )
+              );
+            }
           }
           if (comparisonLevel > comparisonLevels)
             continue;
           if (task.type === "empty" || task.type === "user")
             continue;
+          const key = `${comparisonLevel}_${task.id}`;
           const criticalPathOnLevel = criticalPaths == null ? void 0 : criticalPaths.get(comparisonLevel);
           const isCritical = !!(criticalPathOnLevel == null ? void 0 : criticalPathOnLevel.tasks.has(task.id));
           const {
@@ -6630,78 +6685,64 @@
             x1: taskX1,
             x2: taskX2
           } = getTaskCoordinates2(task);
-          const renderContexts = [];
-          const oneRowDefaultRender = { y: levelY, keySuffix: "default" };
-          renderContexts.push(oneRowDefaultRender);
-          if (enableTaskGrouping && task.parent) {
-            const parentRowIndex = (_b = taskToRowIndexMap.get(comparisonLevel)) == null ? void 0 : _b.get(task.parent);
-            if (typeof parentRowIndex === "number") {
-              const yInUserRow = parentRowIndex * fullRowHeight;
-              renderContexts.push({ y: yInUserRow, keySuffix: "grouped" });
-            }
-          }
-          for (const context of renderContexts) {
-            tasksRes.push(
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "svg",
-                {
-                  id: `${renderId}-${context.keySuffix}`,
-                  className: "TaskItemClassName",
-                  x: containerX + additionalLeftSpace,
-                  y: context.y,
-                  width: containerWidth,
-                  height: fullRowHeight,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    TaskItem,
-                    {
-                      getTaskGlobalIndexByRef,
-                      hasChildren: checkHasChildren(task, childTasksMap),
-                      hasDependencyWarning: taskToHasDependencyWarningMap ? checkTaskHasDependencyWarning(task, taskToHasDependencyWarningMap) : false,
-                      progressWidth,
-                      progressX: rtl ? innerX2 : innerX1,
-                      selectTaskOnMouseDown,
-                      task,
-                      taskYOffset,
-                      width,
-                      x1: innerX1,
-                      x2: innerX2,
-                      childOutOfParentWarnings,
-                      distances,
-                      taskHeight,
-                      taskHalfHeight,
-                      isProgressChangeable: !task.isDisabled,
-                      isDateChangeable: !task.isDisabled,
-                      isRelationChangeable: !task.isRelationDisabled,
-                      authorizedRelations,
-                      ganttRelationEvent,
-                      isDelete: !task.isDisabled,
-                      onDoubleClick,
-                      onClick,
-                      onEventStart: handleTaskDragStart,
-                      setTooltipTask,
-                      onRelationStart: handleBarRelationStart,
-                      isSelected: Boolean(selectedIdsMirror[taskId]),
-                      isCritical,
-                      rtl,
-                      fixStartPosition,
-                      fixEndPosition,
-                      handleDeleteTasks,
-                      colorStyles
-                    }
-                  )
-                },
-                `${comparisonLevel}_${task.id}_${index2}_${context.keySuffix}`
-              )
-            );
-          }
+          tasksRes.push(
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                id: task.id,
+                className: "TaskItemClassName",
+                x: containerX + additionalLeftSpace,
+                y: levelY,
+                width: containerWidth,
+                height: fullRowHeight,
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  TaskItem,
+                  {
+                    getTaskGlobalIndexByRef,
+                    hasChildren: checkHasChildren(task, childTasksMap),
+                    hasDependencyWarning: taskToHasDependencyWarningMap ? checkTaskHasDependencyWarning(task, taskToHasDependencyWarningMap) : false,
+                    progressWidth,
+                    progressX: rtl ? innerX2 : innerX1,
+                    selectTaskOnMouseDown,
+                    task,
+                    taskYOffset,
+                    width,
+                    x1: innerX1,
+                    x2: innerX2,
+                    childOutOfParentWarnings,
+                    distances,
+                    taskHeight,
+                    taskHalfHeight,
+                    isProgressChangeable: !task.isDisabled,
+                    isDateChangeable: !task.isDisabled,
+                    isRelationChangeable: !task.isRelationDisabled,
+                    authorizedRelations,
+                    ganttRelationEvent,
+                    isDelete: !task.isDisabled,
+                    onDoubleClick,
+                    onClick,
+                    onEventStart: handleTaskDragStart,
+                    setTooltipTask,
+                    onRelationStart: handleBarRelationStart,
+                    isSelected: Boolean(selectedIdsMirror[taskId]),
+                    isCritical,
+                    rtl,
+                    fixStartPosition,
+                    fixEndPosition,
+                    handleDeleteTasks,
+                    colorStyles
+                  }
+                )
+              },
+              key
+            )
+          );
           const addedDependenciesAtLevel = addedDependencies[comparisonLevel] ?? (addedDependencies[comparisonLevel] = {});
           const addedDependenciesAtTask = addedDependenciesAtLevel[taskId] ?? (addedDependenciesAtLevel[taskId] = {});
           const dependenciesAtLevel = dependencyMap.get(comparisonLevel);
           const dependenciesByTask = dependenciesAtLevel == null ? void 0 : dependenciesAtLevel.get(taskId);
-          dependenciesByTask == null ? void 0 : dependenciesByTask.forEach((dep) => {
+          dependenciesByTask == null ? void 0 : dependenciesByTask.filter(({ source }) => visibleTasksMirror[source.id]).forEach((dep) => {
             var _a2;
-            if (!visibleTasksMirror[dep.source.id])
-              return;
             if (addedDependenciesAtTask[dep.source.id])
               return;
             addedDependenciesAtTask[dep.source.id] = true;
@@ -6745,21 +6786,20 @@
                     }
                   )
                 },
-                `Arrow from ${dep.source.id} to ${taskId} on ${comparisonLevel} at ${index2}`
+                `Arrow from ${dep.source.id} to ${taskId} on ${comparisonLevel}`
               )
             );
           });
           const dependentsAtLevel = dependentMap.get(comparisonLevel);
           const dependentsByTask = dependentsAtLevel == null ? void 0 : dependentsAtLevel.get(taskId);
-          dependentsByTask == null ? void 0 : dependentsByTask.forEach((dep) => {
-            var _a2, _b2;
-            if (!visibleTasksMirror[dep.dependent.id])
-              return;
+          dependentsByTask == null ? void 0 : dependentsByTask.filter(({ dependent }) => visibleTasksMirror[dependent.id]).forEach((dep) => {
+            var _a2, _b;
+            console.log("dependent", dep);
             const addedDepsForDep = addedDependenciesAtLevel[_a2 = dep.dependent.id] ?? (addedDependenciesAtLevel[_a2] = {});
             if (addedDepsForDep[taskId])
               return;
             addedDepsForDep[taskId] = true;
-            const isDepCritical = !!((_b2 = criticalPathOnLevel == null ? void 0 : criticalPathOnLevel.dependencies.get(dep.dependent.id)) == null ? void 0 : _b2.has(task.id));
+            const isDepCritical = !!((_b = criticalPathOnLevel == null ? void 0 : criticalPathOnLevel.dependencies.get(dep.dependent.id)) == null ? void 0 : _b.has(task.id));
             const { x1: toX1, x2: toX2 } = getTaskCoordinates2(dep.dependent);
             const containerX2 = Math.min(toX1, taskX1) - 300;
             const containerWidth2 = Math.max(toX2, taskX2) - containerX2 + 300;
@@ -6799,7 +6839,7 @@
                     }
                   )
                 },
-                `Arrow from ${taskId} to ${dep.dependent.id} on ${comparisonLevel} at ${index2}`
+                `Arrow from ${taskId} to ${dep.dependent.id} on ${comparisonLevel}`
               )
             );
           });
@@ -6869,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),
@@ -11496,36 +11537,49 @@
     const rowIndexToTasksMap = /* @__PURE__ */ new Map();
     const mapGlobalRowIndexToTask = /* @__PURE__ */ new Map();
     const parentMap = new Map(tasks.map((t) => [t.id, t]));
-    const rowCounterPerLevel = {};
-    for (let level = 1; level <= comparisonLevels; level++) {
-      taskToRowIndexMap.set(level, /* @__PURE__ */ new Map());
-      rowIndexToTaskMap.set(level, /* @__PURE__ */ new Map());
-      rowIndexToTasksMap.set(level, /* @__PURE__ */ new Map());
-      rowCounterPerLevel[level] = 0;
-    }
-    for (const task of tasks) {
-      const comparisonLevel = task.comparisonLevel ?? 1;
-      const rowIndex = rowCounterPerLevel[comparisonLevel];
-      const taskToRow = taskToRowIndexMap.get(comparisonLevel);
-      const rowToTask = rowIndexToTaskMap.get(comparisonLevel);
-      const rowToTasks = rowIndexToTasksMap.get(comparisonLevel);
-      const { id, parent } = task;
-      const parentTask = parent ? parentMap.get(parent) : null;
-      if (isGrouped && comparisonLevel === 1 && parent && parentTask && parentTask.hideChildren) {
-        const parentRow = taskToRow.get(parent);
-        if (parentRow !== void 0) {
-          const existing = rowToTasks.get(parentRow) ?? [];
-          rowToTasks.set(parentRow, [...existing, task]);
-          taskToRow.set(id, parentRow);
+    let globalRowIndex = 0;
+    for (let comparisonLevel = 1; comparisonLevel <= comparisonLevels; comparisonLevel++) {
+      const taskToRow = /* @__PURE__ */ new Map();
+      const rowToTask = /* @__PURE__ */ new Map();
+      const rowToTasks = /* @__PURE__ */ new Map();
+      taskToRowIndexMap.set(comparisonLevel, taskToRow);
+      rowIndexToTaskMap.set(comparisonLevel, rowToTask);
+      rowIndexToTasksMap.set(comparisonLevel, rowToTasks);
+      let rowIndex = 0;
+      for (const task of tasks) {
+        if ((task.comparisonLevel ?? 1) !== comparisonLevel)
+          continue;
+        const { id, parent, type } = task;
+        let assignedRowIndex = rowIndex;
+        if (type === "user" || type === "project") {
+          taskToRow.set(id, rowIndex);
+          rowToTask.set(rowIndex, task);
+          rowToTasks.set(rowIndex, [task]);
+          mapGlobalRowIndexToTask.set(globalRowIndex, task);
+          rowIndex++;
+          globalRowIndex++;
           continue;
         }
+        if (isGrouped && parent) {
+          const parentTask = parentMap.get(parent);
+          const parentRowIndex = taskToRow.get(parent);
+          if ((parentTask == null ? void 0 : parentTask.hideChildren) && parentRowIndex !== void 0) {
+            assignedRowIndex = parentRowIndex;
+          } else {
+            assignedRowIndex = rowIndex;
+            rowIndex++;
+          }
+        } else {
+          assignedRowIndex = rowIndex;
+          rowIndex++;
+        }
+        taskToRow.set(id, assignedRowIndex);
+        rowToTask.set(assignedRowIndex, task);
+        const existing = rowToTasks.get(assignedRowIndex) ?? [];
+        rowToTasks.set(assignedRowIndex, [...existing, task]);
+        mapGlobalRowIndexToTask.set(globalRowIndex, task);
+        globalRowIndex++;
       }
-      taskToRow.set(id, rowIndex);
-      rowToTask.set(rowIndex, task);
-      rowToTasks.set(rowIndex, [task]);
-      const globalIndex = rowIndex * comparisonLevels + (comparisonLevel - 1);
-      mapGlobalRowIndexToTask.set(globalIndex, task);
-      rowCounterPerLevel[comparisonLevel]++;
     }
     return [
       taskToRowIndexMap,
@@ -11826,8 +11880,7 @@
     const groupedIndexes = useGroupedVirtualization(
       ganttTaskContentRef,
       rowIndexToTasksMap,
-      fullRowHeight,
-      taskToRowIndexMap
+      fullRowHeight
     );
     const optimizedIndexes = useOptimizedList(
       ganttTaskContentRef,

package/dist/helpers/use-grouped-optimized-list.d.ts

@@ -1,3 +1,3 @@
-import type { RowIndexToTasksMap, TaskToRowIndexMap } from "../types/public-types";
+import type { RowIndexToTasksMap } from "../types/public-types";
 import type { OptimizedListParams } from "./use-optimized-list";
-export declare const useGroupedVirtualization: (_containerRef: React.RefObject<HTMLElement>, rowIndexToTasksMap: RowIndexToTasksMap, taskHeight: number, taskToRowIndexMap: TaskToRowIndexMap) => OptimizedListParams;
+export declare const useGroupedVirtualization: (_containerRef: React.RefObject<HTMLElement>, rowIndexToTasksMap: RowIndexToTasksMap, taskHeight: number) => OptimizedListParams;

package/dist/style.css

@@ -332,7 +332,7 @@
   stroke: #e0e0e0;
   stroke-width: 1.4;
 }
-._ganttTaskRoot_1lwsd_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_1lwsd_1 {
+  ._ganttTaskRoot_1mu5y_1 {
     scrollbar-width: thin;
   }
 }
@@ -373,7 +373,7 @@
   background-clip: padding-box;
 } */
 
-._ganttTaskContent_1lwsd_83 {
+._ganttTaskContent_1mu5y_83 {
   margin: 0;
   padding: 0;
   overflow-x: hidden;
@@ -382,12 +382,12 @@
 
 /* Only chrome otherwise the firefox scrollbar has no edges*/
 @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
-  ._ganttTaskContent_1lwsd_83 {
+  ._ganttTaskContent_1mu5y_83 {
     scrollbar-width: thin;
   }
 }
 
-._wrapper_1lwsd_111 {
+._wrapper_1mu5y_111 {
   display: grid;
   overflow-x: hidden;
   overflow-y: auto;
@@ -396,6 +396,7 @@
   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.20",
+  "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",