@thepocman/gantt-task-react 1.0.36 → 1.0.38

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

@@ -14,6 +14,7 @@ type BarDisplayProps = {
     width: number;
     x: number;
     y: number;
+    imageUrl: string;
 };
 export declare const BarDisplay: React.FC<BarDisplayProps>;
 export {};

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

@@ -4579,7 +4579,6 @@ const Calendar = ({
       );
       if (!isUnknownDates && (i2 === startColumnIndex || date.getFullYear() !== getDate(i2 - 1).getFullYear())) {
         const year = date.getFullYear();
-        console.log("Fulll year :>> ", year);
         const topValue = year.toString();
         const startHalfYearIndex = i2 - date.getMonth();
         const centerX = additionalLeftSpace + columnWidth * i2 + columnWidth;
@@ -5681,7 +5680,8 @@ const BarDisplay = ({
   styles: styles2,
   width,
   x: x3,
-  y: y3
+  y: y3,
+  imageUrl
 }) => {
   const processColor = useMemo(() => {
     if (isCritical) {
@@ -5769,6 +5769,17 @@ const BarDisplay = ({
             rx: barCornerRadius,
             fill: processColor
           }
+        ),
+        imageUrl && /* @__PURE__ */ jsx(
+          "image",
+          {
+            style: { width: 300, position: "relative" },
+            href: imageUrl,
+            x: x3 + 5,
+            y: y3 + 2,
+            width,
+            height
+          }
         )
       ]
     }
@@ -6052,6 +6063,7 @@ const Bar = ({
     barDisplay = /* @__PURE__ */ jsx(
       BarDisplay,
       {
+        imageUrl: task.imageUrl,
         taskName: task.name,
         x: x1,
         y: taskYOffset,
@@ -6171,6 +6183,7 @@ const BarSmall = ({
         /* @__PURE__ */ jsx(
           BarDisplay,
           {
+            imageUrl: task.imageUrl,
             taskName: task.name,
             barCornerRadius,
             hasChildren,
@@ -6731,7 +6744,6 @@ const TaskGanttContent = ({
         const comparisonLevel = task.comparisonLevel ?? 1;
         const { id: taskId } = task;
         const isInCollapsedGroup = enableTaskGrouping && task.parent && tasksAtRow.length > 1;
-        console.log("isInCollapsedGroup :>> ", isInCollapsedGroup);
         if (selectedIdsMirror[taskId] && !addedSelectedTasks[taskId]) {
           addedSelectedTasks[taskId] = true;
           const rowIndex = (_a = taskToRowIndexMap.get(comparisonLevel)) == null ? void 0 : _a.get(taskId);
@@ -11892,7 +11904,7 @@ const Gantt = ({
   );
   const [visibleTasks, visibleTasksMirror] = useMemo(
     () => collectVisibleTasks(childTasksMap, rootTasksMap),
-    [childTasksMap, rootTasksMap]
+    [childTasksMap, rootTasksMap, enableTaskGrouping]
   );
   const tasksMap = useMemo(() => getTasksMap(tasks), [tasks]);
   const checkTaskIdExists = useCallback(

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

@@ -4592,7 +4592,6 @@
         );
         if (!isUnknownDates && (i === startColumnIndex || date.getFullYear() !== getDate(i - 1).getFullYear())) {
           const year = date.getFullYear();
-          console.log("Fulll year :>> ", year);
           const topValue = year.toString();
           const startHalfYearIndex = i - date.getMonth();
           const centerX = additionalLeftSpace + columnWidth * i + columnWidth;
@@ -5694,7 +5693,8 @@
     styles: styles2,
     width,
     x: x2,
-    y
+    y,
+    imageUrl
   }) => {
     const processColor = React.useMemo(() => {
       if (isCritical) {
@@ -5782,6 +5782,17 @@
               rx: barCornerRadius,
               fill: processColor
             }
+          ),
+          imageUrl && /* @__PURE__ */ jsxRuntime.jsx(
+            "image",
+            {
+              style: { width: 300, position: "relative" },
+              href: imageUrl,
+              x: x2 + 5,
+              y: y + 2,
+              width,
+              height
+            }
           )
         ]
       }
@@ -6065,6 +6076,7 @@
       barDisplay = /* @__PURE__ */ jsxRuntime.jsx(
         BarDisplay,
         {
+          imageUrl: task.imageUrl,
           taskName: task.name,
           x: x1,
           y: taskYOffset,
@@ -6184,6 +6196,7 @@
           /* @__PURE__ */ jsxRuntime.jsx(
             BarDisplay,
             {
+              imageUrl: task.imageUrl,
               taskName: task.name,
               barCornerRadius,
               hasChildren,
@@ -6744,7 +6757,6 @@
           const comparisonLevel = task.comparisonLevel ?? 1;
           const { id: taskId } = task;
           const isInCollapsedGroup = enableTaskGrouping && task.parent && tasksAtRow.length > 1;
-          console.log("isInCollapsedGroup :>> ", isInCollapsedGroup);
           if (selectedIdsMirror[taskId] && !addedSelectedTasks[taskId]) {
             addedSelectedTasks[taskId] = true;
             const rowIndex = (_a = taskToRowIndexMap.get(comparisonLevel)) == null ? void 0 : _a.get(taskId);
@@ -11905,7 +11917,7 @@
     );
     const [visibleTasks, visibleTasksMirror] = React.useMemo(
       () => collectVisibleTasks(childTasksMap, rootTasksMap),
-      [childTasksMap, rootTasksMap]
+      [childTasksMap, rootTasksMap, enableTaskGrouping]
     );
     const tasksMap = React.useMemo(() => getTasksMap(tasks), [tasks]);
     const checkTaskIdExists = React.useCallback(

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

@@ -164,6 +164,7 @@ export interface Task {
     status?: string;
     phase?: string;
     taskOwner?: string;
+    imageUrl?: string;
 }
 export interface EmptyTask {
     id: string;
@@ -175,6 +176,7 @@ export interface EmptyTask {
     status?: string;
     phase?: string;
     taskOwner?: string;
+    imageUrl?: string;
     displayOrder?: number;
     isDisabled?: boolean;
     styles?: Partial<ColorStyles>;

package/package.json

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