gantt-task-react-v 1.6.10 → 1.6.12

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

@@ -45,6 +45,7 @@ export interface TaskGanttContentProps extends GanttTaskBarActions {
     taskBarMovingAction: (task: RenderTask) => TaskBarMoveAction | null;
     viewMode: ViewMode;
     showProgress?: boolean;
+    showProjectProgress?: boolean;
     progressColor?: string;
 }
 export declare const TaskGanttContent: React.NamedExoticComponent<TaskGanttContentProps>;

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

@@ -33,6 +33,7 @@ export interface TaskItemProps extends Omit<GanttTaskBarActions, "taskBarMovingA
     renderCustomLabel?: RenderCustomLabel;
     viewMode: ViewMode;
     showProgress?: boolean;
+    showProjectProgress?: boolean;
     progressColor?: string;
 }
 export declare const TaskItem: React.NamedExoticComponent<TaskItemProps>;

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

@@ -5175,8 +5175,8 @@ const DEFAULT_THEME = {
     projectProgressSelectedColor: "#0097A7",
     projectProgressCriticalColor: "#00838F",
     projectProgressSelectedCriticalColor: "#006064",
-    projectBackgroundColor: "#FFA726",
-    projectBackgroundSelectedColor: "#F57C00",
+    projectBackgroundColor: "#0A0A0A",
+    projectBackgroundSelectedColor: "#333333",
     projectBackgroundCriticalColor: "#EF6C00",
     projectBackgroundSelectedCriticalColor: "#E65100",
     milestoneBackgroundColor: "#FF7043",
@@ -12658,7 +12658,7 @@ const ProjectDisplay = ({
       },
       className: styles$8.projectWrapper,
       children: [
-        /* @__PURE__ */ jsx(
+        showProgress && /* @__PURE__ */ jsx(
           "rect",
           {
             fill: barColor,
@@ -12781,6 +12781,7 @@ const Bar = (props) => {
     movingAction,
     ganttRelationEvent,
     showProgress = true,
+    showProjectProgress = false,
     progressColor
   } = props;
   const isSmallWidth = useMemo(() => width < 30, [width]);
@@ -12848,7 +12849,7 @@ const Bar = (props) => {
           isCritical,
           hasChildren,
           startMoveFullTask,
-          showProgress,
+          showProgress: showProjectProgress,
           progressColor
         }
       );
@@ -12928,7 +12929,7 @@ const Bar = (props) => {
       }
     ),
     relationHandles,
-    isProgressChangeable(task) && /* @__PURE__ */ jsx(
+    (task.type !== "project" || showProjectProgress) && isProgressChangeable(task) && /* @__PURE__ */ jsx(
       BarProgressHandle,
       {
         className: `${styles$9.barHandle} ${isMovingProgress ? styles$9.barHandleImportantVisible : ""} ${isSmallWidth || isMovingDate || isRelationDrawMode ? styles$9.barHandleImportantHidden : ""}`,
@@ -13299,12 +13300,13 @@ const TaskItemInner = (props) => {
           {
             x1,
             width,
-            taskHeight,
+            taskHeight: task.type === "project" ? taskHalfHeight : taskHeight,
             arrowIndent,
             rtl,
             label: task.name,
             taskYOffset,
-            viewMode
+            viewMode,
+            alwaysOutline: task.type === "project"
           }
         )
       ]
@@ -13445,6 +13447,7 @@ const TaskGanttContentInner = (props) => {
     waitCommitTasks,
     viewMode,
     showProgress = true,
+    showProjectProgress = false,
     progressColor
   } = props;
   const renderedHolidays = useMemo(() => {
@@ -13615,6 +13618,7 @@ const TaskGanttContentInner = (props) => {
                 renderCustomLabel,
                 viewMode,
                 showProgress,
+                showProjectProgress,
                 progressColor
               }
             )
@@ -13975,6 +13979,7 @@ const TaskGanttContentInner = (props) => {
     activeArrowKey,
     activeTaskId,
     showProgress,
+    showProjectProgress,
     progressColor
   ]);
   return /* @__PURE__ */ jsxs("g", { className: "content", children: [
@@ -19783,6 +19788,7 @@ const Gantt = (props) => {
     todayLabel = "Today",
     dataDateLabel = "Data Date",
     showProgress = true,
+    showProjectProgress = false,
     progressColor,
     scrollToTaskId,
     drawer: drawerProps
@@ -21298,6 +21304,7 @@ const Gantt = (props) => {
       visibleTasksMirror,
       viewMode,
       showProgress,
+      showProjectProgress,
       progressColor
     }),
     [
@@ -21343,6 +21350,7 @@ const Gantt = (props) => {
       changeInProgress == null ? void 0 : changeInProgress.action,
       handleDeleteTasks,
       showProgress,
+      showProjectProgress,
       progressColor
     ]
   );

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

@@ -5192,8 +5192,8 @@
       projectProgressSelectedColor: "#0097A7",
       projectProgressCriticalColor: "#00838F",
       projectProgressSelectedCriticalColor: "#006064",
-      projectBackgroundColor: "#FFA726",
-      projectBackgroundSelectedColor: "#F57C00",
+      projectBackgroundColor: "#0A0A0A",
+      projectBackgroundSelectedColor: "#333333",
       projectBackgroundCriticalColor: "#EF6C00",
       projectBackgroundSelectedCriticalColor: "#E65100",
       milestoneBackgroundColor: "#FF7043",
@@ -12675,7 +12675,7 @@
         },
         className: styles$8.projectWrapper,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          showProgress && /* @__PURE__ */ jsxRuntime.jsx(
             "rect",
             {
               fill: barColor,
@@ -12798,6 +12798,7 @@
       movingAction,
       ganttRelationEvent,
       showProgress = true,
+      showProjectProgress = false,
       progressColor
     } = props;
     const isSmallWidth = React.useMemo(() => width < 30, [width]);
@@ -12865,7 +12866,7 @@
             isCritical,
             hasChildren,
             startMoveFullTask,
-            showProgress,
+            showProgress: showProjectProgress,
             progressColor
           }
         );
@@ -12945,7 +12946,7 @@
         }
       ),
       relationHandles,
-      isProgressChangeable(task) && /* @__PURE__ */ jsxRuntime.jsx(
+      (task.type !== "project" || showProjectProgress) && isProgressChangeable(task) && /* @__PURE__ */ jsxRuntime.jsx(
         BarProgressHandle,
         {
           className: `${styles$9.barHandle} ${isMovingProgress ? styles$9.barHandleImportantVisible : ""} ${isSmallWidth || isMovingDate || isRelationDrawMode ? styles$9.barHandleImportantHidden : ""}`,
@@ -13316,12 +13317,13 @@
             {
               x1,
               width,
-              taskHeight,
+              taskHeight: task.type === "project" ? taskHalfHeight : taskHeight,
               arrowIndent,
               rtl,
               label: task.name,
               taskYOffset,
-              viewMode
+              viewMode,
+              alwaysOutline: task.type === "project"
             }
           )
         ]
@@ -13462,6 +13464,7 @@
       waitCommitTasks,
       viewMode,
       showProgress = true,
+      showProjectProgress = false,
       progressColor
     } = props;
     const renderedHolidays = React.useMemo(() => {
@@ -13632,6 +13635,7 @@
                   renderCustomLabel,
                   viewMode,
                   showProgress,
+                  showProjectProgress,
                   progressColor
                 }
               )
@@ -13992,6 +13996,7 @@
       activeArrowKey,
       activeTaskId,
       showProgress,
+      showProjectProgress,
       progressColor
     ]);
     return /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "content", children: [
@@ -19800,6 +19805,7 @@
       todayLabel = "Today",
       dataDateLabel = "Data Date",
       showProgress = true,
+      showProjectProgress = false,
       progressColor,
       scrollToTaskId,
       drawer: drawerProps
@@ -21315,6 +21321,7 @@
         visibleTasksMirror,
         viewMode,
         showProgress,
+        showProjectProgress,
         progressColor
       }),
       [
@@ -21360,6 +21367,7 @@
         changeInProgress == null ? void 0 : changeInProgress.action,
         handleDeleteTasks,
         showProgress,
+        showProjectProgress,
         progressColor
       ]
     );

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

@@ -407,6 +407,10 @@ export interface GanttProps {
      * Show/hide progress bar on task bars. Defaults to true.
      */
     showProgress?: boolean;
+    /**
+     * Show/hide progress bar on project/WBS task bars. Defaults to false.
+     */
+    showProjectProgress?: boolean;
     /**
      * Custom color for progress bars. If not provided, theme progress colors are used.
      */

package/package.json

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