@thepocman/gantt-task-react 1.0.30 → 1.0.34

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

@@ -1,11 +1,13 @@
 import type { MouseEvent } from "react";
 import React from "react";
 import { GanttRelationEvent } from "../../types/gantt-task-actions";
-import { BarMoveAction, ChildOutOfParentWarnings, ColorStyles, DateExtremity, Distances, FixPosition, RelationKind, Task, TaskOrEmpty } from "../../types/public-types";
+import { BarMoveAction, ChildOutOfParentWarnings, ColorStyles, DateExtremity, Distances, FixPosition, RelationKind, RowIndexToTasksMap, Task, TaskOrEmpty, TaskToRowIndexMap } from "../../types/public-types";
 export type TaskItemProps = {
     children?: React.ReactNode;
     getTaskGlobalIndexByRef: (task: Task) => number;
     hasChildren: boolean;
+    rowIndexToTasksMap: RowIndexToTasksMap;
+    taskToRowIndexMap: TaskToRowIndexMap;
     hasDependencyWarning: boolean;
     progressWidth: number;
     progressX: number;
@@ -38,6 +40,5 @@ export type TaskItemProps = {
     handleDeleteTasks: (task: TaskOrEmpty[]) => void;
     colorStyles: ColorStyles;
     enableTaskGrouping?: boolean;
-    getTaskInitials?: (task: Task) => string;
 };
 export declare const TaskItem: React.NamedExoticComponent<TaskItemProps>;

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

@@ -465,14 +465,13 @@ const collectChildren = (arrayRes, mirrorRes, task, childTasksOnLevel, enableTas
   if (comparisonLevel === 1) {
     mirrorRes[task.id] = true;
   }
-  const isTaskGroupingEnabled = enableTaskGrouping ? task.hideChildren && task.type !== "user" : task.hideChildren;
-  if (task.type === "empty" || isTaskGroupingEnabled) {
+  if (task.type === "empty") {
     return;
   }
   const childs = childTasksOnLevel.get(task.id);
   if (childs && childs.length > 0) {
     childs.forEach((childTask) => {
-      collectChildren(arrayRes, mirrorRes, childTask, childTasksOnLevel, enableTaskGrouping);
+      collectChildren(arrayRes, mirrorRes, childTask, childTasksOnLevel);
     });
   }
 };
@@ -482,7 +481,7 @@ const collectVisibleTasks = (childTasksMap, rootTasksMap, enableTaskGrouping) =>
   for (const [comparisonLevel, rootTasks] of rootTasksMap.entries()) {
     const childTasksOnLevel = childTasksMap.get(comparisonLevel) || /* @__PURE__ */ new Map();
     rootTasks.forEach((task) => {
-      collectChildren(arrayRes, mirrorRes, task, childTasksOnLevel, enableTaskGrouping);
+      collectChildren(arrayRes, mirrorRes, task, childTasksOnLevel);
     });
   }
   return [arrayRes, mirrorRes];
@@ -4229,6 +4228,7 @@ const TaskListTableDefaultInner = ({
           if (taskIndex) {
             [depth, indexStr] = taskIndex;
           }
+          console.log("colors :>> ", colors);
           renderList.push(
             /* @__PURE__ */ jsx(
               TaskListTableRow,
@@ -4579,21 +4579,24 @@ const Calendar = ({
         )
       );
       if (!isUnknownDates && (i2 === startColumnIndex || date.getFullYear() !== getDate(i2 - 1).getFullYear())) {
-        const year = date.getFullYear().toString();
-        const startHalf = Math.floor(i2 / 6) * 6;
+        const year = date.getFullYear();
+        console.log("Fulll year :>> ", year);
+        const topValue = year.toString();
+        const startHalfYearIndex = i2 - date.getMonth();
+        const centerX = additionalLeftSpace + columnWidth * i2 + columnWidth;
         topValues2.push(
           /* @__PURE__ */ jsx(
             TopPartOfCalendar,
             {
-              value: year,
-              x1Line: additionalLeftSpace + columnWidth * startHalf,
+              value: topValue,
+              x1Line: additionalLeftSpace + columnWidth * startHalfYearIndex,
               y1Line: 0,
               y2Line: topDefaultHeight,
-              xText: additionalLeftSpace + columnWidth * (startHalf + 3),
+              xText: centerX,
               yText: topDefaultHeight * 0.9,
               colors
             },
-            year
+            `year-${year}`
           )
         );
       }
@@ -4936,7 +4939,9 @@ const shouldDrawVerticalDivider = (currentDate, previousDate, viewMode, isUnknow
     case ViewMode.Year:
       return currentDate.getFullYear() !== previousDate.getFullYear();
     case ViewMode.HalfYear:
-      return currentDate.getFullYear() !== previousDate.getFullYear();
+      const currentHalf = Math.ceil((currentDate.getMonth() + 1) / 6);
+      const previousHalf = Math.ceil((previousDate.getMonth() + 1) / 6);
+      return currentHalf !== previousHalf || currentDate.getFullYear() !== previousDate.getFullYear();
     case ViewMode.QuarterYear:
       return Math.ceil((currentDate.getMonth() + 1) / 3) !== Math.ceil((previousDate.getMonth() + 1) / 3) || currentDate.getFullYear() !== previousDate.getFullYear();
     case ViewMode.Month:
@@ -5572,10 +5577,35 @@ const RelationLine = ({
     }
   );
 };
-const hoverVisibleWrapper = "_hoverVisibleWrapper_11ld1_1";
-const wrapper = "_wrapper_11ld1_1";
-const mainPath = "_mainPath_11ld1_17";
-const clickZone = "_clickZone_11ld1_35";
+const truncateText = (text, maxWidth, textElement) => {
+  if (!textElement)
+    return text;
+  textElement.textContent = text;
+  const fullWidth = textElement.getBBox().width;
+  if (fullWidth <= maxWidth) {
+    return text;
+  }
+  let start = 0;
+  let end = text.length;
+  let result = text;
+  while (start <= end) {
+    const mid = Math.floor((start + end) / 2);
+    const truncated = text.substring(0, mid);
+    textElement.textContent = truncated;
+    const truncatedWidth = textElement.getBBox().width;
+    if (truncatedWidth <= maxWidth) {
+      result = truncated;
+      start = mid + 1;
+    } else {
+      end = mid - 1;
+    }
+  }
+  return result;
+};
+const hoverVisibleWrapper = "_hoverVisibleWrapper_8hbnp_1";
+const wrapper = "_wrapper_8hbnp_1";
+const mainPath = "_mainPath_8hbnp_17";
+const clickZone = "_clickZone_8hbnp_35";
 const styles$4 = {
   hoverVisibleWrapper,
   wrapper,
@@ -6267,8 +6297,8 @@ const Milestone = ({
     }
   );
 };
-const barLabel = "_barLabel_y0tyg_1";
-const barLabelOutside = "_barLabelOutside_y0tyg_25";
+const barLabel = "_barLabel_7emdt_1";
+const barLabelOutside = "_barLabelOutside_7emdt_25";
 const style = {
   barLabel,
   barLabelOutside
@@ -6345,6 +6375,7 @@ const TaskWarningInner = ({
 };
 const TaskWarning = memo(TaskWarningInner);
 const TaskItemInner = (props) => {
+  var _a, _b, _c;
   const {
     childOutOfParentWarnings,
     colorStyles: stylesProp,
@@ -6373,6 +6404,9 @@ const TaskItemInner = (props) => {
     rtl,
     selectTaskOnMouseDown,
     setTooltipTask,
+    enableTaskGrouping,
+    taskToRowIndexMap,
+    rowIndexToTasksMap,
     task,
     task: { styles: taskStyles },
     taskHalfHeight,
@@ -6425,6 +6459,11 @@ const TaskItemInner = (props) => {
     const globalIndex = getTaskGlobalIndexByRef(task);
     fixEndPosition(task, end.date, globalIndex);
   }, [task, fixEndPosition, outOfParentWarnings, getTaskGlobalIndexByRef]);
+  const taskRowIndex = (_a = taskToRowIndexMap == null ? void 0 : taskToRowIndexMap.get(task.comparisonLevel ?? 1)) == null ? void 0 : _a.get(task.id);
+  if (taskRowIndex === void 0)
+    return null;
+  const isSharedRow = (((_c = (_b = rowIndexToTasksMap == null ? void 0 : rowIndexToTasksMap.get(task.comparisonLevel ?? 1)) == null ? void 0 : _b.get(taskRowIndex)) == null ? void 0 : _c.length) ?? 0) > 1;
+  const isInCollapsedGroup = !!enableTaskGrouping && isSharedRow;
   const handleClick = useCallback(
     (event) => {
       if (onClick) {
@@ -6458,6 +6497,8 @@ const TaskItemInner = (props) => {
   }, [onRelationStart, rtl, task]);
   const textRef = useRef(null);
   const [isTextInside, setIsTextInside] = useState(true);
+  const [truncatedText, setTruncatedText] = useState(task.name);
+  console.log("truncatedText", truncatedText);
   const taskItem = useMemo(() => {
     const isFromStartRelationAuthorized = authorizedRelations.includes("startToStart") || authorizedRelations.includes("startToEnd");
     const isFromEndRelationAuthorized = authorizedRelations.includes("endToEnd") || authorizedRelations.includes("endToStart");
@@ -6540,10 +6581,15 @@ const TaskItemInner = (props) => {
     width
   ]);
   useEffect(() => {
-    if (textRef.current) {
+    if (!textRef.current)
+      return;
+    if (isInCollapsedGroup) {
+      const truncated = truncateText(task.name, width - 10, textRef.current);
+      setTruncatedText(truncated);
+    } else {
       setIsTextInside(textRef.current.getBBox().width < width);
     }
-  }, [textRef, width]);
+  }, [isInCollapsedGroup, task.name, width]);
   const x3 = useMemo(() => {
     if (isTextInside) {
       return x1 + width * 0.5;
@@ -6553,6 +6599,9 @@ const TaskItemInner = (props) => {
     }
     return x1 + width + arrowIndent * 1.2;
   }, [x1, width, isTextInside, rtl, arrowIndent]);
+  const textForRender = isInCollapsedGroup ? "" : task.name;
+  console.log("testForRender", textForRender);
+  const xForRender = isInCollapsedGroup ? x1 + width * 0.5 : x3;
   const onMouseDown = useCallback(
     (event) => {
       selectTaskOnMouseDown(task.id, event);
@@ -6596,11 +6645,11 @@ const TaskItemInner = (props) => {
           "text",
           {
             fill: barLabelFill,
-            x: x3,
+            x: xForRender,
             y: taskYOffset + taskHeight * 0.5,
             className: isTextInside ? style.barLabel : style.barLabel && style.barLabelOutside,
             ref: textRef,
-            children: isTextInside ? task.name : ""
+            children: textForRender
           }
         ),
         (outOfParentWarnings || hasDependencyWarning) && /* @__PURE__ */ jsx(
@@ -6769,6 +6818,9 @@ const TaskGanttContent = ({
               children: /* @__PURE__ */ jsx(
                 TaskItem,
                 {
+                  enableTaskGrouping,
+                  taskToRowIndexMap,
+                  rowIndexToTasksMap,
                   getTaskGlobalIndexByRef,
                   hasChildren: checkHasChildren(task, childTasksMap),
                   hasDependencyWarning: taskToHasDependencyWarningMap ? checkTaskHasDependencyWarning(task, taskToHasDependencyWarningMap) : false,
@@ -6801,12 +6853,7 @@ const TaskGanttContent = ({
                   fixStartPosition,
                   fixEndPosition,
                   handleDeleteTasks,
-                  colorStyles,
-                  enableTaskGrouping,
-                  getTaskInitials: (task2) => {
-                    var _a2;
-                    return ((_a2 = task2.name) == null ? void 0 : _a2.split(" ").map((word) => word[0]).join("").toUpperCase()) ?? "";
-                  }
+                  colorStyles
                 }
               )
             },
@@ -10477,6 +10524,14 @@ const defaultRoundEndDate = (date, viewMode) => {
       }
       return subQuarters(end, 1);
     }
+    case ViewMode.HalfYear: {
+      const month = date.getMonth();
+      if (month < 6) {
+        return endOfHour(new Date(date.getFullYear(), 5, 1));
+      } else {
+        return endOfYear(date);
+      }
+    }
     case ViewMode.Year: {
       const end = endOfYear(date);
       const diff = differenceInMonths(end, date);
@@ -11871,7 +11926,7 @@ const Gantt = ({
     [sortedTasks]
   );
   const [visibleTasks, visibleTasksMirror] = useMemo(
-    () => collectVisibleTasks(childTasksMap, rootTasksMap, enableTaskGrouping),
+    () => collectVisibleTasks(childTasksMap, rootTasksMap),
     [childTasksMap, rootTasksMap]
   );
   const tasksMap = useMemo(() => getTasksMap(tasks), [tasks]);

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

@@ -478,14 +478,13 @@
     if (comparisonLevel === 1) {
       mirrorRes[task.id] = true;
     }
-    const isTaskGroupingEnabled = enableTaskGrouping ? task.hideChildren && task.type !== "user" : task.hideChildren;
-    if (task.type === "empty" || isTaskGroupingEnabled) {
+    if (task.type === "empty") {
       return;
     }
     const childs = childTasksOnLevel.get(task.id);
     if (childs && childs.length > 0) {
       childs.forEach((childTask) => {
-        collectChildren(arrayRes, mirrorRes, childTask, childTasksOnLevel, enableTaskGrouping);
+        collectChildren(arrayRes, mirrorRes, childTask, childTasksOnLevel);
       });
     }
   };
@@ -495,7 +494,7 @@
     for (const [comparisonLevel, rootTasks] of rootTasksMap.entries()) {
       const childTasksOnLevel = childTasksMap.get(comparisonLevel) || /* @__PURE__ */ new Map();
       rootTasks.forEach((task) => {
-        collectChildren(arrayRes, mirrorRes, task, childTasksOnLevel, enableTaskGrouping);
+        collectChildren(arrayRes, mirrorRes, task, childTasksOnLevel);
       });
     }
     return [arrayRes, mirrorRes];
@@ -4242,6 +4241,7 @@
             if (taskIndex) {
               [depth, indexStr] = taskIndex;
             }
+            console.log("colors :>> ", colors);
             renderList.push(
               /* @__PURE__ */ jsxRuntime.jsx(
                 TaskListTableRow,
@@ -4592,21 +4592,24 @@
           )
         );
         if (!isUnknownDates && (i === startColumnIndex || date.getFullYear() !== getDate(i - 1).getFullYear())) {
-          const year = date.getFullYear().toString();
-          const startHalf = Math.floor(i / 6) * 6;
+          const year = date.getFullYear();
+          console.log("Fulll year :>> ", year);
+          const topValue = year.toString();
+          const startHalfYearIndex = i - date.getMonth();
+          const centerX = additionalLeftSpace + columnWidth * i + columnWidth;
           topValues2.push(
             /* @__PURE__ */ jsxRuntime.jsx(
               TopPartOfCalendar,
               {
-                value: year,
-                x1Line: additionalLeftSpace + columnWidth * startHalf,
+                value: topValue,
+                x1Line: additionalLeftSpace + columnWidth * startHalfYearIndex,
                 y1Line: 0,
                 y2Line: topDefaultHeight,
-                xText: additionalLeftSpace + columnWidth * (startHalf + 3),
+                xText: centerX,
                 yText: topDefaultHeight * 0.9,
                 colors
               },
-              year
+              `year-${year}`
             )
           );
         }
@@ -4949,7 +4952,9 @@
       case ViewMode.Year:
         return currentDate.getFullYear() !== previousDate.getFullYear();
       case ViewMode.HalfYear:
-        return currentDate.getFullYear() !== previousDate.getFullYear();
+        const currentHalf = Math.ceil((currentDate.getMonth() + 1) / 6);
+        const previousHalf = Math.ceil((previousDate.getMonth() + 1) / 6);
+        return currentHalf !== previousHalf || currentDate.getFullYear() !== previousDate.getFullYear();
       case ViewMode.QuarterYear:
         return Math.ceil((currentDate.getMonth() + 1) / 3) !== Math.ceil((previousDate.getMonth() + 1) / 3) || currentDate.getFullYear() !== previousDate.getFullYear();
       case ViewMode.Month:
@@ -5585,10 +5590,35 @@
       }
     );
   };
-  const hoverVisibleWrapper = "_hoverVisibleWrapper_11ld1_1";
-  const wrapper = "_wrapper_11ld1_1";
-  const mainPath = "_mainPath_11ld1_17";
-  const clickZone = "_clickZone_11ld1_35";
+  const truncateText = (text, maxWidth, textElement) => {
+    if (!textElement)
+      return text;
+    textElement.textContent = text;
+    const fullWidth = textElement.getBBox().width;
+    if (fullWidth <= maxWidth) {
+      return text;
+    }
+    let start = 0;
+    let end = text.length;
+    let result = text;
+    while (start <= end) {
+      const mid = Math.floor((start + end) / 2);
+      const truncated = text.substring(0, mid);
+      textElement.textContent = truncated;
+      const truncatedWidth = textElement.getBBox().width;
+      if (truncatedWidth <= maxWidth) {
+        result = truncated;
+        start = mid + 1;
+      } else {
+        end = mid - 1;
+      }
+    }
+    return result;
+  };
+  const hoverVisibleWrapper = "_hoverVisibleWrapper_8hbnp_1";
+  const wrapper = "_wrapper_8hbnp_1";
+  const mainPath = "_mainPath_8hbnp_17";
+  const clickZone = "_clickZone_8hbnp_35";
   const styles$4 = {
     hoverVisibleWrapper,
     wrapper,
@@ -6280,8 +6310,8 @@
       }
     );
   };
-  const barLabel = "_barLabel_y0tyg_1";
-  const barLabelOutside = "_barLabelOutside_y0tyg_25";
+  const barLabel = "_barLabel_7emdt_1";
+  const barLabelOutside = "_barLabelOutside_7emdt_25";
   const style = {
     barLabel,
     barLabelOutside
@@ -6358,6 +6388,7 @@
   };
   const TaskWarning = React.memo(TaskWarningInner);
   const TaskItemInner = (props) => {
+    var _a, _b, _c;
     const {
       childOutOfParentWarnings,
       colorStyles: stylesProp,
@@ -6386,6 +6417,9 @@
       rtl,
       selectTaskOnMouseDown,
       setTooltipTask,
+      enableTaskGrouping,
+      taskToRowIndexMap,
+      rowIndexToTasksMap,
       task,
       task: { styles: taskStyles },
       taskHalfHeight,
@@ -6438,6 +6472,11 @@
       const globalIndex = getTaskGlobalIndexByRef(task);
       fixEndPosition(task, end.date, globalIndex);
     }, [task, fixEndPosition, outOfParentWarnings, getTaskGlobalIndexByRef]);
+    const taskRowIndex = (_a = taskToRowIndexMap == null ? void 0 : taskToRowIndexMap.get(task.comparisonLevel ?? 1)) == null ? void 0 : _a.get(task.id);
+    if (taskRowIndex === void 0)
+      return null;
+    const isSharedRow = (((_c = (_b = rowIndexToTasksMap == null ? void 0 : rowIndexToTasksMap.get(task.comparisonLevel ?? 1)) == null ? void 0 : _b.get(taskRowIndex)) == null ? void 0 : _c.length) ?? 0) > 1;
+    const isInCollapsedGroup = !!enableTaskGrouping && isSharedRow;
     const handleClick = React.useCallback(
       (event) => {
         if (onClick) {
@@ -6471,6 +6510,8 @@
     }, [onRelationStart, rtl, task]);
     const textRef = React.useRef(null);
     const [isTextInside, setIsTextInside] = React.useState(true);
+    const [truncatedText, setTruncatedText] = React.useState(task.name);
+    console.log("truncatedText", truncatedText);
     const taskItem = React.useMemo(() => {
       const isFromStartRelationAuthorized = authorizedRelations.includes("startToStart") || authorizedRelations.includes("startToEnd");
       const isFromEndRelationAuthorized = authorizedRelations.includes("endToEnd") || authorizedRelations.includes("endToStart");
@@ -6553,10 +6594,15 @@
       width
     ]);
     React.useEffect(() => {
-      if (textRef.current) {
+      if (!textRef.current)
+        return;
+      if (isInCollapsedGroup) {
+        const truncated = truncateText(task.name, width - 10, textRef.current);
+        setTruncatedText(truncated);
+      } else {
         setIsTextInside(textRef.current.getBBox().width < width);
       }
-    }, [textRef, width]);
+    }, [isInCollapsedGroup, task.name, width]);
     const x3 = React.useMemo(() => {
       if (isTextInside) {
         return x1 + width * 0.5;
@@ -6566,6 +6612,9 @@
       }
       return x1 + width + arrowIndent * 1.2;
     }, [x1, width, isTextInside, rtl, arrowIndent]);
+    const textForRender = isInCollapsedGroup ? "" : task.name;
+    console.log("testForRender", textForRender);
+    const xForRender = isInCollapsedGroup ? x1 + width * 0.5 : x3;
     const onMouseDown = React.useCallback(
       (event) => {
         selectTaskOnMouseDown(task.id, event);
@@ -6609,11 +6658,11 @@
             "text",
             {
               fill: barLabelFill,
-              x: x3,
+              x: xForRender,
               y: taskYOffset + taskHeight * 0.5,
               className: isTextInside ? style.barLabel : style.barLabel && style.barLabelOutside,
               ref: textRef,
-              children: isTextInside ? task.name : ""
+              children: textForRender
             }
           ),
           (outOfParentWarnings || hasDependencyWarning) && /* @__PURE__ */ jsxRuntime.jsx(
@@ -6782,6 +6831,9 @@
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   TaskItem,
                   {
+                    enableTaskGrouping,
+                    taskToRowIndexMap,
+                    rowIndexToTasksMap,
                     getTaskGlobalIndexByRef,
                     hasChildren: checkHasChildren(task, childTasksMap),
                     hasDependencyWarning: taskToHasDependencyWarningMap ? checkTaskHasDependencyWarning(task, taskToHasDependencyWarningMap) : false,
@@ -6814,12 +6866,7 @@
                     fixStartPosition,
                     fixEndPosition,
                     handleDeleteTasks,
-                    colorStyles,
-                    enableTaskGrouping,
-                    getTaskInitials: (task2) => {
-                      var _a2;
-                      return ((_a2 = task2.name) == null ? void 0 : _a2.split(" ").map((word) => word[0]).join("").toUpperCase()) ?? "";
-                    }
+                    colorStyles
                   }
                 )
               },
@@ -10490,6 +10537,14 @@
         }
         return subQuarters(end, 1);
       }
+      case ViewMode.HalfYear: {
+        const month = date.getMonth();
+        if (month < 6) {
+          return endOfHour(new Date(date.getFullYear(), 5, 1));
+        } else {
+          return endOfYear(date);
+        }
+      }
       case ViewMode.Year: {
         const end = endOfYear(date);
         const diff = differenceInMonths(end, date);
@@ -11884,7 +11939,7 @@
       [sortedTasks]
     );
     const [visibleTasks, visibleTasksMirror] = React.useMemo(
-      () => collectVisibleTasks(childTasksMap, rootTasksMap, enableTaskGrouping),
+      () => collectVisibleTasks(childTasksMap, rootTasksMap),
       [childTasksMap, rootTasksMap]
     );
     const tasksMap = React.useMemo(() => getTasksMap(tasks), [tasks]);

package/dist/helpers/truncate-task-label.d.ts

@@ -0,0 +1 @@
+export declare const truncateText: (text: string, maxWidth: number, textElement: SVGTextElement | null) => string;

package/dist/style.css

@@ -440,28 +440,27 @@
   stroke-width: 2;
   stroke-dasharray: 4;
 }
-._hoverVisibleWrapper_11ld1_1:hover ._wrapper_11ld1_1 {
+._hoverVisibleWrapper_8hbnp_1:hover ._wrapper_8hbnp_1 {
   display: initial;
 }
 
-._wrapper_11ld1_1 {
+._wrapper_8hbnp_1 {
   cursor: pointer;
 }
 
-._wrapper_11ld1_1:hover ._mainPath_11ld1_17 {
+._wrapper_8hbnp_1:hover ._mainPath_8hbnp_17 {
   filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, .7));
 }
 
-._mainPath_11ld1_17 {
+._mainPath_8hbnp_17 {
   fill: none;
   stroke-width: 1.5px;
 }
 
-._clickZone_11ld1_35 {
+._clickZone_8hbnp_35 {
   fill: transparent;
   stroke: transparent;
-}
-._barWrapper_1kg71_1 {
+}._barWrapper_1kg71_1 {
   cursor: pointer;
   outline: none;
 }
@@ -521,7 +520,7 @@
 ._milestoneBackground_vcirf_11 {
   user-select: none;
 }
-._barLabel_y0tyg_1 {
+._barLabel_7emdt_1 {
   text-anchor: middle;
   font-weight: lighter;
   dominant-baseline: central;
@@ -533,7 +532,7 @@
   pointer-events: none;
 }
 
-._barLabelOutside_y0tyg_25 {
+._barLabelOutside_7emdt_25 {
   text-anchor: start;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
@@ -541,8 +540,7 @@
   -ms-user-select: none;
   user-select: none;
   pointer-events: none;
-}
-._menuOption_z7pb4_1 {
+}._menuOption_z7pb4_1 {
   display: flex;
   align-items: center;
   gap: 5px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thepocman/gantt-task-react",
-  "version": "1.0.30",
+  "version": "1.0.34",
   "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",

package/dist/helpers/get-initial-closed-tasks.d.ts

@@ -1,2 +0,0 @@
-import { TaskOrEmpty } from "../types/public-types";
-export declare const getInitialClosedTasks: (tasks: readonly TaskOrEmpty[]) => Readonly<Record<string, true>>;

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

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

package/dist/helpers/sort-visible-tasks.d.ts

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